@coorpacademy/components 11.18.4 → 11.18.6

package/lib/molecule/setup-slider/index.d.ts

@@ -1,180 +1,7 @@
 export default SetupSlider;
 declare function SetupSlider(props: any): JSX.Element;
 declare namespace SetupSlider {
-    namespace propTypes {
-        const tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
-            tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
-                children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-                tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    iconType: PropTypes.Requireable<string>;
-                    isOpen: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                theme: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-            oneTabOnly: PropTypes.Requireable<boolean>;
-            theme: PropTypes.Requireable<string>;
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined)[]>;
-        const slides: PropTypes.Requireable<(PropTypes.InferProps<{
-            fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
-                autoFocus: PropTypes.Requireable<boolean>;
-                title: PropTypes.Requireable<string>;
-                placeholder: PropTypes.Requireable<string>;
-                defaultValue: PropTypes.Requireable<string>;
-                theme: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                value: PropTypes.Requireable<string>;
-                hint: PropTypes.Requireable<string>;
-                error: PropTypes.Requireable<string>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                description: PropTypes.Requireable<string>;
-                modified: PropTypes.Requireable<boolean>;
-                valid: PropTypes.Requireable<boolean>;
-                'aria-label': PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                title: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                id: PropTypes.Requireable<string>;
-                value: PropTypes.Requireable<boolean>;
-                disabled: PropTypes.Requireable<boolean>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-                modified: PropTypes.Requireable<boolean>;
-                titlePosition: PropTypes.Requireable<string>;
-                theme: PropTypes.Requireable<string>;
-                details: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                requiredSelection: PropTypes.Requireable<boolean>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                title: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                className: PropTypes.Requireable<string>;
-                borderClassName: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                multiple: PropTypes.Requireable<boolean>;
-                description: PropTypes.Requireable<string>;
-                required: PropTypes.Requireable<boolean>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                theme: PropTypes.Requireable<string>;
-                options: PropTypes.Requireable<(PropTypes.InferProps<{
-                    name: PropTypes.Validator<string>;
-                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                    selected: PropTypes.Requireable<boolean>;
-                    validOption: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
-                optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
-                    label: PropTypes.Validator<string>;
-                    options: PropTypes.Requireable<(PropTypes.InferProps<{
-                        name: PropTypes.Validator<string>;
-                        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                        selected: PropTypes.Requireable<boolean>;
-                        validOption: PropTypes.Requireable<boolean>;
-                    }> | null | undefined)[]>;
-                }> | null | undefined)[]>;
-                modified: PropTypes.Requireable<boolean>;
-                error: PropTypes.Requireable<boolean>;
-                'aria-label': PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                title: PropTypes.Validator<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                required: PropTypes.Requireable<boolean>;
-                checked: PropTypes.Requireable<boolean>;
-                error: PropTypes.Requireable<boolean>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                modified: PropTypes.Requireable<boolean>;
-                noLabelMargins: PropTypes.Requireable<boolean>;
-                theme: PropTypes.Requireable<string>;
-                titleStyle: PropTypes.Requireable<string>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                onReset: PropTypes.Requireable<(...args: any[]) => any>;
-                imageTypes: PropTypes.Requireable<any[]>;
-                error: PropTypes.Requireable<string>;
-                buttonAriaLabel: PropTypes.Requireable<string>;
-                errorButtonLabel: PropTypes.Requireable<string>;
-                labelLink: PropTypes.Requireable<string>;
-                hrefLink: PropTypes.Requireable<string>;
-                title: PropTypes.Requireable<string>;
-                description: PropTypes.Requireable<string>;
-                uploadLabel: PropTypes.Requireable<string>;
-                previewLabel: PropTypes.Requireable<string>;
-                previewContent: PropTypes.Requireable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    src: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                }>>;
-                loading: PropTypes.Requireable<boolean>;
-                modified: PropTypes.Requireable<boolean>;
-                disabled: PropTypes.Requireable<boolean>;
-                children: PropTypes.Requireable<(...args: any[]) => any>;
-                pdfButtonLabel: PropTypes.Requireable<string>;
-                pdfButtonAriaLabel: PropTypes.Requireable<string>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                title: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<string>;
-                description: PropTypes.Requireable<string>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                description?: PropTypes.Requireable<string> | undefined;
-                toggleValue: PropTypes.Validator<string>;
-                onClick: PropTypes.Validator<(...args: any[]) => any>;
-                onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
-                onCloseConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                field: PropTypes.Requireable<PropTypes.InferProps<{
-                    leftSection: PropTypes.Requireable<PropTypes.InferProps<{
-                        title: PropTypes.Validator<string>;
-                        values: PropTypes.Validator<(PropTypes.InferProps<{
-                            title: PropTypes.Validator<string>;
-                            disabled: PropTypes.Requireable<boolean>;
-                            required: PropTypes.Requireable<boolean>;
-                            checked: PropTypes.Requireable<boolean>;
-                            error: PropTypes.Requireable<boolean>;
-                            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                            modified: PropTypes.Requireable<boolean>;
-                            noLabelMargins: PropTypes.Requireable<boolean>;
-                            theme: PropTypes.Requireable<string>;
-                            titleStyle: PropTypes.Requireable<string>;
-                        }> | null | undefined)[]>;
-                        required: PropTypes.Requireable<boolean>;
-                    }>>;
-                    rightSection: PropTypes.Requireable<PropTypes.InferProps<{
-                        title: PropTypes.Validator<string>;
-                        values: PropTypes.Validator<(PropTypes.InferProps<{
-                            title: PropTypes.Validator<string>;
-                            disabled: PropTypes.Requireable<boolean>;
-                            required: PropTypes.Requireable<boolean>;
-                            checked: PropTypes.Requireable<boolean>;
-                            error: PropTypes.Requireable<boolean>;
-                            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                            modified: PropTypes.Requireable<boolean>;
-                            noLabelMargins: PropTypes.Requireable<boolean>;
-                            theme: PropTypes.Requireable<string>;
-                            titleStyle: PropTypes.Requireable<string>;
-                        }> | null | undefined)[]>;
-                        required: PropTypes.Requireable<boolean>;
-                    }>>;
-                }>>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                header: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<string>;
-            }> | null | undefined> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-    }
+    export { SetupSliderPropTypes as propTypes };
 }
