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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"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;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,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,mBAAI,cAAc,EAAEF,IAAI,CAAC;EACvC,MAAMG,MAAM,GAAG,mBAAI,eAAe,EAAEH,IAAI,CAAC;EACzC,MAAMI,iBAAiB,GAAG,mBAAI,UAAU,EAAEH,YAAY,CAAC,GAAGE,MAAM,GAAGD,KAAK;EAExE,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACC;EAAmB,gBACvC,6BAAC,mBAAU,eAAKL,YAAY;IAAE,KAAK,EAAEG;EAAkB,GAAG,CACtD;AAEV,CAAC;AAEDP,mBAAmB,CAACU,YAAY,GAAG;EACjCP,IAAI,EAAEQ,iBAAQ,CAACC,iBAAiB,CAACT;AACnC,CAAC;AAEDH,mBAAmB,CAACa,SAAS,2CAAG;EAC9BT,YAAY,EAAEU,kBAAS,CAACC,KAAK,cACxBC,mBAAU,CAACH,SAAS;IACvBI,QAAQ,EAAEH,kBAAS,CAACI;EAAI;AAE5B,CAAC;AAED,MAAMC,YAAY,GAAG,CAAClB,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACkB;EAAS,CAAC,GAAGlB,OAAO;EAE3B,MAAM;IAACmB,KAAK;IAAEC,OAAO;IAAElB;EAAY,CAAC,GAAGH,KAAK;EAE5C,oBACE;IAAK,SAAS,EAAEO,cAAK,CAACe;EAAQ,gBAC5B;IAAK,SAAS,EAAEf,cAAK,CAACa;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEb,cAAK,CAACgB;EAAS,gBAC7B,6BAAC,mBAAmB;IAAC,YAAY,EAAEpB;EAAa,EAAG,eACnD;IAAK,SAAS,EAAEI,cAAK,CAACiB;EAAM,GAAEL,SAAS,CAAC,MAAM,CAAC,CAAO,eACtD,6BAAC,oBAAW,EAAKE,OAAO,CAAI,CACxB,CACF;AAEV,CAAC;AAEDH,YAAY,CAACT,YAAY,GAAG;EAC1BU,SAAS,EAAET,iBAAQ,CAACC,iBAAiB,CAACQ,SAAS;EAC/CjB,IAAI,EAAEQ,iBAAQ,CAACC,iBAAiB,CAACT;AACnC,CAAC;AAEDgB,YAAY,CAACN,SAAS,2CAAG;EACvBQ,KAAK,EAAEP,kBAAS,CAACY,MAAM,CAACC,UAAU;EAClCC,IAAI,EAAEd,kBAAS,CAACe,IAAI;EACpBC,MAAM,EAAEhB,kBAAS,CAACe,IAAI;EACtBP,OAAO,EAAER,kBAAS,CAACC,KAAK,CAACgB,oBAAW,CAAClB,SAAS,CAAC;EAC/CT,YAAY,EAAEJ,mBAAmB,CAACa,SAAS,CAACT;AAC9C,CAAC;AAAC,eAEae,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;EACA,MAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;EACA,MAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,mBAAD,eAAgBL,YAAhB;IAA8B,KAAK,EAAEG;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;EACjCP,IAAI,EAAEQ,iBAAA,CAASC,iBAAT,CAA2BT;AADA,CAAnC;AAIAH,mBAAmB,CAACa,SAApB,2CAAgC;EAC9BT,YAAY,EAAEU,kBAAA,CAAUC,KAAV,cACTC,mBAAA,CAAWH,SADF;IAEZI,QAAQ,EAAEH,kBAAA,CAAUI;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACkB;EAAD,IAAclB,OAApB;EAEA,MAAM;IAACmB,KAAD;IAAQC,OAAR;IAAiBlB;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMe;EAAtB,gBACE;IAAK,SAAS,EAAEf,cAAA,CAAMa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEb,cAAA,CAAMgB;EAAtB,gBACE,6BAAC,mBAAD;IAAqB,YAAY,EAAEpB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMiB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;EAC1BU,SAAS,EAAET,iBAAA,CAASC,iBAAT,CAA2BQ,SADZ;EAE1BjB,IAAI,EAAEQ,iBAAA,CAASC,iBAAT,CAA2BT;AAFP,CAA5B;AAKAgB,YAAY,CAACN,SAAb,2CAAyB;EACvBQ,KAAK,EAAEP,kBAAA,CAAUY,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAEd,kBAAA,CAAUe,IAFO;EAGvBC,MAAM,EAAEhB,kBAAA,CAAUe,IAHK;EAIvBP,OAAO,EAAER,kBAAA,CAAUC,KAAV,CAAgBgB,oBAAA,CAAYlB,SAA5B,CAJc;EAKvBT,YAAY,EAAEJ,mBAAmB,CAACa,SAApB,CAA8BT;AALrB,CAAzB;eAQee,Y"}

