@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1,5 +1,7 @@
 import _map from "lodash/fp/map";
-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); }
+
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Accordion from '../../organism/accordion/toggler';
@@ -15,11 +17,13 @@ import MessagePopin from '../message-popin';
 import BrandDownloadBox from '../brand-download-box';
 import Title from '../../atom/title';
 import style from './style.css';
+
 const SetupSlider = props => {
   const {
     tabProps = [],
     slides = []
   } = props;
+
   const buildSlides = slides_ => {
     return _map.convert({
       cap: false
@@ -29,51 +33,65 @@ const SetupSlider = props => {
           type,
           ...rest
         } = field;
+
         switch (type) {
           case 'switch':
             return /*#__PURE__*/React.createElement(InputSwitch, field);
+
           case 'select':
             return /*#__PURE__*/React.createElement(Select, _extends({}, field, {
               theme: 'coorpmanager'
             }));
+
           case 'checkbox':
             return /*#__PURE__*/React.createElement(InputCheckbox, field);
+
           case 'image':
             return /*#__PURE__*/React.createElement("div", {
               className: style.imageUploadContainer
             }, /*#__PURE__*/React.createElement(InputFileDraggable, field));
+
           case 'splitForm':
             return /*#__PURE__*/React.createElement(SetupCohortItem, {
               field: field
             });
+
           case 'alert':
             return /*#__PURE__*/React.createElement(MessagePopin, {
               header: field.title,
               content: field.subtitle
             });
+
           case 'readonly':
             return /*#__PURE__*/React.createElement(InputReadonly, field);
+
           case 'doublestep':
             return /*#__PURE__*/React.createElement(InputDoublestep, field);
+
           case 'downloadbox':
             return /*#__PURE__*/React.createElement(BrandDownloadBox, field);
+
           case 'form-group':
             return /*#__PURE__*/React.createElement(Title, field);
+
           case 'slider':
             return /*#__PURE__*/React.createElement(Accordion, {
               tabProps: field.tabProps,
               type: 'all',
               theme: 'setup'
             }, buildSlides(field.slides));
+
           case 'text':
           case 'password':
             return /*#__PURE__*/React.createElement(InputText, field);
+
           default:
             return /*#__PURE__*/React.createElement(InputText, _extends({}, rest, {
               type: 'text'
             }));
         }
       };
+
       const buildField = (field, index) => {
         const input = buildInput(field);
         return /*#__PURE__*/React.createElement("div", {
@@ -81,15 +99,18 @@ const SetupSlider = props => {
           key: index
         }, input);
       };
+
       const fieldsList = _map.convert({
         cap: false
       })(buildField, slide.fields);
+
       return /*#__PURE__*/React.createElement("div", {
         className: style.wrapper,
         key: key
       }, fieldsList);
     }, slides_);
   };
+
   const slidesView = buildSlides(slides);
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapperStyle
@@ -99,39 +120,29 @@ const SetupSlider = props => {
     theme: 'setup'
   }, slidesView));
 };