-import PropTypes from "prop-types";
+declare const SetupSliderPropTypes: any;
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/setup-slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAOA,sDAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAiBA,sDAsEC;;;;AAkDD,wCAGE"}

package/lib/molecule/setup-slider/index.js

@@ -9,10 +9,30 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _setupSlide = _interopRequireDefault(require("../setup-slide"));
-
 var _toggler = _interopRequireDefault(require("../../organism/accordion/toggler"));
 
+var _select = _interopRequireDefault(require("../../atom/select"));
+
+var _inputReadonly = _interopRequireDefault(require("../../atom/input-readonly"));
+
+var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
+var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
+var _inputDoublestep = _interopRequireDefault(require("../../atom/input-doublestep"));
+
+var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
+var _imageUpload = _interopRequireDefault(require("../../atom/image-upload"));
+
+var _setupCohortItem = _interopRequireDefault(require("../setup-cohort-item"));
+
+var _messagePopin = _interopRequireDefault(require("../message-popin"));
+
+var _brandDownloadBox = _interopRequireDefault(require("../brand-download-box"));
+
+var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,12 +45,87 @@ const SetupSlider = props => {
     slides = []
   } = props;
 
-  const slidesView = _map2.default.convert({
-    cap: false
-  })((slide, key) => /*#__PURE__*/_react.default.createElement(_setupSlide.default, _extends({}, slide, {
-    key: key
-  })), slides);
+  const buildSlides = slides_ => {
+    return _map2.default.convert({
+      cap: false
+    })((slide, key) => {
+      const buildInput = field => {
+        const {
+          type
+        } = field;
+
+        switch (type) {
+          case 'switch':
+            return /*#__PURE__*/_react.default.createElement(_inputSwitch.default, field);
+
+          case 'select':
+            return /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, field, {
+              theme: 'coorpmanager'
+            }));
+
+          case 'checkbox':
+            return /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field);
+
+          case 'image':
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.default.imageUploadContainer
+            }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
+
+          case 'splitForm':
+            return /*#__PURE__*/_react.default.createElement(_setupCohortItem.default, {
+              field: field
+            });
+
+          case 'alert':
+            return /*#__PURE__*/_react.default.createElement(_messagePopin.default, {
+              header: field.title,
+              content: field.subtitle
+            });
+
+          case 'readonly':
+            return /*#__PURE__*/_react.default.createElement(_inputReadonly.default, field);
+
+          case 'doublestep':
+            return /*#__PURE__*/_react.default.createElement(_inputDoublestep.default, field);
+
+          case 'downloadbox':
+            return /*#__PURE__*/_react.default.createElement(_brandDownloadBox.default, field);
+
+          case 'form-group':
+            return /*#__PURE__*/_react.default.createElement(_title.default, field);
+
+          case 'slider':
+            return /*#__PURE__*/_react.default.createElement(_toggler.default, {
+              tabProps: field.tabProps,
+              type: 'all',
+              theme: 'setup'
+            }, buildSlides(field.slides));
+
+          default:
+            return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
+        }
+      };
+
+      const buildField = (field, index) => {
+        const input = buildInput(field);
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: _style.default.field,
+          key: index
+        }, input);
+      };
+
+      const fieldsList = _map2.default.convert({
+        cap: false
+      })(buildField, slide.fields);
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.wrapper,
+        key: key
+      }, fieldsList);
+    }, slides_);
+  };
 
