@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

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

@@ -1,11 +1,14 @@
 import _get from "lodash/fp/get";
+
 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 Provider from '../../atom/provider';
 import InputSwitch from '../../atom/input-switch';
 import RadioGroup from '../../atom/radio-group';
 import style from './style.css';
+
 const ContentTypesToggler = (props, context) => {
   const {
     skin
@@ -13,11 +16,15 @@ const ContentTypesToggler = (props, context) => {
   const {
     contentTypes
   } = props;
+
   if (!contentTypes) {
     return null;
   }
+
   const brand = _get('common.brand', skin);
+
   const orange = _get('common.orange', skin);
+
   const contentTypesColor = _get('modified', contentTypes) ? orange : brand;
   return /*#__PURE__*/React.createElement("div", {
     className: style.contentTypeWrapper
@@ -25,6 +32,7 @@ const ContentTypesToggler = (props, context) => {
     color: contentTypesColor
   })));
 };
+
 ContentTypesToggler.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -33,6 +41,7 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
     modified: PropTypes.bool
   }))
 } : {};
+
 const SetupSection = (props, context) => {
   const {
     translate
@@ -54,6 +63,7 @@ const SetupSection = (props, context) => {
     className: style.label
   }, translate('Show')), /*#__PURE__*/React.createElement(InputSwitch, display)));
 };
+
 SetupSection.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC9C,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE;EAAY,CAAC,GAAGH,KAAK;EAE5B,IAAI,CAACG,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,MAAMC,KAAK,GAAG,KAAI,cAAc,EAAEF,IAAI,CAAC;EACvC,MAAMG,MAAM,GAAG,KAAI,eAAe,EAAEH,IAAI,CAAC;EACzC,MAAMI,iBAAiB,GAAG,KAAI,UAAU,EAAEH,YAAY,CAAC,GAAGE,MAAM,GAAGD,KAAK;EAExE,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACS;EAAmB,gBACvC,oBAAC,UAAU,eAAKJ,YAAY;IAAE,KAAK,EAAEG;EAAkB,GAAG,CACtD;AAEV,CAAC;AAEDP,mBAAmB,CAACS,YAAY,GAAG;EACjCN,IAAI,EAAEP,QAAQ,CAACc,iBAAiB,CAACP;AACnC,CAAC;AAEDH,mBAAmB,CAACW,SAAS,2CAAG;EAC9BP,YAAY,EAAET,SAAS,CAACiB,KAAK,cACxBd,UAAU,CAACa,SAAS;IACvBE,QAAQ,EAAElB,SAAS,CAACmB;EAAI;AAE5B,CAAC;AAED,MAAMC,YAAY,GAAG,CAACd,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACc;EAAS,CAAC,GAAGd,OAAO;EAE3B,MAAM;IAACe,KAAK;IAAEC,OAAO;IAAEd;EAAY,CAAC,GAAGH,KAAK;EAE5C,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACoB;EAAQ,gBAC5B;IAAK,SAAS,EAAEpB,KAAK,CAACkB;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAElB,KAAK,CAACqB;EAAS,gBAC7B,oBAAC,mBAAmB;IAAC,YAAY,EAAEhB;EAAa,EAAG,eACnD;IAAK,SAAS,EAAEL,KAAK,CAACsB;EAAM,GAAEL,SAAS,CAAC,MAAM,CAAC,CAAO,eACtD,oBAAC,WAAW,EAAKE,OAAO,CAAI,CACxB,CACF;AAEV,CAAC;AAEDH,YAAY,CAACN,YAAY,GAAG;EAC1BO,SAAS,EAAEpB,QAAQ,CAACc,iBAAiB,CAACM,SAAS;EAC/Cb,IAAI,EAAEP,QAAQ,CAACc,iBAAiB,CAACP;AACnC,CAAC;AAEDY,YAAY,CAACJ,SAAS,2CAAG;EACvBM,KAAK,EAAEtB,SAAS,CAAC2B,MAAM,CAACC,UAAU;EAClCC,IAAI,EAAE7B,SAAS,CAAC8B,IAAI;EACpBC,MAAM,EAAE/B,SAAS,CAAC8B,IAAI;EACtBP,OAAO,EAAEvB,SAAS,CAACiB,KAAK,CAACf,WAAW,CAACc,SAAS,CAAC;EAC/CP,YAAY,EAAEJ,mBAAmB,CAACW,SAAS,CAACP;AAC9C,CAAC;AAED,eAAeW,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;EACA,MAAMG,MAAM,GAAG,KAAI,eAAJ,EAAqBH,IAArB,CAAf;;EACA,MAAMI,iBAAiB,GAAG,KAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACS;EAAtB,gBACE,oBAAC,UAAD,eAAgBJ,YAAhB;IAA8B,KAAK,EAAEG;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACS,YAApB,GAAmC;EACjCN,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AADA,CAAnC;AAIAH,mBAAmB,CAACW,SAApB,2CAAgC;EAC9BP,YAAY,EAAET,SAAS,CAACiB,KAAV,cACTd,UAAU,CAACa,SADF;IAEZE,QAAQ,EAAElB,SAAS,CAACmB;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACd,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACc;EAAD,IAAcd,OAApB;EAEA,MAAM;IAACe,KAAD;IAAQC,OAAR;IAAiBd;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACkB;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAElB,KAAK,CAACqB;EAAtB,gBACE,oBAAC,mBAAD;IAAqB,YAAY,EAAEhB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEL,KAAK,CAACsB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,oBAAC,WAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACN,YAAb,GAA4B;EAC1BO,SAAS,EAAEpB,QAAQ,CAACc,iBAAT,CAA2BM,SADZ;EAE1Bb,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AAFP,CAA5B;AAKAY,YAAY,CAACJ,SAAb,2CAAyB;EACvBM,KAAK,EAAEtB,SAAS,CAAC2B,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAE7B,SAAS,CAAC8B,IAFO;EAGvBC,MAAM,EAAE/B,SAAS,CAAC8B,IAHK;EAIvBP,OAAO,EAAEvB,SAAS,CAACiB,KAAV,CAAgBf,WAAW,CAACc,SAA5B,CAJc;EAKvBP,YAAY,EAAEJ,mBAAmB,CAACW,SAApB,CAA8BP;AALrB,CAAzB;AAQA,eAAeW,YAAf"}

