@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

package/es/atom/select/index.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -31,7 +30,6 @@ const themeStyle = {
   skillDetail: style.skillDetail,
   coorpmanager: null
 };
-
 const ArrowView = ({
   shouldRender,
   isArrowUp,
@@ -39,12 +37,12 @@ const ArrowView = ({
   arrowClass,
   arrowColor
 }) => {
-  const props = useMemo(() => _extends({}, arrowColor & {
-    color: arrowColor
-  }, {
+  const props = useMemo(() => ({
+    ...(arrowColor & {
+      color: arrowColor
+    }),
     className: arrowClass
   }), [arrowClass, arrowColor]);
-
   if (shouldRender) {
     return isArrowUp ? /*#__PURE__*/React.createElement(ArrowUp, _extends({}, props, {
       "data-testid": "select-arrow-up-icon"
@@ -53,7 +51,6 @@ const ArrowView = ({
     }));
   } else return null;
 };
-
 const Select = (props, legacyContext) => {
   const {
     name,
@@ -78,7 +75,6 @@ const Select = (props, legacyContext) => {
   const [isArrowUp, setIsArrowUp] = useState(false);
   const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);
   const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);
-
   const selectOption = (option, index) => {
     return /*#__PURE__*/React.createElement("option", {
       key: index,
@@ -86,7 +82,6 @@ const Select = (props, legacyContext) => {
       className: style.selectOption
     }, option.name);
   };
-
   const optionList = !isEmpty(options) ? options.map((option, index) => selectOption(option, index)) : optgroups.map((optgroup, index) => {
     return /*#__PURE__*/React.createElement("optgroup", {
       key: index,
@@ -132,17 +127,21 @@ const Select = (props, legacyContext) => {
     "data-testid": "select-wrapper",
     "data-name": "select-wrapper",
     title: title,
-    style: _extends({}, shouldUseSkinFontColor && {
-      color
-    }),
+    style: {
+      ...(shouldUseSkinFontColor && {
+        color
+      })
+    },
     className: style.selectWrapper
   }, titleView, /*#__PURE__*/React.createElement("span", {
     "data-testid": "select-span",
     "data-name": "select-span",
     className: classnames(style.selectSpan, includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template', 'skillDetail']) ? style.noLabelCommon : null, borderClassName, isLongLabel ? style.longLabel : null),
-    style: _extends({}, shouldUseSkinFontColor && {
-      color
-    })
+    style: {
+      ...(shouldUseSkinFontColor && {
+        color
+      })
+    }
   }, selectedLabel), /*#__PURE__*/React.createElement(ArrowView, {
     shouldRender: !multiple,
     isArrowUp: isArrowUp,
@@ -164,7 +163,8 @@ const Select = (props, legacyContext) => {
     multiple: multiple,
     disabled: disabled,
     onClick: handleSelectOnFocus,
-    onBlur: handleSelectOnBlur // onBlur does not handle completely an out of bounds click
+    onBlur: handleSelectOnBlur
+    // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
@@ -174,7 +174,6 @@ const Select = (props, legacyContext) => {
     className: style.description
   }, description));
 };
-
 export const SelectOptionPropTypes = {
   name: PropTypes.string.isRequired,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

package/es/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,iCAAiC,IAAIC,OAFvC,QAGO,0BAHP;AAIA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBlB,MAAM,EAAEiB,KAAK,CAACjB,MADG;EAEjBmB,OAAO,EAAEF,KAAK,CAACE,OAFE;EAGjBC,MAAM,EAAEH,KAAK,CAACG,MAHG;EAIjBC,IAAI,EAAEJ,KAAK,CAACI,IAJK;EAKjBC,QAAQ,EAAEL,KAAK,CAACK,QALC;EAMjBC,IAAI,EAAEN,KAAK,CAACM,IANK;EAOjBC,WAAW,EAAEP,KAAK,CAACO,WAPF;EAQjBC,MAAM,EAAER,KAAK,CAACQ,MARG;EASjBC,QAAQ,EAAET,KAAK,CAACS,QATC;EAUjBC,WAAW,EAAEV,KAAK,CAACU,WAVF;EAWjBC,YAAY,EAAE;AAXG,CAAnB;;AAcA,MAAMC,SAAS,GAAG,CAAC;EAACC,YAAD;EAAeC,SAAf;EAA0BC,SAA1B;EAAqCC,UAArC;EAAiDC;AAAjD,CAAD,KAAkE;EAClF,MAAMC,KAAK,GAAGxC,OAAO,CACnB,mBACMuC,UAAU,GACZ;IACEE,KAAK,EAAEF;EADT,CAFJ;IAKEG,SAAS,EAAEJ;EALb,EADmB,EAQnB,CAACA,UAAD,EAAaC,UAAb,CARmB,CAArB;;EAUA,IAAIJ,YAAJ,EAAkB;IAChB,OAAOC,SAAS,gBACd,oBAAC,OAAD,eAAaI,KAAb;MAAoB,eAAY;IAAhC,GADc,gBAGd,oBAAC,SAAD,eAAeA,KAAf;MAAsB,eAAY;IAAlC,GAHF;EAKD,CAND,MAMO,OAAO,IAAP;AACR,CAlBD;;AAoBA,MAAMG,MAAM,GAAG,CAACH,KAAD,EAAQI,aAAR,KAA0B;EACvC,MAAM;IACJC,IADI;IAEJC,OAAO,GAAG,EAFN;IAGJC,SAAS,GAAG,EAHR;IAIJL,SAJI;IAKJM,eALI;IAMJC,QANI;IAOJC,QAAQ,GAAG,KAPP;IAQJC,QARI;IASJC,QATI;IAUJC,WAVI;IAWJC,KAXI;IAYJC,QAAQ,GAAG,KAZP;IAaJC,KAAK,GAAG,KAbJ;IAcJC,KAAK,EAAEC,SAdH;IAeJ,cAAcrB,SAfV;IAgBJ,mBAAmBsB;EAhBf,IAiBFnB,KAjBJ;EAmBA,MAAMoB,IAAI,GAAGxC,kBAAkB,CAACwB,aAAD,CAA/B;EACA,MAAMa,KAAK,GAAGzD,OAAO,CACnB,MAAO0D,SAAS,GAAI,GAAEA,SAAU,GAAEN,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAtC,GAA0C,IADvC,EAEnB,CAACM,SAAD,EAAYN,QAAZ,CAFmB,CAArB;EAKA,MAAM,CAAChB,SAAD,EAAYyB,YAAZ,IAA4B5D,QAAQ,CAAC,KAAD,CAA1C;EAEA,MAAM6D,mBAAmB,GAAG/D,WAAW,CAAC,MAAM8D,YAAY,CAAC,IAAD,CAAnB,EAA2B,EAA3B,CAAvC;EACA,MAAME,kBAAkB,GAAGhE,WAAW,CAAC,MAAM8D,YAAY,CAAC,KAAD,CAAnB,EAA4B,EAA5B,CAAtC;;EAEA,MAAMG,YAAY,GAAG,CAACC,MAAD,EAASC,KAAT,KAAmB;IACtC,oBACE;MAAQ,GAAG,EAAEA,KAAb;MAAoB,KAAK,EAAED,MAAM,CAACE,KAAlC;MAAyC,SAAS,EAAE7C,KAAK,CAAC0C;IAA1D,GACGC,MAAM,CAACpB,IADV,CADF;EAKD,CAND;;EAQA,MAAMuB,UAAU,GAAG,CAACzD,OAAO,CAACmC,OAAD,CAAR,GACfA,OAAO,CAACjC,GAAR,CAAY,CAACoD,MAAD,EAASC,KAAT,KAAmBF,YAAY,CAACC,MAAD,EAASC,KAAT,CAA3C,CADe,GAEfnB,SAAS,CAAClC,GAAV,CAAc,CAACwD,QAAD,EAAWH,KAAX,KAAqB;IACjC,oBACE;MAAU,GAAG,EAAEA,KAAf;MAAsB,KAAK,EAAEG,QAAQ,CAACC;IAAtC,GACGD,QAAQ,CAACvB,OAAT,IAAoBuB,QAAQ,CAACvB,OAAT,CAAiBjC,GAAjB,CAAqB,CAACoD,MAAD,EAASM,CAAT,KAAeP,YAAY,CAACC,MAAD,EAASM,CAAT,CAAhD,CADvB,CADF;EAKD,CAND,CAFJ;EAUA,MAAMC,SAAS,GAAGf,KAAK,gBAAG;IAAM,SAAS,EAAEnC,KAAK,CAACmC;EAAvB,GAA+BA,KAA/B,CAAH,GAAkD,IAAzE;EAEA,MAAMgB,QAAQ,GAAGzE,OAAO,CACtB,MACEkD,QAAQ,GACJrC,GAAG,CAACL,GAAG,CAAC,OAAD,CAAJ,EAAeH,MAAM,CAAC;IAACoE,QAAQ,EAAE;EAAX,CAAD,EAAmB3B,OAAnB,CAArB,CADC,GAEJtC,GAAG,CAAC,OAAD,EAAUF,IAAI,CAAC;IAACmE,QAAQ,EAAE;EAAX,CAAD,EAAmBrE,MAAM,CAAC0C,OAAD,EAAUvC,WAAW,CAAC,SAAD,EAAYwC,SAAZ,CAArB,CAAzB,CAAd,CAJa,EAKtB,CAACG,QAAD,EAAWJ,OAAX,EAAoBC,SAApB,CALsB,CAAxB;EAOA,MAAM2B,aAAa,GAAG1E,OAAO,CAC3B,MACEkD,QAAQ,GACJrC,GAAG,CAACL,GAAG,CAAC,MAAD,CAAJ,EAAcH,MAAM,CAAC;IAACoE,QAAQ,EAAE;EAAX,CAAD,EAAmB3B,OAAnB,CAApB,CADC,GAEJtC,GAAG,CAAC,MAAD,EAASF,IAAI,CAAC;IAACmE,QAAQ,EAAE;EAAX,CAAD,EAAmBrE,MAAM,CAAC0C,OAAD,EAAUvC,WAAW,CAAC,SAAD,EAAYwC,SAAZ,CAArB,CAAzB,CAAb,CAJkB,EAK3B,CAACG,QAAD,EAAWJ,OAAX,EAAoBC,SAApB,CAL2B,CAA7B;EAQA,MAAM4B,uBAAuB,GAAG3E,OAAO,CACrC,MACEsD,KAAK,KAAK,QAAV,IACA7C,KAAK,CAAC,KAAD,EAAQ,MAAR,EAAgBH,IAAI,CAAC;IAACsE,WAAW,EAAE,KAAd;IAAqBH,QAAQ,EAAE;EAA/B,CAAD,EAAuC3B,OAAvC,CAApB,CAH8B,EAIrC,CAACA,OAAD,EAAUQ,KAAV,CAJqC,CAAvC;EAOA,MAAMuB,YAAY,GAAG7E,OAAO,CAC1B,MACEkD,QAAQ,GACJ4B,CAAC,IAAI;IACHjB,YAAY,CAAC,KAAD,CAAZ;IACAZ,QAAQ,CAACpC,GAAG,CAACL,GAAG,CAAC,OAAD,CAAJ,EAAesE,CAAC,CAACC,MAAF,CAASC,eAAxB,CAAJ,CAAR;EACD,CAJG,GAKJF,CAAC,IAAI;IACHjB,YAAY,CAAC,KAAD,CAAZ;IACAZ,QAAQ,CAAC6B,CAAC,CAACC,MAAF,CAASZ,KAAV,CAAR;EACD,CAVmB,EAW1B,CAAClB,QAAD,EAAWC,QAAX,CAX0B,CAA5B;EAcA,MAAM+B,KAAK,GAAGjF,OAAO,CAAC,MAAMS,KAAK,CAAC,SAAD,EAAY,cAAZ,EAA4BmD,IAA5B,CAAZ,EAA+C,CAACA,IAAD,CAA/C,CAArB;EACA,MAAMnB,KAAK,GAAGzC,OAAO,CAAC,MAAMS,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BmD,IAA9B,CAAZ,EAAiD,CAACA,IAAD,CAAjD,CAArB;EACA,MAAMsB,oCAAoC,GAAGlF,OAAO,CAClD,MAAMU,QAAQ,CAAC4C,KAAD,EAAQ,CAAC,UAAD,EAAa,UAAb,EAAyB,QAAzB,CAAR,CADoC,EAElD,CAACA,KAAD,CAFkD,CAApD;EAIA,MAAM6B,sBAAsB,GAAGnF,OAAO,CACpC,MAAM,CAAC2E,uBAAD,IAA4BF,QAA5B,IAAwCS,oCADV,EAEpC,CAACP,uBAAD,EAA0BF,QAA1B,EAAoCS,oCAApC,CAFoC,CAAtC;EAIA,MAAM3C,UAAU,GAAGkC,QAAQ,GAAGhC,KAAH,GAAW2C,SAAtC;EAEA,MAAMC,iBAAiB,GAAGrF,OAAO,CAC/B,MAAMqB,aAAa,CAACC,KAAK,CAACgE,OAAP,EAAgBhE,KAAK,CAACiC,QAAtB,EAAgCjC,KAAK,CAACkC,KAAtC,EAA6CD,QAA7C,EAAuDC,KAAvD,CADY,EAE/B,CAACA,KAAD,EAAQD,QAAR,CAF+B,CAAjC;EAIA,MAAMgC,iBAAiB,GAAGvF,OAAO,CAC/B,MACEG,UAAU,CACRmD,KAAK,IAAIA,KAAK,KAAK,cAAnB,GAAoC/B,UAAU,CAAC+B,KAAD,CAA9C,GAAwD+B,iBADhD,EAERZ,QAAQ,GAAGnD,KAAK,CAACmD,QAAT,GAAoBnD,KAAK,CAACkE,UAF1B,EAGR9C,SAHQ,CAFmB,EAO/B,CAAC2C,iBAAD,EAAoB3C,SAApB,EAA+B+B,QAA/B,EAAyCnB,KAAzC,CAP+B,CAAjC;EAUA,MAAMmC,SAAS,GAAGzF,OAAO,CAAC,MAAMc,IAAI,CAAC4D,aAAD,CAAX,EAA4B,CAACA,aAAD,CAA5B,CAAzB;EAEA,MAAMgB,WAAW,GAAG1F,OAAO,CAAC,MAAMyF,SAAS,IAAI,EAApB,EAAwB,CAACA,SAAD,CAAxB,CAA3B;EAEA,oBACE;IACE,SAAS,EAAEtF,UAAU,CACnBoF,iBADmB,EAEnBjC,KAAK,KAAK,cAAV,GAA2BhC,KAAK,CAACW,YAAjC,GAAgD,IAF7B;EADvB,gBAME;IACE,eAAY,gBADd;IAEE,aAAU,gBAFZ;IAGE,KAAK,EAAEwB,KAHT;IAIE,KAAK,eACC0B,sBAAsB,IAAI;MAC5B1C;IAD4B,CAD3B,CAJP;IASE,SAAS,EAAEnB,KAAK,CAACqE;EATnB,GAWGnB,SAXH,eAYE;IACE,eAAY,aADd;IAEE,aAAU,aAFZ;IAGE,SAAS,EAAErE,UAAU,CACnBmB,KAAK,CAACsE,UADa,EAEnBlF,QAAQ,CAAC4C,KAAD,EAAQ,CACd,QADc,EAEd,SAFc,EAGd,UAHc,EAId,aAJc,EAKd,UALc,EAMd,aANc,CAAR,CAAR,GAQIhC,KAAK,CAACuE,aARV,GASI,IAXe,EAYnB7C,eAZmB,EAanB0C,WAAW,GAAGpE,KAAK,CAACwE,SAAT,GAAqB,IAbb,CAHvB;IAkBE,KAAK,eACCX,sBAAsB,IAAI;MAC5B1C;IAD4B,CAD3B;EAlBP,GAwBGiC,aAxBH,CAZF,eAsCE,oBAAC,SAAD;IACE,YAAY,EAAE,CAACxB,QADjB;IAEE,SAAS,EAAEd,SAFb;IAGE,SAAS,EAAEC,SAHb;IAIE,UAAU,EAAE8C,sBAAsB,GAAG7D,KAAK,CAACyE,aAAT,GAAyBzE,KAAK,CAAC0E,KAJnE;IAKE,UAAU,EAAEd,oCAAoC,GAAG3C,UAAH,GAAgB0C;EALlE,EAtCF,eA6CE,2CACOtB,cAAc,GAAG;IAAC,mBAAmBA;EAApB,CAAH,GAAyC,EAD9D,EAEOtB,SAAS,IAAI,CAACsB,cAAd,GAA+B;IAAC,cAActB;EAAf,CAA/B,GAA2D,EAFlE,EAGOA,SAAS,GAAG;IAACoB,KAAK,EAAEpB;EAAR,CAAH,GAAwB,EAHxC;IAIE,aAAU,eAJZ;IAKE,SAAS,EAAEf,KAAK,CAAC2E,SALnB;IAME,IAAI,EAAEpD,IANR;IAOE,QAAQ,EAAEgC,YAPZ;IAQE,KAAK,EAAEJ,QART;IASE,QAAQ,EAAEvB,QATZ;IAUE,QAAQ,EAAEC,QAVZ;IAWE,OAAO,EAAEW,mBAXX;IAYE,MAAM,EAAEC,kBAZV,CAaE;IACA;IACA;IAfF;IAgBE,YAAY,EAAEA,kBAhBhB;IAiBE,eAAY;EAjBd,IAmBGK,UAnBH,CA7CF,CANF,eAyEE;IAAK,SAAS,EAAE9C,KAAK,CAAC+B;EAAtB,GAAoCA,WAApC,CAzEF,CADF;AA6ED,CAlMD;;AAoMA,OAAO,MAAM6C,qBAAqB,GAAG;EACnCrD,IAAI,EAAE3C,SAAS,CAACiG,MAAV,CAAiBC,UADY;EAEnCjC,KAAK,EAAEjE,SAAS,CAACmG,SAAV,CAAoB,CAACnG,SAAS,CAACiG,MAAX,EAAmBjG,SAAS,CAACoG,MAA7B,CAApB,CAF4B;EAGnC7B,QAAQ,EAAEvE,SAAS,CAACqG,IAHe;EAInC3B,WAAW,EAAE1E,SAAS,CAACqG;AAJY,CAA9B;AAOP,OAAO,MAAMC,0BAA0B,GAAG;EACxClC,KAAK,EAAEpE,SAAS,CAACiG,MAAV,CAAiBC,UADgB;EAExCtD,OAAO,EAAE5C,SAAS,CAACuG,OAAV,CAAkBvG,SAAS,CAACwG,KAAV,CAAgBR,qBAAhB,CAAlB;AAF+B,CAAnC;AAKPvD,MAAM,CAACgE,YAAP,GAAsB;EACpB/C,IAAI,EAAEzC,QAAQ,CAACyF,iBAAT,CAA2BhD;AADb,CAAtB;AAIAjB,MAAM,CAACkE,SAAP,2CAAmB;EACjBpD,KAAK,EAAEvD,SAAS,CAACiG,MADA;EAEjBtD,IAAI,EAAE3C,SAAS,CAACiG,MAFC;EAGjBzD,SAAS,EAAExC,SAAS,CAACiG,MAHJ;EAIjBnD,eAAe,EAAE9C,SAAS,CAACiG,MAJV;EAKjBhD,QAAQ,EAAEjD,SAAS,CAACqG,IALH;EAMjBrD,QAAQ,EAAEhD,SAAS,CAACqG,IANH;EAOjBlD,WAAW,EAAEnD,SAAS,CAACiG,MAPN;EAQjB/C,QAAQ,EAAElD,SAAS,CAACqG,IARH;EASjBtD,QAAQ,EAAE/C,SAAS,CAAC4G,IATH;EAUjBxD,KAAK,EAAEpD,SAAS,CAAC6G,KAAV,CAAgBnG,IAAI,CAACW,UAAD,CAApB,CAVU;EAWjBuB,OAAO,EAAE5C,SAAS,CAACuG,OAAV,CAAkBvG,SAAS,CAACwG,KAAV,CAAgBR,qBAAhB,CAAlB,CAXQ;EAYjBnD,SAAS,EAAE7C,SAAS,CAACuG,OAAV,CAAkBvG,SAAS,CAACwG,KAAV,CAAgBF,0BAAhB,CAAlB,CAZM;EAajBjD,QAAQ,EAAErD,SAAS,CAACqG,IAbH;EAcjB/C,KAAK,EAAEtD,SAAS,CAACqG,IAdA;EAejB,cAAcrG,SAAS,CAACiG,MAfP;EAgBjB,mBAAmBjG,SAAS,CAACiG;AAhBZ,CAAnB;AAmBA,eAAexD,MAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","createElement","_extends","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","key","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/select-icon/index.js

@@ -10,7 +10,6 @@ const CHECK_ICON_NAME_MAP = {
   single: 'circle-check',
   multi: 'square-check'
 };
-
 const getButtonContent = (faIcon, options = {}) => {
   const {
     selectionMode = 'single',
@@ -21,7 +20,6 @@ const getButtonContent = (faIcon, options = {}) => {
     className: style.contentWrapper
   }, isSelected ?
   /*#__PURE__*/
-
   /* checkbox icon */
   React.createElement("div", {
     className: style.checkIcon
@@ -35,7 +33,6 @@ const getButtonContent = (faIcon, options = {}) => {
     }
   })) : null,
   /*#__PURE__*/
-
   /* selection tick (L18) / icon */
   React.createElement("div", {
     className: style.iconWrapper
@@ -52,7 +49,6 @@ const getButtonContent = (faIcon, options = {}) => {
     className: style.iconText
   }, faIcon)));
 };
-
 const SelectIcon = props => {
   const {
     faIcon,
@@ -77,7 +73,6 @@ const SelectIcon = props => {
   }, contentView), [ariaLabel, contentView, dataName, handleOnClick, styleButton]);
   return /*#__PURE__*/React.createElement(IconButton, null);
 };
-
 SelectIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   'data-name': PropTypes.string,

package/es/atom/select-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","contentWrapper","checkIcon","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","default","selected","handleOnClick","IconButton","propTypes","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","default","selected","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/select-modal/index.native.js

@@ -1,5 +1,3 @@
-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, { useState, useEffect, useCallback } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
@@ -11,7 +9,6 @@ import Text from '../text/index.native';
 import ModalSelect from '../../hoc/modal/select/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 const ICON_WIDTH = 15;
-
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -23,14 +20,12 @@ const createStyleSheet = theme => StyleSheet.create({
     textAlign: 'center'
   }
 });
-
 const logEvent = (eventName, analyticsID, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: analyticsID,
     questionType
   });
 };
-
 const Select = props => {
   const templateContext = useTemplateContext();
   const {
@@ -41,7 +36,6 @@ const Select = props => {
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
   const {
@@ -73,25 +67,23 @@ const Select = props => {
     onChange(_value);
     handleBlur();
   }, [onChange, handleBlur]);
-
   if (!styleSheet) {
     return null;
   }
-
   const selectedItem = values.find(item => item.selected);
   const text = selectedItem && selectedItem.text || placeholder || null;
-
-  let textStyles = _extends({}, styleSheet.text, textStyle);
-
+  let textStyles = {
+    ...styleSheet.text,
+    ...textStyle
+  };
   let color;
-
   if ((selectedItem?.value?.length || 0) > 0) {
     color = brandTheme?.colors?.primary;
-    textStyles = _extends({}, textStyles, {
+    textStyles = {
+      ...textStyles,
       color
-    });
+    };
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Touchable, {
     disabled: isDisabled,
     onPress: handleFocus,
@@ -120,6 +112,5 @@ const Select = props => {
     testID: `${testID}-modal`
   })));
 };
-
 export default Select;
 //# sourceMappingURL=index.native.js.map

package/es/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/slide/index.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import Cta from '../cta';
 import style from './style.css';
-
 const Slide = props => {
   const {
     cover,
@@ -36,7 +34,6 @@ const Slide = props => {
     "data-name": "title"
   }, title), ctaView));
 };
-
 Slide.propTypes = process.env.NODE_ENV !== "production" ? {
   cover: PropTypes.string,
   title: PropTypes.string,

package/es/atom/slide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","hero","backgroundImage","content","textAlign","propTypes","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,GAAzB;IAA8BC,KAA9B;IAAqCC,SAAS,GAAG;EAAjD,IAA6DN,KAAnE;EAEA,MAAMO,QAAQ,GAAGN,KAAjB;EACA,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,oBAAC,GAAD,eAASA,GAAT;IAAc,KAAK,EAAEC;EAArB,GAAH,GAAoC,IAAvD;EAEA,oBACE;IACE,SAAS,EAAEP,KAAK,CAACW,IADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMH,QAAS;IAD5B;EAFT,gBAME;IACE,SAAS,EAAEF,KAAK,GAAGP,KAAK,CAACO,KAAT,GAAiBP,KAAK,CAACa,OADzC;IAEE,KAAK,EAAE;MACLC,SAAS,EAAEN;IADN;EAFT,gBAME;IAAI,SAAS,EAAER,KAAK,CAACK,QAArB;IAA+B,aAAU;EAAzC,GACGA,QADH,CANF,eASE;IAAI,SAAS,EAAEL,KAAK,CAACI,KAArB;IAA4B,aAAU;EAAtC,GACGA,KADH,CATF,EAYGM,OAZH,CANF,CADF;AAuBD,CA7BD;;AA+BAT,KAAK,CAACc,SAAN,2CAAkB;EAChBZ,KAAK,EAAEL,SAAS,CAACkB,MADD;EAEhBZ,KAAK,EAAEN,SAAS,CAACkB,MAFD;EAGhBX,QAAQ,EAAEP,SAAS,CAACkB,MAHJ;EAIhBT,KAAK,EAAET,SAAS,CAACmB,IAJD;EAKhBX,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgBnB,GAAG,CAACgB,SAApB,CALW;EAMhBP,SAAS,EAAEV,SAAS,CAACqB,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB;AANK,CAAlB;AASA,eAAelB,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","createElement","_extends","className","hero","backgroundImage","content","textAlign","propTypes","process","env","NODE_ENV","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,QAAQ;AACxB,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGN,KAAK;EAExE,MAAMO,QAAQ,GAAGN,KAAK;EACtB,MAAMO,OAAO,GAAGJ,GAAG,gBAAGT,KAAA,CAAAc,aAAA,CAACZ,GAAG,EAAAa,QAAA,KAAKN,GAAG;IAAEC,KAAK,EAAEA;EAAM,EAAE,CAAC,GAAG,IAAI;EAE3D,oBACEV,KAAA,CAAAc,aAAA;IACEE,SAAS,EAAEb,KAAK,CAACc,IAAK;IACtBd,KAAK,EAAE;MACLe,eAAe,EAAE,OAAON,QAAQ;IAClC;EAAE,gBAEFZ,KAAA,CAAAc,aAAA;IACEE,SAAS,EAAEN,KAAK,GAAGP,KAAK,CAACO,KAAK,GAAGP,KAAK,CAACgB,OAAQ;IAC/ChB,KAAK,EAAE;MACLiB,SAAS,EAAET;IACb;EAAE,gBAEFX,KAAA,CAAAc,aAAA;IAAIE,SAAS,EAAEb,KAAK,CAACK,QAAS;IAAC,aAAU;EAAU,GAChDA,QACC,CAAC,eACLR,KAAA,CAAAc,aAAA;IAAIE,SAAS,EAAEb,KAAK,CAACI,KAAM;IAAC,aAAU;EAAO,GAC1CA,KACC,CAAC,EACJM,OACE,CACF,CAAC;AAEV,CAAC;AAEDT,KAAK,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBlB,KAAK,EAAEL,SAAS,CAACwB,MAAM;EACvBlB,KAAK,EAAEN,SAAS,CAACwB,MAAM;EACvBjB,QAAQ,EAAEP,SAAS,CAACwB,MAAM;EAC1Bf,KAAK,EAAET,SAAS,CAACyB,IAAI;EACrBjB,GAAG,EAAER,SAAS,CAAC0B,KAAK,CAACzB,GAAG,CAACmB,SAAS,CAAC;EACnCV,SAAS,EAAEV,SAAS,CAAC2B,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;AACxD,CAAC;AAED,eAAexB,KAAK","ignoreList":[]}

package/es/atom/social-link/index.js

@@ -17,7 +17,6 @@ const themeStyle = {
   default: style.link,
   footer: style.linkFooter
 };
-
 const SocialLink = props => {
   const {
     type,
@@ -37,7 +36,6 @@ const SocialLink = props => {
     className: style.icon
   }));
 };
-
 SocialLink.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: PropTypes.string,
   type: PropTypes.string.isRequired,

package/es/atom/social-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,mCAAmC,IAAIC,YADzC,EAEEC,qCAAqC,IAAIC,cAF3C,EAGEC,oCAAoC,IAAIC,aAH1C,EAIEC,mCAAmC,IAAIC,YAJzC,EAKEC,+BAA+B,IAAIC,QALrC,EAMEC,oCAAoC,IAAIC,aAN1C,EAOEC,kCAAkC,IAAIC,WAPxC,EAQEC,gCAAgC,IAAIC,SARtC,EASEC,kCAAkC,IAAIC,WATxC,QAUO,0BAVP;AAWA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QADM;EAEZ,eAAeN,cAFH;EAGZkB,QAAQ,EAAEpB,YAHE;EAIZqB,OAAO,EAAET,WAJG;EAKZU,QAAQ,EAAEhB,YALE;EAMZiB,SAAS,EAAEnB,aANC;EAOZoB,OAAO,EAAER,WAPG;EAQZS,KAAK,EAAEX,SARK;EASZY,SAAS,EAAEhB;AATC,CAAd;AAWA,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IADE;EAEjBC,MAAM,EAAEb,KAAK,CAACc;AAFG,CAAnB;;AAIA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOL,IAAP;IAAaM,IAAI,GAAG,SAApB;IAA+B,cAAcC;EAA7C,IAA0DH,KAAhE;EACA,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAD,CAAtB;EACA,oBACE;IACE,IAAI,EAAEL,IADR;IAEE,SAAS,EAAEF,UAAU,CAACQ,IAAD,CAFvB;IAGE,MAAM,EAAC,QAHT;IAIE,GAAG,EAAC,qBAJN;IAKE,cAAYC,SALd;IAME,aAAY,GAAED,IAAK,IAAGD,IAAK;EAN7B,gBAQE,oBAAC,QAAD;IAAU,SAAS,EAAEjB,KAAK,CAACqB;EAA3B,EARF,CADF;AAYD,CAfD;;AAiBAN,UAAU,CAACO,SAAX,2CAAuB;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MADK;EAErBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAV,CAAiBC,UAFF;EAGrBZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAV,CAAiBC,UAHF;EAIrB,cAAc3C,SAAS,CAAC0C;AAJH,CAAvB;AAOA,eAAeR,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","createElement","href","className","target","rel","icon","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,mCAAmC,IAAIC,YAAY,EACnDC,qCAAqC,IAAIC,cAAc,EACvDC,oCAAoC,IAAIC,aAAa,EACrDC,mCAAmC,IAAIC,YAAY,EACnDC,+BAA+B,IAAIC,QAAQ,EAC3CC,oCAAoC,IAAIC,aAAa,EACrDC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,QAC5C,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QAAQ;EACd,aAAa,EAAEN,cAAc;EAC7BkB,QAAQ,EAAEpB,YAAY;EACtBqB,OAAO,EAAET,WAAW;EACpBU,QAAQ,EAAEhB,YAAY;EACtBiB,SAAS,EAAEnB,aAAa;EACxBoB,OAAO,EAAER,WAAW;EACpBS,KAAK,EAAEX,SAAS;EAChBY,SAAS,EAAEhB;AACb,CAAC;AACD,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IAAI;EACnBC,MAAM,EAAEb,KAAK,CAACc;AAChB,CAAC;AACD,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEL,IAAI;IAAEM,IAAI,GAAG,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACrE,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAI,CAAC;EAC5B,oBACErC,KAAA,CAAAyC,aAAA;IACEC,IAAI,EAAEV,IAAK;IACXW,SAAS,EAAEb,UAAU,CAACQ,IAAI,CAAE;IAC5BM,MAAM,EAAC,QAAQ;IACfC,GAAG,EAAC,qBAAqB;IACzB,cAAYN,SAAU;IACtB,aAAW,GAAGD,IAAI,IAAID,IAAI;EAAG,gBAE7BrC,KAAA,CAAAyC,aAAA,CAACD,QAAQ;IAACG,SAAS,EAAEvB,KAAK,CAAC0B;EAAK,CAAE,CACjC,CAAC;AAER,CAAC;AAEDX,UAAU,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBZ,IAAI,EAAErC,SAAS,CAACkD,MAAM;EACtBd,IAAI,EAAEpC,SAAS,CAACkD,MAAM,CAACC,UAAU;EACjCpB,IAAI,EAAE/B,SAAS,CAACkD,MAAM,CAACC,UAAU;EACjC,YAAY,EAAEnD,SAAS,CAACkD;AAC1B,CAAC;AAED,eAAehB,UAAU","ignoreList":[]}

package/es/atom/space/index.native.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const Space = ({
   type = 'tiny'
 }) => {
@@ -16,6 +15,5 @@ const Space = ({
     }
   });
 };
-
 export default Space;
 //# sourceMappingURL=index.native.js.map

package/es/atom/space/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAMA,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAR,CAAD,KAA4B;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAA1C;EAEA,MAAM;IAACI;EAAD,IAAUD,eAAhB;EAEA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcJ,IAAd,CADF;MAELK,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcJ,IAAd;IAFH;EADT,EADF;AAQD,CAbD;;AAeA,eAAeD,KAAf"}
+{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","createElement","style","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,cAAc;AAEjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAM7E,MAAMC,KAAK,GAAGA,CAAC;EAACC,IAAI,GAAG;AAAa,CAAC,KAAK;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,CAAC,CAAC;EAE5C,MAAM;IAACI;EAAK,CAAC,GAAGD,eAAe;EAE/B,oBACEL,KAAA,CAAAO,aAAA,CAACN,IAAI;IACHO,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACN,IAAI,CAAC;MAC1BO,MAAM,EAAEL,KAAK,CAACI,OAAO,CAACN,IAAI;IAC5B;EAAE,CACH,CAAC;AAEN,CAAC;AAED,eAAeD,KAAK","ignoreList":[]}

package/es/atom/spinner/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { spinner, doubleBounce1, doubleBounce2 } from './style.css';
-
 const Spinner = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: spinner
@@ -10,7 +9,6 @@ const Spinner = () => {
     className: doubleBounce2
   }));
 };
-
 Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 export default Spinner;
 //# sourceMappingURL=index.js.map

package/es/atom/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,aAAjB,EAAgCC,aAAhC,QAAoD,aAApD;;AAEA,MAAMC,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEH;EAAhB,gBACE;IAAK,SAAS,EAAEC;EAAhB,EADF,eAEE;IAAK,SAAS,EAAEC;EAAhB,EAFF,CADF;AAMD,CAPD;;AASAC,OAAO,CAACC,SAAR,2CAAoB,EAApB;AAEA,eAAeD,OAAf"}
+{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","createElement","className","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,OAAO,EAAEC,aAAa,EAAEC,aAAa,QAAO,aAAa;AAEjE,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACpB,oBACEJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEL;EAAQ,gBACtBD,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEJ;EAAc,CAAE,CAAC,eACjCF,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEH;EAAc,CAAE,CAC7B,CAAC;AAEV,CAAC;AAEDC,OAAO,CAACG,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG,CAAC,CAAC;AAEtB,eAAeN,OAAO","ignoreList":[]}