+  const slidesView = buildSlides(slides);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapperStyle
   }, /*#__PURE__*/_react.default.createElement(_toggler.default, {
@@ -40,10 +135,34 @@ const SetupSlider = props => {
   }, slidesView));
 };
 
-SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? {
+const SlidePropTypes = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
+  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, SetupSlider.propTypes, {
+    type: _propTypes.default.oneOf(['slider'])
+  })), _propTypes.default.shape(_extends({}, _inputSwitch.default.propTypes, {
+    type: _propTypes.default.oneOf(['switch'])
+  })), _propTypes.default.shape(_extends({}, _select.default.propTypes, {
+    type: _propTypes.default.oneOf(['select'])
+  })), _propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
+    type: _propTypes.default.oneOf(['checkbox'])
+  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+    type: _propTypes.default.oneOf(['image'])
+  })), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
+    type: _propTypes.default.oneOf(['readonly'])
+  })), _propTypes.default.shape(_extends({}, _inputDoublestep.default.propTypes, {
+    type: _propTypes.default.oneOf(['doublestep'])
+  })), _propTypes.default.shape(_extends({}, _setupCohortItem.default.propTypes, {
+    type: _propTypes.default.oneOf(['splitForm'])
+  })), _propTypes.default.shape(_extends({}, _messagePopin.default.propTypes, {
+    type: _propTypes.default.oneOf(['alert'])
+  })), _propTypes.default.shape(_inputText.default.propTypes), _propTypes.default.shape(_extends({}, _brandDownloadBox.default.propTypes, {
+    type: _propTypes.default.oneOf(['downloadbox'])
+  }))]))
+}) : {};
+const SetupSliderPropTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: _propTypes.default.arrayOf(_propTypes.default.shape(_toggler.default.propTypes)),
-  slides: _propTypes.default.arrayOf(_propTypes.default.shape(_setupSlide.default.propTypes))
+  slides: _propTypes.default.arrayOf(SlidePropTypes)
 } : {};
+SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? SetupSliderPropTypes : {};
 var _default = SetupSlider;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/setup-slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","style","wrapperStyle","propTypes","PropTypes","arrayOf","shape","Accordion","SetupSlide"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\nimport style from './style.css';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const slidesView = map.convert({cap: false})(\n    (slide, key) => <SetupSlide {...slide} key={key} />,\n    slides\n  );\n  return (\n    <div className={style.wrapperStyle}>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nSetupSlider.propTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))\n};\n\nexport default SetupSlider;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,UAAU,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACjB,CAACC,KAAD,EAAQC,GAAR,kBAAgB,6BAAC,mBAAD,eAAgBD,KAAhB;IAAuB,GAAG,EAAEC;EAA5B,GADC,EAEjBL,MAFiB,CAAnB;;EAIA,oBACE;IAAK,SAAS,EAAEM,cAAA,CAAMC;EAAtB,gBACE,6BAAC,gBAAD;IAAW,QAAQ,EAAER,QAArB;IAA+B,IAAI,EAAE,KAArC;IAA4C,KAAK,EAAE;EAAnD,GACGE,UADH,CADF,CADF;AAOD,CAbD;;AAeAJ,WAAW,CAACW,SAAZ,2CAAwB;EACtBT,QAAQ,EAAEU,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAUJ,SAA1B,CAAlB,CADY;EAEtBR,MAAM,EAAES,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBE,mBAAA,CAAWL,SAA3B,CAAlB;AAFc,CAAxB;eAKeX,W"}
+{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","PropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","InputSwitch","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText","BrandDownloadBox","SetupSliderPropTypes","Accordion"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Accordion from '../../organism/accordion/toggler';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport BrandDownloadBox from '../brand-download-box';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const buildSlides = slides_ => {\n    return map.convert({cap: false})((slide, key) => {\n      const buildInput = field => {\n        const {type} = field;\n        switch (type) {\n          case 'switch':\n            return <InputSwitch {...field} />;\n          case 'select':\n            return <Select {...field} theme={'coorpmanager'} />;\n          case 'checkbox':\n            return <InputCheckbox {...field} />;\n          case 'image':\n            return (\n              <div className={style.imageUploadContainer}>\n                <ImageUpload {...field} />\n              </div>\n            );\n          case 'splitForm':\n            return <SetupCohortItem field={field} />;\n          case 'alert':\n            return <MessagePopin header={field.title} content={field.subtitle} />;\n          case 'readonly':\n            return <InputReadonly {...field} />;\n          case 'doublestep':\n            return <InputDoublestep {...field} />;\n          case 'downloadbox':\n            return <BrandDownloadBox {...field} />;\n          case 'form-group':\n            return <Title {...field} />;\n          case 'slider':\n            return (\n              <Accordion tabProps={field.tabProps} type={'all'} theme={'setup'}>\n                {buildSlides(field.slides)}\n              </Accordion>\n            );\n          default:\n            return <InputText {...field} />;\n        }\n      };\n\n      const buildField = (field, index) => {\n        const input = buildInput(field);\n        return (\n          <div className={style.field} key={index}>\n            {input}\n          </div>\n        );\n      };\n\n      const fieldsList = map.convert({cap: false})(buildField, slide.fields);\n\n      return (\n        <div className={style.wrapper} key={key}>\n          {fieldsList}\n        </div>\n      );\n    }, slides_);\n  };\n\n  const slidesView = buildSlides(slides);\n\n  return (\n    <div className={style.wrapperStyle}>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nconst SlidePropTypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      })\n    ])\n  )\n});\n\nconst SetupSliderPropTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(SlidePropTypes)\n};\n\nSetupSlider.propTypes = SetupSliderPropTypes;\n\nexport default SetupSlider;\n"],"mappings":"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"}

package/lib/molecule/setup-slider/style.css

@@ -1,3 +1,24 @@
 .wrapperStyle {
     width: 100%;
-}
+}
+
+.wrapper {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 10px;
+    position: relative;
+  }
+
+.field {
+    margin-bottom: 20px;
+  }
+  
+  .field:last-child {
+    margin-bottom: 0;
+  }
+
+.imageUploadContainer {
+    height: 350px;
+    width: 460px;
+  }
+