package/es/molecule/setup-sections/index.d.ts

@@ -18,6 +18,8 @@ declare namespace SetupSections {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -4,9 +4,11 @@ import DraggableList from '../draggable-list';
 import SetupSection from '../setup-section';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const Loading = () => /*#__PURE__*/React.createElement("div", {
   className: style.loading
 }, /*#__PURE__*/React.createElement(Loader, null));
+
 const SetupSections = ({
   sections,
   loading,
@@ -19,6 +21,7 @@ const SetupSections = ({
     onDrop: onDrop
   }));
 };
+
 SetupSections.propTypes = process.env.NODE_ENV !== "production" ? {
   sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),
   loading: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","DraggableList","SetupSection","Loader","style","Loading","loading","SetupSections","sections","onDrop","propTypes","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,OAAO,GAAG,mBACd;EAAK,SAAS,EAAED,KAAK,CAACE;AAAQ,gBAC5B,oBAAC,MAAM,OAAG,CAEb;AAED,MAAMC,aAAa,GAAG,CAAC;EAACC,QAAQ;EAAEF,OAAO;EAAEG;AAAM,CAAC,KAAK;EACrD,IAAIH,OAAO,EAAE,oBAAO,oBAAC,OAAO,OAAG;EAE/B,oBACE,8CACE,oBAAC,aAAa;IAAC,QAAQ,EAAC,eAAe;IAAC,KAAK,EAAEE,QAAS;IAAC,MAAM,EAAEC;EAAO,EAAG,CACvE;AAEV,CAAC;AAEDF,aAAa,CAACG,SAAS,2CAAG;EACxBF,QAAQ,EAAER,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,KAAK,CAACV,YAAY,CAACQ,SAAS,CAAC,CAAC;EACpEJ,OAAO,EAAEN,SAAS,CAACa,IAAI;EACvBJ,MAAM,EAAET,SAAS,CAACc;AACpB,CAAC;AAED,eAAeP,aAAa"}
+{"version":3,"file":"index.js","names":["React","PropTypes","DraggableList","SetupSection","Loader","style","Loading","loading","SetupSections","sections","onDrop","propTypes","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;EAAK,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD,OADF,CADF;;AAMA,MAAMC,aAAa,GAAG,CAAC;EAACC,QAAD;EAAWF,OAAX;EAAoBG;AAApB,CAAD,KAAiC;EACrD,IAAIH,OAAJ,EAAa,oBAAO,oBAAC,OAAD,OAAP;EAEb,oBACE,8CACE,oBAAC,aAAD;IAAe,QAAQ,EAAC,eAAxB;IAAwC,KAAK,EAAEE,QAA/C;IAAyD,MAAM,EAAEC;EAAjE,EADF,CADF;AAKD,CARD;;AAUAF,aAAa,CAACG,SAAd,2CAA0B;EACxBF,QAAQ,EAAER,SAAS,CAACW,OAAV,CAAkBX,SAAS,CAACY,KAAV,CAAgBV,YAAY,CAACQ,SAA7B,CAAlB,CADc;EAExBJ,OAAO,EAAEN,SAAS,CAACa,IAFK;EAGxBJ,MAAM,EAAET,SAAS,CAACc;AAHM,CAA1B;AAMA,eAAeP,aAAf"}

package/es/molecule/setup-slide/index.d.ts

@@ -30,6 +30,8 @@ declare namespace SetupSlide {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
@@ -66,6 +68,7 @@ declare namespace SetupSlide {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;

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

@@ -1,5 +1,7 @@
 import _map from "lodash/fp/map";
+
 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 Select from '../../atom/select';
@@ -12,44 +14,56 @@ import ImageUpload from '../../atom/image-upload';
 import SetupCohortItem from '../setup-cohort-item';
 import MessagePopin from '../message-popin';
 import style from './style.css';
+
 const SetupSlide = props => {
   const {
     fields
   } = props;
+
   const buildInput = field => {
     const {
       type
     } = 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(ImageUpload, 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);
+
       default:
         return /*#__PURE__*/React.createElement(InputText, field);
     }
   };
+
   const buildField = (field, index) => {
     const input = buildInput(field);
     return /*#__PURE__*/React.createElement("div", {
@@ -57,13 +71,16 @@ const SetupSlide = props => {
       key: index
     }, input);
   };
+
   const fieldsList = _map.convert({
     cap: false
   })(buildField, fields);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, fieldsList);
 };
+
 SetupSlide.defaultProps = {
   fields: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/setup-slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return (\n          <div className={style.imageUploadContainer}>\n            <ImageUpload {...field} />\n          </div>\n        );\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/setup-slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return (\n          <div className={style.imageUploadContainer}>\n            <ImageUpload {...field} />\n          </div>\n        );\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"mappings":"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"}

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

@@ -43,6 +43,8 @@ declare namespace SetupSlider {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;
@@ -79,6 +81,7 @@ declare namespace SetupSlider {
                 modified: PropTypes.Requireable<boolean>;
                 error: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;

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

@@ -1,25 +1,31 @@
 import _map from "lodash/fp/map";
+
 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 SetupSlide from '../setup-slide';
 import Accordion from '../../organism/accordion/toggler';
+
 const SetupSlider = props => {
   const {
     tabProps = [],
     slides = []
   } = props;
+
   const slidesView = _map.convert({
     cap: false
   })((slide, key) => /*#__PURE__*/React.createElement(SetupSlide, _extends({}, slide, {
     key: key
   })), slides);
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Accordion, {
     tabProps: tabProps,
     type: 'all',
     theme: 'setup'
   }, slidesView));
 };
+
 SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),
   slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SetupSlide","Accordion","SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","arrayOf","shape"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const slidesView = map.convert({cap: false})(\n    (slide, key) => <SetupSlide {...slide} key={key} />,\n    slides\n  );\n  return (\n    <div>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nSetupSlider.propTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))\n};\n\nexport default SetupSlider;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,SAAS,MAAM,kCAAkC;AAExD,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAE;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAC1C,MAAMG,UAAU,GAAG,KAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAC1C,CAACC,KAAK,EAAEC,GAAG,kBAAK,oBAAC,UAAU,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG,EACnDL,MAAM,CACP;EACD,oBACE,8CACE,oBAAC,SAAS;IAAC,QAAQ,EAAED,QAAS;IAAC,IAAI,EAAE,KAAM;IAAC,KAAK,EAAE;EAAQ,GACxDE,UAAU,CACD,CACR;AAEV,CAAC;AAEDJ,WAAW,CAACS,SAAS,2CAAG;EACtBP,QAAQ,EAAEL,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAACZ,SAAS,CAACU,SAAS,CAAC,CAAC;EACjEN,MAAM,EAAEN,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAACb,UAAU,CAACW,SAAS,CAAC;AACjE,CAAC;AAED,eAAeT,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SetupSlide","Accordion","SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","arrayOf","shape"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const slidesView = map.convert({cap: false})(\n    (slide, key) => <SetupSlide {...slide} key={key} />,\n    slides\n  );\n  return (\n    <div>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nSetupSlider.propTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(PropTypes.shape(SetupSlide.propTypes))\n};\n\nexport default SetupSlider;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,UAAU,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACjB,CAACC,KAAD,EAAQC,GAAR,kBAAgB,oBAAC,UAAD,eAAgBD,KAAhB;IAAuB,GAAG,EAAEC;EAA5B,GADC,EAEjBL,MAFiB,CAAnB;;EAIA,oBACE,8CACE,oBAAC,SAAD;IAAW,QAAQ,EAAED,QAArB;IAA+B,IAAI,EAAE,KAArC;IAA4C,KAAK,EAAE;EAAnD,GACGE,UADH,CADF,CADF;AAOD,CAbD;;AAeAJ,WAAW,CAACS,SAAZ,2CAAwB;EACtBP,QAAQ,EAAEL,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBZ,SAAS,CAACU,SAA1B,CAAlB,CADY;EAEtBN,MAAM,EAAEN,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,UAAU,CAACW,SAA3B,CAAlB;AAFc,CAAxB;AAKA,eAAeT,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","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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"}
+{"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,
@@ -69,6 +71,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","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, 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 [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\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\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,OAAO,QAAO,OAAO;AAC3D,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,+CAA+C,IAAIC,YAAY,QAAO,0BAA0B;AACxG,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,qBAAqB,GAAGC,SAAS,IAAI;EACzC,MAAMC,SAAS,GAAG,CAChBT,OAAO,CAAE,SAAQQ,SAAU,kBAAiB,CAAC,EAC7CR,OAAO,CAAE,SAAQQ,SAAU,kBAAiB,CAAC,EAC7CR,OAAO,CAAE,SAAQQ,SAAU,kBAAiB,CAAC,CAC9C;EAED,OAAQ,+CAA8CC,SAAS,CAAC,CAAC,CAAE,QAAOT,OAAO,CAC9E,SAAQS,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,4DAA2DA,SAAS,CAAC,CAAC,CAAE,QAAOT,OAAO,CACrF,SAAQS,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,2DAA0DA,SAAS,CAAC,CAAC,CAAE,QAAOT,OAAO,CACpF,SAAQS,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,WAAUD,SAAU,EAAC;AACzB,CAAC;AAED,MAAME,SAAS,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EACT,MAAM;IAACW;EAAI,CAAC,GAAGV,OAAO;EACtB,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM2B,gBAAgB,GAAGtB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEmB,IAAI,CAAC;EAEjE,MAAMI,eAAe,GAAG7B,WAAW,CAAC,MAAM2B,UAAU,CAAC,IAAI,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEzE,MAAMG,gBAAgB,GAAG9B,WAAW,CAAC,MAAM2B,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMI,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAEP,OAAO,GAAGE,gBAAgB,GAAGzB,OAAO,CAAE,SAAQyB,gBAAiB,WAAU,CAAC;MAC3FM,KAAK,EAAER,OAAO,GAAG,SAAS,GAAGE,gBAAgB;MAC7CO,UAAU,EAAE;IACd,CAAC;IACDZ,OAAO;IACP,YAAY,EAAEH,eAAe;IAC7BgB,KAAK,EAAEjB,WAAW;IAClB,WAAW,EAAE;EACf,CAAC;EAED,MAAMkB,oBAAoB,GAAGnC,OAAO,CAClC,MAAOsB,QAAQ,GAAG,SAAS,GAAGI,gBAAiB,EAC/C,CAACJ,QAAQ,EAAEI,gBAAgB,CAAC,CAC7B;EAED,MAAMU,eAAe,GAAGpC,OAAO,CAC7B,MAAMQ,qBAAqB,CAAC2B,oBAAoB,CAAC,EACjD,CAACA,oBAAoB,CAAC,CACvB;EAED,oBACE;IAAK,SAAS,EAAE7B,KAAK,CAAC+B,gBAAiB;IAAC,aAAU,oBAAoB;IAAC,cAAYvB;EAAU,gBAC3F;IACE,aAAU,aAAa;IACvB,SAAS,EAAER,KAAK,CAACS,UAAW;IAC5B,cAAYC,cAAc,IAAID,UAAW;IACzC,KAAK,EAAE;MACLuB,UAAU,EAAEF;IACd;EAAE,GAEDrB,UAAU,CACP,eACN;IAAK,aAAU;EAAsB,gBACnC;IACE,SAAS,EAAET,KAAK,CAACiC,kBAAmB;IACpC,aAAU,2BAA2B;IACrC,cAAYnB,eAAe,IAAID;EAAY,gBAE3C,oBAAC,YAAY;IAAC,SAAS,EAAEb,KAAK,CAACkC,kBAAmB;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,EAC3ErB,WAAW,CACR,eACN;IACE,SAAS,EAAEb,KAAK,CAACmC,aAAc;IAC/B,WAAW,EAAEd,eAAgB;IAC7B,YAAY,EAAEC,gBAAiB;IAC/B,aAAU;EAAgB,gBAE1B,oBAAC,UAAU,EAAKC,WAAW,CAAI,CAC3B,CACF,CACF;AAEV,CAAC;AAEDlB,SAAS,CAACJ,SAAS,2CAAGA,SAAS;AAE/B,eAAeI,SAAS"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, 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 [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\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\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\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