feat(accordion): Add possibility to provide semantic options and defa…

…ult theme - refs #153783
eea · Sep 29, 2022 · 9c7e210 · 9c7e210
1 parent dcb963b
commit 9c7e210
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/components/manage/Blocks/Accordion/AccordionEdit.jsx b/src/components/manage/Blocks/Accordion/AccordionEdit.jsx
@@ -47,7 +47,12 @@ export default (props) => {
   }, [data.collapsed]);
 
   return (
-    <Accordion fluid styled className={data.styles?.theme}>
+    <Accordion
+      className={
+        data.styles ? data.styles.theme : accordionConfig?.defaults?.theme
+      }
+      {...accordionConfig.options}
+    >
       <React.Fragment>
         <Accordion.Title
           as={data.title_size}

diff --git a/src/components/manage/Blocks/Accordion/View.jsx b/src/components/manage/Blocks/Accordion/View.jsx
@@ -51,11 +51,12 @@ const View = (props) => {
       {panels.map(([id, panel], index) => {
         return accordionBlockHasValue(panel) ? (
           <Accordion
-            fluid
-            styled
             key={id}
             exclusive={!data.exclusive}
-            className={data.styles?.theme}
+            className={
+              data.styles ? data.styles.theme : accordionConfig?.defaults?.theme
+            }
+            {...accordionConfig.options}
           >
             <React.Fragment>
               <Accordion.Title

diff --git a/src/index.js b/src/index.js
@@ -58,6 +58,12 @@ const applyConfig = (config) => {
     schema: extendedSchema(config),
     stylesSchema: AccordionStylingSchema,
     enableStyling: true,
+    // See https://react.semantic-ui.com/modules/accordion/
+    options: {
+      styled: 'styled',
+      fluid: 'fluid',
+    },
+    defaults: {},
     security: {
       addPermission: [],
       view: [],