package/lib/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/lib/molecule/setup-sections/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loading","style","loading","SetupSections","sections","onDrop","propTypes","PropTypes","arrayOf","shape","SetupSection","bool","func"],"sources":["../../../src/molecule/setup-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DraggableList from '../draggable-list';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\n  if (loading) return <Loading />;\n\n  return (\n    <div>\n      <DraggableList itemType=\"setup-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,OAAO,GAAG,mBACd;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAQ,gBAC5B,6BAAC,eAAM,OAAG,CAEb;AAED,MAAMC,aAAa,GAAG,CAAC;EAACC,QAAQ;EAAEF,OAAO;EAAEG;AAAM,CAAC,KAAK;EACrD,IAAIH,OAAO,EAAE,oBAAO,6BAAC,OAAO,OAAG;EAE/B,oBACE,uDACE,6BAAC,sBAAa;IAAC,QAAQ,EAAC,eAAe;IAAC,KAAK,EAAEE,QAAS;IAAC,MAAM,EAAEC;EAAO,EAAG,CACvE;AAEV,CAAC;AAEDF,aAAa,CAACG,SAAS,2CAAG;EACxBF,QAAQ,EAAEG,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,qBAAY,CAACJ,SAAS,CAAC,CAAC;EACpEJ,OAAO,EAAEK,kBAAS,CAACI,IAAI;EACvBN,MAAM,EAAEE,kBAAS,CAACK;AACpB,CAAC;AAAC,eAEaT,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["Loading","style","loading","SetupSections","sections","onDrop","propTypes","PropTypes","arrayOf","shape","SetupSection","bool","func"],"sources":["../../../src/molecule/setup-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DraggableList from '../draggable-list';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\n  if (loading) return <Loading />;\n\n  return (\n    <div>\n      <DraggableList itemType=\"setup-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;AAMA,MAAMC,aAAa,GAAG,CAAC;EAACC,QAAD;EAAWF,OAAX;EAAoBG;AAApB,CAAD,KAAiC;EACrD,IAAIH,OAAJ,EAAa,oBAAO,6BAAC,OAAD,OAAP;EAEb,oBACE,uDACE,6BAAC,sBAAD;IAAe,QAAQ,EAAC,eAAxB;IAAwC,KAAK,EAAEE,QAA/C;IAAyD,MAAM,EAAEC;EAAjE,EADF,CADF;AAKD,CARD;;AAUAF,aAAa,CAACG,SAAd,2CAA0B;EACxBF,QAAQ,EAAEG,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,qBAAA,CAAaJ,SAA7B,CAAlB,CADc;EAExBJ,OAAO,EAAEK,kBAAA,CAAUI,IAFK;EAGxBN,MAAM,EAAEE,kBAAA,CAAUK;AAHM,CAA1B;eAMeT,a"}

package/lib/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/lib/molecule/setup-slide/index.js

@@ -2,59 +2,86 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _inputReadonly = _interopRequireDefault(require("../../atom/input-readonly"));
+
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
 var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
 var _inputDoublestep = _interopRequireDefault(require("../../atom/input-doublestep"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _imageUpload = _interopRequireDefault(require("../../atom/image-upload"));
+
 var _setupCohortItem = _interopRequireDefault(require("../setup-cohort-item"));
+
 var _messagePopin = _interopRequireDefault(require("../message-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const SetupSlide = props => {
   const {
     fields
   } = props;
+
   const buildInput = field => {
     const {
       type
     } = field;
+
     switch (type) {
       case 'switch':
         return /*#__PURE__*/_react.default.createElement(_inputSwitch.default, field);
+
       case 'select':
         return /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, field, {
           theme: 'coorpmanager'
         }));
+
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field);
+
       case 'image':
         return /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.imageUploadContainer
         }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
+
       case 'splitForm':
         return /*#__PURE__*/_react.default.createElement(_setupCohortItem.default, {
           field: field
         });
+
       case 'alert':
         return /*#__PURE__*/_react.default.createElement(_messagePopin.default, {
           header: field.title,
           content: field.subtitle
         });
+
       case 'readonly':
         return /*#__PURE__*/_react.default.createElement(_inputReadonly.default, field);
+
       case 'doublestep':
         return /*#__PURE__*/_react.default.createElement(_inputDoublestep.default, field);
+
       default:
         return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
     }
   };
+
   const buildField = (field, index) => {
     const input = buildInput(field);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -62,13 +89,16 @@ const SetupSlide = props => {
       key: index
     }, input);
   };
+
   const fieldsList = _map2.default.convert({
     cap: false
   })(buildField, fields);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
   }, fieldsList);
 };
