@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

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

@@ -2,25 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _draggableList = _interopRequireDefault(require("../draggable-list"));
-
 var _setupSection = _interopRequireDefault(require("../setup-section"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Loading = () => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loading
 }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
-
 const SetupSections = ({
   sections,
   loading,
@@ -33,12 +24,10 @@ const SetupSections = ({
     onDrop: onDrop
   }));
 };
-
 SetupSections.propTypes = process.env.NODE_ENV !== "production" ? {
   sections: _propTypes.default.arrayOf(_propTypes.default.shape(_setupSection.default.propTypes)),
   loading: _propTypes.default.bool,
   onDrop: _propTypes.default.func
 } : {};
-var _default = SetupSections;
-exports.default = _default;
+var _default = exports.default = SetupSections;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loading","style","loading","SetupSections","sections","onDrop","propTypes","PropTypes","arrayOf","shape","SetupSection","bool","func"],"sources":["../../../src/molecule/setup-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DraggableList from '../draggable-list';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\n  if (loading) return <Loading />;\n\n  return (\n    <div>\n      <DraggableList itemType=\"setup-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;AAMA,MAAMC,aAAa,GAAG,CAAC;EAACC,QAAD;EAAWF,OAAX;EAAoBG;AAApB,CAAD,KAAiC;EACrD,IAAIH,OAAJ,EAAa,oBAAO,6BAAC,OAAD,OAAP;EAEb,oBACE,uDACE,6BAAC,sBAAD;IAAe,QAAQ,EAAC,eAAxB;IAAwC,KAAK,EAAEE,QAA/C;IAAyD,MAAM,EAAEC;EAAjE,EADF,CADF;AAKD,CARD;;AAUAF,aAAa,CAACG,SAAd,2CAA0B;EACxBF,QAAQ,EAAEG,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,qBAAA,CAAaJ,SAA7B,CAAlB,CADc;EAExBJ,OAAO,EAAEK,kBAAA,CAAUI,IAFK;EAGxBN,MAAM,EAAEE,kBAAA,CAAUK;AAHM,CAA1B;eAMeT,a"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_draggableList","_setupSection","_loader","_style","e","__esModule","default","Loading","createElement","className","style","loading","SetupSections","sections","onDrop","itemType","items","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","SetupSection","bool","func","_default","exports"],"sources":["../../../src/molecule/setup-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DraggableList from '../draggable-list';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\n  if (loading) return <Loading />;\n\n  return (\n    <div>\n      <DraggableList itemType=\"setup-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,OAAO,GAAGA,CAAA,kBACdX,MAAA,CAAAU,OAAA,CAAAE,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACC;AAAQ,gBAC5Bf,MAAA,CAAAU,OAAA,CAAAE,aAAA,CAACN,OAAA,CAAAI,OAAM,MAAE,CACN,CACN;AAED,MAAMM,aAAa,GAAGA,CAAC;EAACC,QAAQ;EAAEF,OAAO;EAAEG;AAAM,CAAC,KAAK;EACrD,IAAIH,OAAO,EAAE,oBAAOf,MAAA,CAAAU,OAAA,CAAAE,aAAA,CAACD,OAAO,MAAE,CAAC;EAE/B,oBACEX,MAAA,CAAAU,OAAA,CAAAE,aAAA,2BACEZ,MAAA,CAAAU,OAAA,CAAAE,aAAA,CAACR,cAAA,CAAAM,OAAa;IAACS,QAAQ,EAAC,eAAe;IAACC,KAAK,EAAEH,QAAS;IAACC,MAAM,EAAEA;EAAO,CAAE,CACvE,CAAC;AAEV,CAAC;AAEDF,aAAa,CAACK,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBP,QAAQ,EAAEQ,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,qBAAY,CAACP,SAAS,CAAC,CAAC;EACpEN,OAAO,EAAEU,kBAAS,CAACI,IAAI;EACvBX,MAAM,EAAEO,kBAAS,CAACK;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaM,aAAa","ignoreList":[]}

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

@@ -2,121 +2,83 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
-
 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"));
-
-const _excluded = ["type"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SetupSlider = props => {
   const {
     tabProps = [],
     slides = []
   } = props;
-
   const buildSlides = slides_ => {
     return _map2.default.convert({
       cap: false
     })((slide, key) => {
       const buildInput = field => {
         const {
-          type
-        } = field,
-              rest = _objectWithoutPropertiesLoose(field, _excluded);
-
+          type,
+          ...rest
+        } = 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(_inputFileDraggable.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));
-
           case 'text':
           case 'password':
             return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
-
           default:
             return /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, rest, {
               type: 'text'
             }));
         }
       };
-
       const buildField = (field, index) => {
         const input = buildInput(field);
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -124,18 +86,15 @@ const SetupSlider = props => {
           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
@@ -145,37 +104,46 @@ const SetupSlider = props => {
     theme: 'setup'
   }, slidesView));
 };
-
 const SlidePropTypes = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
-  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, SetupSlider.propTypes, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+    ...SetupSlider.propTypes,
     type: _propTypes.default.oneOf(['slider'])
-  })), _propTypes.default.shape(_extends({}, _inputSwitch.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputSwitch.default.propTypes,
     type: _propTypes.default.oneOf(['switch'])
-  })), _propTypes.default.shape(_extends({}, _select.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._select.default.propTypes,
     type: _propTypes.default.oneOf(['select'])
-  })), _propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputCheckbox.default.propTypes,
     type: _propTypes.default.oneOf(['checkbox'])