+
 const SlidePropTypes = process.env.NODE_ENV !== "production" ? PropTypes.shape({
-  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-    ...SetupSlider.propTypes,
+  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({ ...SetupSlider.propTypes,
     type: PropTypes.oneOf(['slider'])
-  }), PropTypes.shape({
-    ...InputSwitch.propTypes,
+  }), PropTypes.shape({ ...InputSwitch.propTypes,
     type: PropTypes.oneOf(['switch'])
-  }), PropTypes.shape({
-    ...Select.propTypes,
+  }), PropTypes.shape({ ...Select.propTypes,
     type: PropTypes.oneOf(['select'])
-  }), PropTypes.shape({
-    ...InputCheckbox.propTypes,
+  }), PropTypes.shape({ ...InputCheckbox.propTypes,
     type: PropTypes.oneOf(['checkbox'])
-  }), PropTypes.shape({
-    ...InputFileDraggable.propTypes,
+  }), PropTypes.shape({ ...InputFileDraggable.propTypes,
     type: PropTypes.oneOf(['image'])
-  }), PropTypes.shape({
-    ...InputReadonly.propTypes,
+  }), PropTypes.shape({ ...InputReadonly.propTypes,
     type: PropTypes.oneOf(['readonly'])
-  }), PropTypes.shape({
-    ...InputText.propTypes,
+  }), PropTypes.shape({ ...InputText.propTypes,
     type: PropTypes.oneOf(['text', 'password'])
-  }), PropTypes.shape({
-    ...InputDoublestep.propTypes,
+  }), PropTypes.shape({ ...InputDoublestep.propTypes,
     type: PropTypes.oneOf(['doublestep'])
-  }), PropTypes.shape({
-    ...SetupCohortItem.propTypes,
+  }), PropTypes.shape({ ...SetupCohortItem.propTypes,
     type: PropTypes.oneOf(['splitForm'])
-  }), PropTypes.shape({
-    ...MessagePopin.propTypes,
+  }), PropTypes.shape({ ...MessagePopin.propTypes,
     type: PropTypes.oneOf(['alert'])
-  }), PropTypes.shape(InputText.propTypes), PropTypes.shape({
-    ...BrandDownloadBox.propTypes,
+  }), PropTypes.shape(InputText.propTypes), PropTypes.shape({ ...BrandDownloadBox.propTypes,
     type: PropTypes.oneOf(['downloadbox'])
   })]))
 }) : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","InputFileDraggable","SetupCohortItem","MessagePopin","BrandDownloadBox","Title","style","SetupSlider","props","tabProps","slides","buildSlides","slides_","_map","convert","cap","slide","key","buildInput","field","type","rest","createElement","_extends","theme","className","imageUploadContainer","header","title","content","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","process","env","NODE_ENV","shape","arrayOf","oneOfType","propTypes","oneOf","SetupSliderPropTypes"],"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":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","InputFileDraggable","SetupCohortItem","MessagePopin","BrandDownloadBox","Title","style","SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","rest","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","SetupSliderPropTypes"],"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":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,SAAP,MAAsB,kCAAtB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,eAAP,MAA4B,6BAA5B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,WAAW,GAAGC,OAAO,IAAI;IAC7B,OAAO,KAAIC,OAAJ,CAAY;MAACC,GAAG,EAAE;IAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;MAC/C,MAAMC,UAAU,GAAGC,KAAK,IAAI;QAC1B,MAAM;UAACC,IAAD;UAAO,GAAGC;QAAV,IAAkBF,KAAxB;;QACA,QAAQC,IAAR;UACE,KAAK,QAAL;YACE,oBAAO,oBAAC,WAAD,EAAiBD,KAAjB,CAAP;;UACF,KAAK,QAAL;YACE,oBAAO,oBAAC,MAAD,eAAYA,KAAZ;cAAmB,KAAK,EAAE;YAA1B,GAAP;;UACF,KAAK,UAAL;YACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;UACF,KAAK,OAAL;YACE,oBACE;cAAK,SAAS,EAAEZ,KAAK,CAACe;YAAtB,gBACE,oBAAC,kBAAD,EAAwBH,KAAxB,CADF,CADF;;UAKF,KAAK,WAAL;YACE,oBAAO,oBAAC,eAAD;cAAiB,KAAK,EAAEA;YAAxB,EAAP;;UACF,KAAK,OAAL;YACE,oBAAO,oBAAC,YAAD;cAAc,MAAM,EAAEA,KAAK,CAACI,KAA5B;cAAmC,OAAO,EAAEJ,KAAK,CAACK;YAAlD,EAAP;;UACF,KAAK,UAAL;YACE,oBAAO,oBAAC,aAAD,EAAmBL,KAAnB,CAAP;;UACF,KAAK,YAAL;YACE,oBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;;UACF,KAAK,aAAL;YACE,oBAAO,oBAAC,gBAAD,EAAsBA,KAAtB,CAAP;;UACF,KAAK,YAAL;YACE,oBAAO,oBAAC,KAAD,EAAWA,KAAX,CAAP;;UACF,KAAK,QAAL;YACE,oBACE,oBAAC,SAAD;cAAW,QAAQ,EAAEA,KAAK,CAACT,QAA3B;cAAqC,IAAI,EAAE,KAA3C;cAAkD,KAAK,EAAE;YAAzD,GACGE,WAAW,CAACO,KAAK,CAACR,MAAP,CADd,CADF;;UAKF,KAAK,MAAL;UACA,KAAK,UAAL;YACE,oBAAO,oBAAC,SAAD,EAAeQ,KAAf,CAAP;;UACF;YACE,oBAAO,oBAAC,SAAD,eAAeE,IAAf;cAAqB,IAAI,EAAE;YAA3B,GAAP;QAnCJ;MAqCD,CAvCD;;MAyCA,MAAMI,UAAU,GAAG,CAACN,KAAD,EAAQO,KAAR,KAAkB;QACnC,MAAMC,KAAK,GAAGT,UAAU,CAACC,KAAD,CAAxB;QACA,oBACE;UAAK,SAAS,EAAEZ,KAAK,CAACY,KAAtB;UAA6B,GAAG,EAAEO;QAAlC,GACGC,KADH,CADF;MAKD,CAPD;;MASA,MAAMC,UAAU,GAAG,KAAId,OAAJ,CAAY;QAACC,GAAG,EAAE;MAAN,CAAZ,EAA0BU,UAA1B,EAAsCT,KAAK,CAACa,MAA5C,CAAnB;;MAEA,oBACE;QAAK,SAAS,EAAEtB,KAAK,CAACuB,OAAtB;QAA+B,GAAG,EAAEb;MAApC,GACGW,UADH,CADF;IAKD,CA1DM,EA0DJf,OA1DI,CAAP;EA2DD,CA5DD;;EA8DA,MAAMkB,UAAU,GAAGnB,WAAW,CAACD,MAAD,CAA9B;EAEA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACyB;EAAtB,gBACE,oBAAC,SAAD;IAAW,QAAQ,EAAEtB,QAArB;IAA+B,IAAI,EAAE,KAArC;IAA4C,KAAK,EAAE;EAAnD,GACGqB,UADH,CADF,CADF;AAOD,CAzED;;AA2EA,MAAME,cAAN,2CAAuBvC,SAAS,CAACwC,KAAV,CAAgB;EACrCL,MAAM,EAAEnC,SAAS,CAACyC,OAAV,CACNzC,SAAS,CAAC0C,SAAV,CAAoB,CAClB1C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAG1B,WAAW,CAAC6B,SADD;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFQ,CAAhB,CADkB,EAKlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGjC,WAAW,CAACoC,SADD;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFQ,CAAhB,CALkB,EASlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGtC,MAAM,CAACyC,SADI;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFQ,CAAhB,CATkB,EAalB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGnC,aAAa,CAACsC,SADH;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFQ,CAAhB,CAbkB,EAiBlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGhC,kBAAkB,CAACmC,SADR;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFQ,CAAhB,CAjBkB,EAqBlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGrC,aAAa,CAACwC,SADH;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFQ,CAAhB,CArBkB,EAyBlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGpC,SAAS,CAACuC,SADC;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,CAAhB;EAFQ,CAAhB,CAzBkB,EA6BlB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAGlC,eAAe,CAACqC,SADL;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFQ,CAAhB,CA7BkB,EAiClB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAG/B,eAAe,CAACkC,SADL;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFQ,CAAhB,CAjCkB,EAqClB5C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAG9B,YAAY,CAACiC,SADF;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFQ,CAAhB,CArCkB,EAyClB5C,SAAS,CAACwC,KAAV,CAAgBpC,SAAS,CAACuC,SAA1B,CAzCkB,EA0ClB3C,SAAS,CAACwC,KAAV,CAAgB,EACd,GAAG7B,gBAAgB,CAACgC,SADN;IAEdjB,IAAI,EAAE1B,SAAS,CAAC4C,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFQ,CAAhB,CA1CkB,CAApB,CADM;AAD6B,CAAhB,CAAvB;AAoDA,MAAMC,oBAAN,2CAA6B;EAC3B7B,QAAQ,EAAEhB,SAAS,CAACyC,OAAV,CAAkBzC,SAAS,CAACwC,KAAV,CAAgBvC,SAAS,CAAC0C,SAA1B,CAAlB,CADiB;EAE3B1B,MAAM,EAAEjB,SAAS,CAACyC,OAAV,CAAkBF,cAAlB;AAFmB,CAA7B;AAKAzB,WAAW,CAAC6B,SAAZ,2CAAwBE,oBAAxB;AAEA,eAAe/B,WAAf"}