+
 SetupSlide.defaultProps = {
   fields: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupSlide","props","fields","buildInput","field","type","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"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":["SetupSlide","props","fields","buildInput","field","type","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"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/lib/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/lib/molecule/setup-slider/index.js

@@ -2,29 +2,40 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _setupSlide = _interopRequireDefault(require("../setup-slide"));
+
 var _toggler = _interopRequireDefault(require("../../organism/accordion/toggler"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const SetupSlider = props => {
   const {
     tabProps = [],
     slides = []
   } = props;
+
   const slidesView = _map2.default.convert({
     cap: false
   })((slide, key) => /*#__PURE__*/_react.default.createElement(_setupSlide.default, _extends({}, slide, {
     key: key
   })), slides);
+
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_toggler.default, {
     tabProps: tabProps,
     type: 'all',
     theme: 'setup'
   }, slidesView));
 };
+
 SetupSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: _propTypes.default.arrayOf(_propTypes.default.shape(_toggler.default.propTypes)),
   slides: _propTypes.default.arrayOf(_propTypes.default.shape(_setupSlide.default.propTypes))

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","PropTypes","arrayOf","shape","Accordion","SetupSlide"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\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;AACA;AAEA;AACA;AAAyD;AAAA;AAEzD,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAE;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAC1C,MAAMG,UAAU,GAAG,cAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAC1C,CAACC,KAAK,EAAEC,GAAG,kBAAK,6BAAC,mBAAU,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG,EACnDL,MAAM,CACP;EACD,oBACE,uDACE,6BAAC,gBAAS;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,EAAEQ,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,gBAAS,CAACJ,SAAS,CAAC,CAAC;EACjEN,MAAM,EAAEO,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACE,mBAAU,CAACL,SAAS,CAAC;AACjE,CAAC;AAAC,eAEaT,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","slidesView","convert","cap","slide","key","propTypes","PropTypes","arrayOf","shape","Accordion","SetupSlide"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SetupSlide from '../setup-slide';\nimport Accordion from '../../organism/accordion/toggler';\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;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,UAAU,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACjB,CAACC,KAAD,EAAQC,GAAR,kBAAgB,6BAAC,mBAAD,eAAgBD,KAAhB;IAAuB,GAAG,EAAEC;EAA5B,GADC,EAEjBL,MAFiB,CAAnB;;EAIA,oBACE,uDACE,6BAAC,gBAAD;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,EAAEQ,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAUJ,SAA1B,CAAlB,CADY;EAEtBN,MAAM,EAAEO,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBE,mBAAA,CAAWL,SAA3B,CAAlB;AAFc,CAAxB;eAKeT,W"}

package/lib/molecule/share/index.js

@@ -2,20 +2,31 @@
 
 exports.__esModule = true;
 exports.default = exports.ShareStatusProvider = exports.ShareFeedback = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const SHARE_STATUS = {
   IDLE: 'IDLE',
   ERROR: 'ERROR',
   SUCCESS: 'SUCCESS'
 };
+
 const copyTextViaExecCommand = text => {
   const textarea = document.createElement('textarea');
   textarea.style.border = '0';
@@ -23,12 +34,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);
@@ -36,14 +47,16 @@ 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.default.createContext(SHARE_STATUS.IDLE);
+
 const ShareStatusProvider = ({
   children
 }) => {
@@ -51,9 +64,11 @@ const ShareStatusProvider = ({
   (0, _react.useEffect)(() => {
     let timeoutId;
     const DURATION = 3000;
+
     if (status !== SHARE_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);
     }
+
     return () => clearTimeout(timeoutId);
   }, [status]);
   const value = (0, _react.useMemo)(() => [status, setStatus], [status]);
@@ -61,7 +76,9 @@ const ShareStatusProvider = ({
     value: value
   }, children);
 };
+
 exports.ShareStatusProvider = ShareStatusProvider;
+
 const ShareFeedback = ({
   successWording,
   errorWording
@@ -84,7 +101,9 @@ const ShareFeedback = ({
     role: "alert"
   }, errorWording));
 };
+
 exports.ShareFeedback = ShareFeedback;
+
 const Share = ({
   style,
   text,
@@ -93,6 +112,7 @@ const Share = ({
   const [, setStatus] = (0, _react.useContext)(StatusContext);
   const onClick = (0, _react.useCallback)(async () => {
     const browserSupportsClipboardWriteText = 'clipboard' in navigator && 'writeText' in navigator.clipboard;
+
     if (browserSupportsClipboardWriteText) {
       try {
         await navigator.clipboard.writeText(text);
@@ -100,11 +120,13 @@ const Share = ({
       } catch (error) {
         setStatus(SHARE_STATUS.ERROR);
       }
+
       return;
     } else {
       const copyStatus = copyTextViaExecCommand(text);
       setStatus(copyStatus);
     }
+
     return;
   }, [setStatus, text]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -121,6 +143,7 @@ const Share = ({
     height: 18
   }), /*#__PURE__*/_react.default.createElement("p", null, wording))));
 };
+
 ShareStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"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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"}
+{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"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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"}