-  })), _propTypes.default.shape(_extends({}, _inputFileDraggable.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputFileDraggable.default.propTypes,
     type: _propTypes.default.oneOf(['image'])
-  })), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputReadonly.default.propTypes,
     type: _propTypes.default.oneOf(['readonly'])
-  })), _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputText.default.propTypes,
     type: _propTypes.default.oneOf(['text', 'password'])
-  })), _propTypes.default.shape(_extends({}, _inputDoublestep.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._inputDoublestep.default.propTypes,
     type: _propTypes.default.oneOf(['doublestep'])
-  })), _propTypes.default.shape(_extends({}, _setupCohortItem.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._setupCohortItem.default.propTypes,
     type: _propTypes.default.oneOf(['splitForm'])
-  })), _propTypes.default.shape(_extends({}, _messagePopin.default.propTypes, {
+  }), _propTypes.default.shape({
+    ..._messagePopin.default.propTypes,
     type: _propTypes.default.oneOf(['alert'])
-  })), _propTypes.default.shape(_inputText.default.propTypes), _propTypes.default.shape(_extends({}, _brandDownloadBox.default.propTypes, {
+  }), _propTypes.default.shape(_inputText.default.propTypes), _propTypes.default.shape({
+    ..._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(SlidePropTypes)
 } : {};
 SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? SetupSliderPropTypes : {};
-var _default = SetupSlider;
-exports.default = _default;
+var _default = exports.default = SetupSlider;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","rest","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","PropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","InputSwitch","Select","InputCheckbox","InputFileDraggable","InputReadonly","InputText","InputDoublestep","SetupCohortItem","MessagePopin","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 InputFileDraggable from '../../atom/input-file-draggable';\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, ...rest} = 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                <InputFileDraggable {...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          case 'text':\n          case 'password':\n            return <InputText {...field} />;\n          default:\n            return <InputText {...rest} type={'text'} />;\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        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password'])\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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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_toggler","_select","_inputReadonly","_inputText","_inputCheckbox","_inputDoublestep","_inputSwitch","_inputFileDraggable","_setupCohortItem","_messagePopin","_brandDownloadBox","_title","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SetupSlider","props","tabProps","slides","buildSlides","slides_","_map2","convert","cap","slide","key","buildInput","field","type","rest","createElement","theme","className","style","imageUploadContainer","header","title","content","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","process","env","NODE_ENV","PropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","InputSwitch","Select","InputCheckbox","InputFileDraggable","InputReadonly","InputText","InputDoublestep","SetupCohortItem","MessagePopin","BrandDownloadBox","SetupSliderPropTypes","Accordion","_default","exports"],"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 InputFileDraggable from '../../atom/input-file-draggable';\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, ...rest} = 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                <InputFileDraggable {...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          case 'text':\n          case 'password':\n            return <InputText {...field} />;\n          default:\n            return <InputText {...rest} type={'text'} />;\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        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password'])\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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","ignoreList":[]}

package/lib/molecule/share/index.js

@@ -2,31 +2,20 @@
 
 exports.__esModule = true;
 exports.default = exports.ShareStatusProvider = exports.ShareFeedback = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const SHARE_STATUS = {
   IDLE: 'IDLE',
   ERROR: 'ERROR',
   SUCCESS: 'SUCCESS'
 };