package/es/molecule/share/index.js

@@ -9,6 +9,7 @@ const SHARE_STATUS = {
   ERROR: 'ERROR',
   SUCCESS: 'SUCCESS'
 };
+
 const copyTextViaExecCommand = text => {
   const textarea = document.createElement('textarea');
   textarea.style.border = '0';
@@ -16,12 +17,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 :/
+  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);
@@ -29,13 +30,14 @@ const copyTextViaExecCommand = text => {
     status = SHARE_STATUS.SUCCESS;
   } catch (error) {
     status = SHARE_STATUS.ERROR;
-  }
-
-  // Element.remove is not supported on IE11 :/
+  } // 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.createContext(SHARE_STATUS.IDLE);
 export const ShareStatusProvider = ({
   children
@@ -44,9 +46,11 @@ export const ShareStatusProvider = ({
   useEffect(() => {
     let timeoutId;
     const DURATION = 3000;
+
     if (status !== SHARE_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);
     }
+
     return () => clearTimeout(timeoutId);
   }, [status]);
   const value = useMemo(() => [status, setStatus], [status]);
@@ -76,6 +80,7 @@ export const ShareFeedback = ({
     role: "alert"
   }, errorWording));
 };
+
 const Share = ({
   style,
   text,
@@ -84,6 +89,7 @@ const Share = ({
   const [, setStatus] = useContext(StatusContext);
   const onClick = useCallback(async () => {
     const browserSupportsClipboardWriteText = 'clipboard' in navigator && 'writeText' in navigator.clipboard;
+
     if (browserSupportsClipboardWriteText) {
       try {
         await navigator.clipboard.writeText(text);
@@ -91,11 +97,13 @@ const Share = ({
       } catch (error) {
         setStatus(SHARE_STATUS.ERROR);
       }
+
       return;
     } else {
       const copyStatus = copyTextViaExecCommand(text);
       setStatus(copyStatus);
     }
+
     return;
   }, [setStatus, text]);
   return /*#__PURE__*/React.createElement("div", {
@@ -112,6 +120,7 @@ const Share = ({
     height: 18
   }), /*#__PURE__*/React.createElement("p", null, wording))));
 };
+
 ShareStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","Provider","ShareFeedback","successWording","errorWording","className","feedback","errorFeedback","checkIcon","width","height","role","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","process","env","NODE_ENV","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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","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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"}

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

@@ -5,10 +5,12 @@ import getOr from 'lodash/fp/getOr';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const getGradientBackground = baseColor => {
   const gradients = [convert(`color(${baseColor} lightness(30%))`), convert(`color(${baseColor} lightness(47%))`), convert(`color(${baseColor} lightness(55%))`)];
   return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
 };
+
 const SkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -66,6 +68,7 @@ const SkillCard = (props, context) => {
     "data-name": "button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps))));
 };
+
 SkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default SkillCard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","createElement","className","skillCardWrapper","background","questionReviseText","questionReviseIcon","width","height","buttonWrapper","process","env","NODE_ENV"],"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":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"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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"}

package/es/molecule/skill-card/index.native.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { View, Pressable, StyleSheet, Text } from 'react-native';
 import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = theme => StyleSheet.create({
   skill: {
     display: 'flex',
@@ -32,6 +33,7 @@ const createStyleSheet = theme => StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
+
 const SkillCard = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -48,11 +50,14 @@ const SkillCard = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(Pressable, {
     style: styleSheet.skill,
     onPress: onClick,
@@ -72,5 +77,6 @@ const SkillCard = props => {
     width: 20
   }));
 };
+
 export default SkillCard;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/skill-card/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet","createElement","style","onPress","accessibilityRole","accessibilityLabel","width"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,IAArC,QAAsE,cAAtE;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAWA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAET,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEb,KAAK,CAACc,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAEjB,KAAK,CAACc,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAae,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJR,KADF;EAGAzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEA,UAAU,CAAChC,KADpB;IAEE,OAAO,EAAEqC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACf;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEe,UAAU,CAACb,UAAxB;IAAoC,kBAAkB,EAAEe,cAAc,IAAIf;EAA1E,GACGA,UADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEa,UAAU,CAACL,SAAxB;IAAmC,kBAAkB,EAAES;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,oBAAC,UAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;AAoCA,eAAeN,SAAf"}

package/es/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9BC,UAAU,EAAEH,SAAS,CAACE,MAAM;EAC5BE,cAAc,EAAEJ,SAAS,CAACE,MAAM;EAChCG,WAAW,EAAEL,SAAS,CAACE,MAAM;EAC7BI,eAAe,EAAEN,SAAS,CAACE,MAAM;EACjCK,WAAW,EAAEP,SAAS,CAACE,MAAM;EAC7BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,QAAQ,EAAET,SAAS,CAACU,IAAI;EACxBC,OAAO,EAAEX,SAAS,CAACY;AACrB,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,SAAS,CAACE,MADR;EAEhBC,UAAU,EAAEH,SAAS,CAACE,MAFN;EAGhBE,cAAc,EAAEJ,SAAS,CAACE,MAHV;EAIhBG,WAAW,EAAEL,SAAS,CAACE,MAJP;EAKhBI,eAAe,EAAEN,SAAS,CAACE,MALX;EAMhBK,WAAW,EAAEP,SAAS,CAACE,MANP;EAOhBM,eAAe,EAAER,SAAS,CAACE,MAPX;EAQhBO,QAAQ,EAAET,SAAS,CAACU,IARJ;EAShBC,OAAO,EAAEX,SAAS,CAACY;AATH,CAAlB;AAYA,eAAeX,SAAf"}

package/es/molecule/skill-picker-modal/index.js

@@ -1,7 +1,9 @@
 import _sortBy from "lodash/fp/sortBy";
 import _some from "lodash/fp/some";
 import _filter from "lodash/fp/filter";
-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); }
+
+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); }
+
 import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import BaseModal from '../base-modal';
@@ -10,6 +12,7 @@ import Loader from '../../atom/loader';
 import Select from '../../atom/select';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const SkillPickerModal = (props, context) => {
   const {
     skills,
@@ -39,7 +42,9 @@ const SkillPickerModal = (props, context) => {
     setSelectedSkillList(selectedSkills);
     onClose();
   }, [setSelectedSkillList, selectedSkills, onClose]);
+
   const skillProgressAvailable = _some(skill => skillsScore[skill] > 0, skills);
+
   const skillList = useMemo(() => {
     return sortedSkills.map(skill => {
       return {
@@ -124,10 +129,12 @@ const SkillPickerModal = (props, context) => {
       focus,
       score
     } = skill;
+
     function handleChipClick() {
       const newSelectedSkillList = focus ? _filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList) : [...selectedSkillList, skill.skillRef];
       setSelectedSkillList(newSelectedSkillList);
     }
+
     return /*#__PURE__*/React.createElement(Chip, _extends({}, skillProgressAvailable ? {
       subText: `${score.toFixed(1)}%`
     } : {}, {
@@ -139,6 +146,7 @@ const SkillPickerModal = (props, context) => {
     }));
   })))));
 };
+
 SkillPickerModal.contextTypes = {
   translate: Provider.childContextTypes.translate
 };