-
 const copyTextViaExecCommand = text => {
   const textarea = document.createElement('textarea');
   textarea.style.border = '0';
@@ -34,12 +23,12 @@ const copyTextViaExecCommand = text => {
   textarea.style.visibility = 'hidden';
   textarea.style.position = 'absolute';
   textarea.setAttribute('readonly', '');
-  textarea.value = text; // Element.append is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-append
+  textarea.value = text;
 
+  // Element.append is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-append
   document.body.appendChild(textarea);
   let status = SHARE_STATUS.IDLE;
-
   try {
     textarea.select();
     textarea.setSelectionRange(0, textarea.value.length);
@@ -47,16 +36,14 @@ const copyTextViaExecCommand = text => {
     status = SHARE_STATUS.SUCCESS;
   } catch (error) {
     status = SHARE_STATUS.ERROR;
-  } // Element.remove is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-remove
-
+  }
 
+  // Element.remove is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-remove
   document.body.removeChild(textarea);
   return status;
 };
-
 const StatusContext = /*#__PURE__*/_react.default.createContext(SHARE_STATUS.IDLE);
-
 const ShareStatusProvider = ({
   children
 }) => {
@@ -64,11 +51,9 @@ const ShareStatusProvider = ({
   (0, _react.useEffect)(() => {
     let timeoutId;
     const DURATION = 3000;
-
     if (status !== SHARE_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);
     }
-
     return () => clearTimeout(timeoutId);
   }, [status]);
   const value = (0, _react.useMemo)(() => [status, setStatus], [status]);
@@ -76,9 +61,7 @@ const ShareStatusProvider = ({
     value: value
   }, children);
 };
-
 exports.ShareStatusProvider = ShareStatusProvider;
-
 const ShareFeedback = ({
   successWording,
   errorWording
@@ -101,9 +84,7 @@ const ShareFeedback = ({
     role: "alert"
   }, errorWording));
 };
-
 exports.ShareFeedback = ShareFeedback;
-
 const Share = ({
   style,
   text,
@@ -112,7 +93,6 @@ const Share = ({
   const [, setStatus] = (0, _react.useContext)(StatusContext);
   const onClick = (0, _react.useCallback)(async () => {
     const browserSupportsClipboardWriteText = 'clipboard' in navigator && 'writeText' in navigator.clipboard;
-
     if (browserSupportsClipboardWriteText) {
       try {
         await navigator.clipboard.writeText(text);
@@ -120,13 +100,11 @@ const Share = ({
       } catch (error) {
         setStatus(SHARE_STATUS.ERROR);
       }
-
       return;
     } else {
       const copyStatus = copyTextViaExecCommand(text);
       setStatus(copyStatus);
     }
-
     return;
   }, [setStatus, text]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -143,7 +121,6 @@ const Share = ({
     height: 18
   }), /*#__PURE__*/_react.default.createElement("p", null, wording))));
 };
-
 ShareStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};
@@ -156,6 +133,5 @@ Share.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string,
   wording: _propTypes.default.string
 } : {};
-var _default = Share;
-exports.default = _default;
+var _default = exports.default = Share;
 //# sourceMappingURL=index.js.map

package/lib/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","ShareFeedback","successWording","errorWording","useContext","classnames","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_link","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","Provider","exports","ShareFeedback","successWording","errorWording","useContext","className","classnames","styles","feedback","errorFeedback","NovaCompositionCoorpacademyCheck","checkIcon","width","height","NovaCompositionCoorpacademyAttention","role","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","NovaCompositionCoorpacademyShare","shareIcon","propTypes","process","env","NODE_ENV","PropTypes","node","string","_default"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/skill-card/index.js

@@ -2,32 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const getGradientBackground = baseColor => {
   const gradients = [(0, _cssColorFunction.convert)(`color(${baseColor} lightness(30%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(47%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(55%))`)];
   return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
 };
-
 const SkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -85,8 +73,6 @@ const SkillCard = (props, context) => {
     "data-name": "button-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps))));
 };
-
 SkillCard.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = SkillCard;
-exports.default = _default;
+var _default = exports.default = SkillCard;
 //# sourceMappingURL=index.js.map

package/lib/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","getOr","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_cssColorFunction","_novaIcons","_getOr","_interopRequireDefault","_buttonLink","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","getOr","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","useMemo","titleBackground","createElement","className","style","skillCardWrapper","background","questionReviseText","NovaSolidInterfaceFeedbackInterfaceQuestionMark","questionReviseIcon","width","height","buttonWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}