@coorpacademy/components 11.32.52 → 11.33.0

package/lib/molecule/icon-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","useState","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","useMemo","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleCancel","useCallback","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","index","isSelected","footer","cancelButton","label","confirmButton","disabled","color","COLORS","cm_primary_blue","name","backgroundColor","style","iconPicker","searchWrapper","placeholder","value","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","func"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_proSolidSvgIcons","_baseModal","_selectIcon","_provider","_searchForm","_colors","_style","_useIconSearch","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","useState","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","useMemo","_pipe2","_values2","_map2","_get2","_uniq2","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleCancel","useCallback","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","_slice2","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries2","index","createElement","key","size","faIcon","onClick","options","isSelected","footer","cancelButton","label","confirmButton","disabled","color","COLORS","cm_primary_blue","title","description","onScroll","headerIcon","name","backgroundColor","className","style","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size2","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","_default","exports"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,cAAA,GAAAR,sBAAA,CAAAF,OAAA;AAA8C,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAE9C,MAAMmB,cAAc,GAAG,EAAE;AAEzB,MAAMC,eAAe,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC1C,MAAM;IAACC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACpD,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EACtD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACxD,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAEnD,MAAMK,QAAQ,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,MAAA,CAAAhC,OAAA,EAAAiC,QAAA,CAAAjC,OAAA,EAAa,IAAAkC,KAAA,CAAAlC,OAAA,EAAI,IAAAmC,KAAA,CAAAnC,OAAA,EAAI,UAAU,CAAC,CAAC,EAAAoC,MAAA,CAAApC,OAAM,CAAC,CAACqC,qBAAG,CAAC,EAAE,EAAE,CAAC;EACjF,MAAM;IAACC,WAAW;IAAEC,aAAa;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAG,IAAAC,sBAAa,EAACZ,QAAQ,CAAC;EAEvF,MAAMa,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCzB,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAM0B,WAAW,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACpCvB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMyB,eAAe,GAAG,IAAAF,kBAAW,EACjCG,QAAQ,IAAI,MAAM;IAChBvB,eAAe,CAACwB,gBAAgB,IAAKA,gBAAgB,KAAKD,QAAQ,GAAG,IAAI,GAAGA,QAAS,CAAC;EACxF,CAAC,EACD,EACF,CAAC;EAED,MAAME,aAAa,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACtC,MAAMM,SAAS,GAAGtB,YAAY,GAAGd,cAAc;IAC/C,MAAMqC,QAAQ,GAAG,IAAAC,OAAA,CAAApD,OAAA,EAAM4B,YAAY,EAAEsB,SAAS,EAAEX,aAAa,CAAC;IAC9DZ,iBAAiB,CAAC0B,SAAS,IAAI,CAAC,GAAGA,SAAS,EAAE,GAAGF,QAAQ,CAAC,CAAC;IAC3DtB,eAAe,CAACqB,SAAS,CAAC;EAC5B,CAAC,EAAE,CAACtB,YAAY,EAAEW,aAAa,CAAC,CAAC;EAEjC,IAAAe,gBAAS,EAAC,MAAM;IACd3B,iBAAiB,CAAC,MAAM,IAAAyB,OAAA,CAAApD,OAAA,EAAM,CAAC,EAAEc,cAAc,EAAEyB,aAAa,CAAC,CAAC;IAChEV,eAAe,CAACf,cAAc,CAAC;EACjC,CAAC,EAAE,CAACyB,aAAa,CAAC,CAAC;EAEnB,MAAMgB,YAAY,GAAG,IAAAX,kBAAW,EAC9BY,KAAK,IAAI;IACP,MAAM;MAACC,SAAS;MAAEC,YAAY;MAAEC;IAAY,CAAC,GAAGH,KAAK,CAACI,aAAa;IACnE,IAAID,YAAY,GAAGF,SAAS,IAAIC,YAAY,GAAG,CAAC,EAAE;MAChDT,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EACD,CAACA,aAAa,CAChB,CAAC;EAED,MAAMY,KAAK,GAAG,IAAA9B,cAAO,EACnB,MACE,IAAAC,MAAA,CAAAhC,OAAA,EAAA8D,SAAA,CAAA9D,OAAA,EAEE,IAAAkC,KAAA,CAAAlC,OAAA,EAAI,CAAC,CAAC+D,KAAK,EAAEhB,QAAQ,CAAC,kBACpBlE,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAC5E,WAAA,CAAAY,OAAU;IACTiE,GAAG,EAAE,QAAQF,KAAK,EAAG;IACrBG,IAAI,EAAC,YAAY;IACjB,aAAW,QAAQH,KAAK,EAAG;IAC3B,cAAYhB,QAAS;IACrBoB,MAAM,EAAEpB,QAAS;IACjBqB,OAAO,EAAEtB,eAAe,CAACC,QAAQ,CAAE;IACnCsB,OAAO,EAAE;MAACC,UAAU,EAAE/C,YAAY,KAAKwB;IAAQ;EAAE,CAClD,CACF,CACH,CAAC,CAACrB,cAAc,CAAC,EACnB,CAACA,cAAc,EAAEH,YAAY,EAAEuB,eAAe,CAChD,CAAC;EAED,MAAMyB,MAAM,GAAG,IAAAxC,cAAO,EAAC,MAAM;IAC3B,OAAO;MACLyC,YAAY,EAAE;QACZrD,QAAQ,EAAEwB,YAAY;QACtB8B,KAAK,EAAEnD,SAAS,CAAC,QAAQ;MAC3B,CAAC;MACDoD,aAAa,EAAE;QACbtD,SAAS,EAAEA,CAAA,KAAM;UACfA,SAAS,CAACG,YAAY,CAAC;UACvBC,eAAe,CAAC,IAAI,CAAC;UACrBH,OAAO,CAAC,CAAC;QACX,CAAC;QACDoD,KAAK,EAAEnD,SAAS,CAAC,SAAS,CAAC;QAC3ByB,QAAQ,EAAE,MAAM;QAChB4B,QAAQ,EAAEpD,YAAY,KAAK,IAAI;QAC/BqD,KAAK,EAAEC,cAAM,CAACC;MAChB;IACF,CAAC;EACH,CAAC,EAAE,CAACnC,YAAY,EAAEvB,SAAS,EAAEC,OAAO,EAAEC,SAAS,EAAEC,YAAY,CAAC,CAAC;EAE/D,IAAI,CAACL,MAAM,EAAE,OAAO,IAAI;EAExB,oBACErC,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAC7E,UAAA,CAAAa,OAAS;IACR+E,KAAK,EAAEzD,SAAS,CAAC,mBAAmB,CAAE;IACtC0D,WAAW,EAAE1D,SAAS,CAAC,yBAAyB,CAAE;IAClDJ,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEwB,WAAY;IACrBoC,QAAQ,EAAE1B,YAAa;IACvBgB,MAAM,EAAEA,MAAO;IACfW,UAAU,EAAE;MACVC,IAAI,EAAE,eAAe;MACrBC,eAAe,EAAE;IACnB;EAAE,gBAEFvG,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACC;EAAW,gBAE7B1G,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAAnF,MAAA,CAAAmB,OAAA,CAAAwF,QAAA,qBACE3G,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACG;EAAc,gBAClC5G,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAC1E,WAAA,CAAAU,OAAU;IACT0F,MAAM,EAAE;MACNC,WAAW,EAAErE,SAAS,CAAC,qBAAqB,CAAC;MAC7CsE,KAAK,EAAEtD,WAAW;MAClBuD,QAAQ,EAAErD;IACZ,CAAE;IACFsD,OAAO,EAAErD,WAAY;IACrBsD,UAAU,EAAC;EAAc,CAC1B,CACE,CAAC,EACLzD,WAAW,IAAI,IAAA0D,MAAA,CAAAhG,OAAA,EAAKuC,aAAa,CAAC,KAAK,CAAC,gBACvC1D,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACW;EAA2B,gBAC/CpH,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACY;EAAuB,GAC1C5E,SAAS,CAAC,2BAA2B,EAAE;IAACgB;EAAW,CAAC,CAClD,CAAC,eACNzD,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACa;EAA6B,GAChD7E,SAAS,CAAC,iCAAiC,CACzC,CAAC,eACNzC,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACc,4BAA6B;IAAChC,OAAO,EAAE3B;EAAY,GACtEnB,SAAS,CAAC,kCAAkC,CAC1C,CACF,CAAC,gBAENzC,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAKqB,SAAS,EAAEC,cAAK,CAACe;EAAiB,GAAExC,KAAW,CAEtD,CAED,CACI,CAAC;AAEhB,CAAC;AAED9C,eAAe,CAACuF,YAAY,GAAG;EAC7BhF,SAAS,EAAEiF,iBAAQ,CAACC,iBAAiB,CAAClF;AACxC,CAAC;AAEDP,eAAe,CAAC0F,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1B1F,MAAM,EAAE2F,kBAAS,CAACC,IAAI;EACtB3F,QAAQ,EAAE0F,kBAAS,CAACE,IAAI;EACxB3F,SAAS,EAAEyF,kBAAS,CAACE,IAAI;EACzB1F,OAAO,EAAEwF,kBAAS,CAACE;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjH,OAAA,GAEae,eAAe","ignoreList":[]}

package/lib/molecule/icon-picker-modal/use-icon-search.js

@@ -2,27 +2,17 @@
 
 exports.__esModule = true;
 exports.filterIcons = exports.default = void 0;
-
 var _toLower2 = _interopRequireDefault(require("lodash/fp/toLower"));
-
 var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
-
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
-
 var _debounce2 = _interopRequireDefault(require("lodash/fp/debounce"));
-
 var _react = require("react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const filterIcons = (query, allIcons) => {
   return query ? (0, _filter2.default)((0, _pipe2.default)(_toLower2.default, (0, _includes2.default)((0, _toLower2.default)(query))), allIcons) : allIcons;
 };
-
 exports.filterIcons = filterIcons;
-
 const useIconSearch = allIcons => {
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const [searchResults, setSearchResults] = (0, _react.useState)(allIcons);
@@ -46,7 +36,5 @@ const useIconSearch = allIcons => {
     handleReset
   };
 };
-
-var _default = useIconSearch;
-exports.default = _default;
+var _default = exports.default = useIconSearch;
 //# sourceMappingURL=use-icon-search.js.map

package/lib/molecule/icon-picker-modal/use-icon-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-icon-search.js","names":["filterIcons","query","allIcons","useIconSearch","searchValue","setSearchValue","useState","searchResults","setSearchResults","updateSearchResults","useCallback","results","debouncedSearch","useMemo","handleSearch","value","handleReset"],"sources":["../../../src/molecule/icon-picker-modal/use-icon-search.js"],"sourcesContent":["import {useState, useCallback, useMemo} from 'react';\nimport {debounce, filter, pipe, includes, toLower} from 'lodash/fp';\n\nexport const filterIcons = (query, allIcons) => {\n  return query ? filter(pipe(toLower, includes(toLower(query))), allIcons) : allIcons;\n};\nconst useIconSearch = allIcons => {\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(allIcons);\n\n  const updateSearchResults = useCallback(\n    query => {\n      const results = filterIcons(query, allIcons);\n      setSearchResults(results);\n    },\n    [allIcons]\n  );\n\n  const debouncedSearch = useMemo(() => debounce(300, updateSearchResults), [updateSearchResults]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      debouncedSearch(value);\n    },\n    [debouncedSearch]\n  );\n\n  const handleReset = useCallback(() => {\n    setSearchValue('');\n    updateSearchResults('');\n  }, [updateSearchResults]);\n\n  return {\n    searchValue,\n    searchResults,\n    handleSearch,\n    handleReset\n  };\n};\n\nexport default useIconSearch;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;AAGO,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,QAAR,KAAqB;EAC9C,OAAOD,KAAK,GAAG,sBAAO,uCAAc,wBAAS,uBAAQA,KAAR,CAAT,CAAd,CAAP,EAAgDC,QAAhD,CAAH,GAA+DA,QAA3E;AACD,CAFM;;;;AAGP,MAAMC,aAAa,GAAGD,QAAQ,IAAI;EAChC,MAAM,CAACE,WAAD,EAAcC,cAAd,IAAgC,IAAAC,eAAA,EAAS,EAAT,CAAtC;EACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAF,eAAA,EAASJ,QAAT,CAA1C;EAEA,MAAMO,mBAAmB,GAAG,IAAAC,kBAAA,EAC1BT,KAAK,IAAI;IACP,MAAMU,OAAO,GAAGX,WAAW,CAACC,KAAD,EAAQC,QAAR,CAA3B;IACAM,gBAAgB,CAACG,OAAD,CAAhB;EACD,CAJyB,EAK1B,CAACT,QAAD,CAL0B,CAA5B;EAQA,MAAMU,eAAe,GAAG,IAAAC,cAAA,EAAQ,MAAM,wBAAS,GAAT,EAAcJ,mBAAd,CAAd,EAAkD,CAACA,mBAAD,CAAlD,CAAxB;EAEA,MAAMK,YAAY,GAAG,IAAAJ,kBAAA,EACnBK,KAAK,IAAI;IACPV,cAAc,CAACU,KAAD,CAAd;IACAH,eAAe,CAACG,KAAD,CAAf;EACD,CAJkB,EAKnB,CAACH,eAAD,CALmB,CAArB;EAQA,MAAMI,WAAW,GAAG,IAAAN,kBAAA,EAAY,MAAM;IACpCL,cAAc,CAAC,EAAD,CAAd;IACAI,mBAAmB,CAAC,EAAD,CAAnB;EACD,CAHmB,EAGjB,CAACA,mBAAD,CAHiB,CAApB;EAKA,OAAO;IACLL,WADK;IAELG,aAFK;IAGLO,YAHK;IAILE;EAJK,CAAP;AAMD,CAjCD;;eAmCeb,a"}
+{"version":3,"file":"use-icon-search.js","names":["_react","require","_interopRequireDefault","e","__esModule","default","filterIcons","query","allIcons","_filter2","_pipe2","_toLower2","_includes2","exports","useIconSearch","searchValue","setSearchValue","useState","searchResults","setSearchResults","updateSearchResults","useCallback","results","debouncedSearch","useMemo","_debounce2","handleSearch","value","handleReset","_default"],"sources":["../../../src/molecule/icon-picker-modal/use-icon-search.js"],"sourcesContent":["import {useState, useCallback, useMemo} from 'react';\nimport {debounce, filter, pipe, includes, toLower} from 'lodash/fp';\n\nexport const filterIcons = (query, allIcons) => {\n  return query ? filter(pipe(toLower, includes(toLower(query))), allIcons) : allIcons;\n};\nconst useIconSearch = allIcons => {\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(allIcons);\n\n  const updateSearchResults = useCallback(\n    query => {\n      const results = filterIcons(query, allIcons);\n      setSearchResults(results);\n    },\n    [allIcons]\n  );\n\n  const debouncedSearch = useMemo(() => debounce(300, updateSearchResults), [updateSearchResults]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      debouncedSearch(value);\n    },\n    [debouncedSearch]\n  );\n\n  const handleReset = useCallback(() => {\n    setSearchValue('');\n    updateSearchResults('');\n  }, [updateSearchResults]);\n\n  return {\n    searchValue,\n    searchResults,\n    handleSearch,\n    handleReset\n  };\n};\n\nexport default useIconSearch;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqD,SAAAC,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,WAAW,GAAGA,CAACC,KAAK,EAAEC,QAAQ,KAAK;EAC9C,OAAOD,KAAK,GAAG,IAAAE,QAAA,CAAAJ,OAAA,EAAO,IAAAK,MAAA,CAAAL,OAAA,EAAAM,SAAA,CAAAN,OAAA,EAAc,IAAAO,UAAA,CAAAP,OAAA,EAAS,IAAAM,SAAA,CAAAN,OAAA,EAAQE,KAAK,CAAC,CAAC,CAAC,EAAEC,QAAQ,CAAC,GAAGA,QAAQ;AACrF,CAAC;AAACK,OAAA,CAAAP,WAAA,GAAAA,WAAA;AACF,MAAMQ,aAAa,GAAGN,QAAQ,IAAI;EAChC,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAClD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAACT,QAAQ,CAAC;EAE5D,MAAMY,mBAAmB,GAAG,IAAAC,kBAAW,EACrCd,KAAK,IAAI;IACP,MAAMe,OAAO,GAAGhB,WAAW,CAACC,KAAK,EAAEC,QAAQ,CAAC;IAC5CW,gBAAgB,CAACG,OAAO,CAAC;EAC3B,CAAC,EACD,CAACd,QAAQ,CACX,CAAC;EAED,MAAMe,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,UAAA,CAAApB,OAAA,EAAS,GAAG,EAAEe,mBAAmB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEhG,MAAMM,YAAY,GAAG,IAAAL,kBAAW,EAC9BM,KAAK,IAAI;IACPX,cAAc,CAACW,KAAK,CAAC;IACrBJ,eAAe,CAACI,KAAK,CAAC;EACxB,CAAC,EACD,CAACJ,eAAe,CAClB,CAAC;EAED,MAAMK,WAAW,GAAG,IAAAP,kBAAW,EAAC,MAAM;IACpCL,cAAc,CAAC,EAAE,CAAC;IAClBI,mBAAmB,CAAC,EAAE,CAAC;EACzB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OAAO;IACLL,WAAW;IACXG,aAAa;IACbQ,YAAY;IACZE;EACF,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAhB,OAAA,CAAAR,OAAA,GAEaS,aAAa","ignoreList":[]}

package/lib/molecule/input-text-with-titled-checkbox/index.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
-
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InputTextWithTiteledCheckbox = props => {
   const {
     title,
@@ -52,7 +45,6 @@ const InputTextWithTiteledCheckbox = props => {
     "aria-label": ariaLabel.input
   })));
 };
-
 InputTextWithTiteledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   name: _propTypes.default.string,
@@ -70,6 +62,5 @@ InputTextWithTiteledCheckbox.propTypes = process.env.NODE_ENV !== "production" ?
   inputTextModified: _propTypes.default.bool,
   inputTextOnChange: _propTypes.default.func
 } : {};
-var _default = InputTextWithTiteledCheckbox;
-exports.default = _default;
+var _default = exports.default = InputTextWithTiteledCheckbox;
 //# sourceMappingURL=index.js.map

package/lib/molecule/input-text-with-titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","checkbox","style","inputText","input","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n  const {\n    title,\n    name,\n    checked,\n    checkBoxOnChange,\n    'aria-label': ariaLabel,\n    inputTextTitle,\n    inputTextValue,\n    inputTextPlaceholder,\n    inputTextDescription,\n    inputTextDisabled,\n    inputTextModified,\n    inputTextOnChange\n  } = props;\n\n  return (\n    <div>\n      <CheckboxWithTitle\n        title={title}\n        name={name}\n        checked={checked}\n        onChange={checkBoxOnChange}\n        data-name=\"check-box\"\n        aria-label={ariaLabel.checkbox}\n      />\n      <div className={style.inputText}>\n        <InputText\n          title={inputTextTitle}\n          value={inputTextValue}\n          placeholder={inputTextPlaceholder}\n          theme=\"coorpmanager\"\n          description={inputTextDescription}\n          disabled={inputTextDisabled}\n          modified={inputTextModified}\n          onChange={inputTextOnChange}\n          data-name=\"input-text\"\n          aria-label={ariaLabel.input}\n        />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  checkBoxOnChange: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    input: PropTypes.string,\n    checkbox: PropTypes.string\n  }),\n  inputTextTitle: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  inputTextPlaceholder: PropTypes.string,\n  inputTextDescription: PropTypes.string,\n  inputTextDisabled: PropTypes.bool,\n  inputTextModified: PropTypes.bool,\n  inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,4BAA4B,GAAGC,KAAK,IAAI;EAC5C,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,OAHI;IAIJC,gBAJI;IAKJ,cAAcC,SALV;IAMJC,cANI;IAOJC,cAPI;IAQJC,oBARI;IASJC,oBATI;IAUJC,iBAVI;IAWJC,iBAXI;IAYJC;EAZI,IAaFZ,KAbJ;EAeA,oBACE,uDACE,6BAAC,0BAAD;IACE,KAAK,EAAEC,KADT;IAEE,IAAI,EAAEC,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEC,gBAJZ;IAKE,aAAU,WALZ;IAME,cAAYC,SAAS,CAACQ;EANxB,EADF,eASE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAET,cADT;IAEE,KAAK,EAAEC,cAFT;IAGE,WAAW,EAAEC,oBAHf;IAIE,KAAK,EAAC,cAJR;IAKE,WAAW,EAAEC,oBALf;IAME,QAAQ,EAAEC,iBANZ;IAOE,QAAQ,EAAEC,iBAPZ;IAQE,QAAQ,EAAEC,iBARZ;IASE,aAAU,YATZ;IAUE,cAAYP,SAAS,CAACW;EAVxB,EADF,CATF,CADF;AA0BD,CA1CD;;AA4CAjB,4BAA4B,CAACkB,SAA7B,2CAAyC;EACvChB,KAAK,EAAEiB,kBAAA,CAAUC,MADsB;EAEvCjB,IAAI,EAAEgB,kBAAA,CAAUC,MAFuB;EAGvChB,OAAO,EAAEe,kBAAA,CAAUE,IAHoB;EAIvChB,gBAAgB,EAAEc,kBAAA,CAAUG,IAJW;EAKvC,cAAcH,kBAAA,CAAUI,KAAV,CAAgB;IAC5BN,KAAK,EAAEE,kBAAA,CAAUC,MADW;IAE5BN,QAAQ,EAAEK,kBAAA,CAAUC;EAFQ,CAAhB,CALyB;EASvCb,cAAc,EAAEY,kBAAA,CAAUC,MATa;EAUvCZ,cAAc,EAAEW,kBAAA,CAAUC,MAVa;EAWvCX,oBAAoB,EAAEU,kBAAA,CAAUC,MAXO;EAYvCV,oBAAoB,EAAES,kBAAA,CAAUC,MAZO;EAavCT,iBAAiB,EAAEQ,kBAAA,CAAUE,IAbU;EAcvCT,iBAAiB,EAAEO,kBAAA,CAAUE,IAdU;EAevCR,iBAAiB,EAAEM,kBAAA,CAAUG;AAfU,CAAzC;eAiBetB,4B"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputText","_checkboxWithTitle","_style","e","__esModule","default","InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","createElement","onChange","checkbox","className","style","inputText","value","placeholder","theme","description","disabled","modified","input","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","_default","exports"],"sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n  const {\n    title,\n    name,\n    checked,\n    checkBoxOnChange,\n    'aria-label': ariaLabel,\n    inputTextTitle,\n    inputTextValue,\n    inputTextPlaceholder,\n    inputTextDescription,\n    inputTextDisabled,\n    inputTextModified,\n    inputTextOnChange\n  } = props;\n\n  return (\n    <div>\n      <CheckboxWithTitle\n        title={title}\n        name={name}\n        checked={checked}\n        onChange={checkBoxOnChange}\n        data-name=\"check-box\"\n        aria-label={ariaLabel.checkbox}\n      />\n      <div className={style.inputText}>\n        <InputText\n          title={inputTextTitle}\n          value={inputTextValue}\n          placeholder={inputTextPlaceholder}\n          theme=\"coorpmanager\"\n          description={inputTextDescription}\n          disabled={inputTextDisabled}\n          modified={inputTextModified}\n          onChange={inputTextOnChange}\n          data-name=\"input-text\"\n          aria-label={ariaLabel.input}\n        />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  checkBoxOnChange: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    input: PropTypes.string,\n    checkbox: PropTypes.string\n  }),\n  inputTextTitle: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  inputTextPlaceholder: PropTypes.string,\n  inputTextDescription: PropTypes.string,\n  inputTextDisabled: PropTypes.bool,\n  inputTextModified: PropTypes.bool,\n  inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,4BAA4B,GAAGC,KAAK,IAAI;EAC5C,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,gBAAgB;IAChB,YAAY,EAAEC,SAAS;IACvBC,cAAc;IACdC,cAAc;IACdC,oBAAoB;IACpBC,oBAAoB;IACpBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACF,CAAC,GAAGZ,KAAK;EAET,oBACEX,MAAA,CAAAS,OAAA,CAAAe,aAAA,2BACExB,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAACnB,kBAAA,CAAAI,OAAiB;IAChBG,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBW,QAAQ,EAAEV,gBAAiB;IAC3B,aAAU,WAAW;IACrB,cAAYC,SAAS,CAACU;EAAS,CAChC,CAAC,eACF1B,MAAA,CAAAS,OAAA,CAAAe,aAAA;IAAKG,SAAS,EAAEC,cAAK,CAACC;EAAU,gBAC9B7B,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAACpB,UAAA,CAAAK,OAAS;IACRG,KAAK,EAAEK,cAAe;IACtBa,KAAK,EAAEZ,cAAe;IACtBa,WAAW,EAAEZ,oBAAqB;IAClCa,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAEb,oBAAqB;IAClCc,QAAQ,EAAEb,iBAAkB;IAC5Bc,QAAQ,EAAEb,iBAAkB;IAC5BG,QAAQ,EAAEF,iBAAkB;IAC5B,aAAU,YAAY;IACtB,cAAYP,SAAS,CAACoB;EAAM,CAC7B,CACE,CACF,CAAC;AAEV,CAAC;AAED1B,4BAA4B,CAAC2B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvC5B,KAAK,EAAE6B,kBAAS,CAACC,MAAM;EACvB7B,IAAI,EAAE4B,kBAAS,CAACC,MAAM;EACtB5B,OAAO,EAAE2B,kBAAS,CAACE,IAAI;EACvB5B,gBAAgB,EAAE0B,kBAAS,CAACG,IAAI;EAChC,YAAY,EAAEH,kBAAS,CAACI,KAAK,CAAC;IAC5BT,KAAK,EAAEK,kBAAS,CAACC,MAAM;IACvBhB,QAAQ,EAAEe,kBAAS,CAACC;EACtB,CAAC,CAAC;EACFzB,cAAc,EAAEwB,kBAAS,CAACC,MAAM;EAChCxB,cAAc,EAAEuB,kBAAS,CAACC,MAAM;EAChCvB,oBAAoB,EAAEsB,kBAAS,CAACC,MAAM;EACtCtB,oBAAoB,EAAEqB,kBAAS,CAACC,MAAM;EACtCrB,iBAAiB,EAAEoB,kBAAS,CAACE,IAAI;EACjCrB,iBAAiB,EAAEmB,kBAAS,CAACE,IAAI;EACjCpB,iBAAiB,EAAEkB,kBAAS,CAACG;AAC/B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GACaC,4BAA4B","ignoreList":[]}

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

@@ -2,31 +2,18 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icon = _interopRequireDefault(require("../../atom/icon"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _progressBar = _interopRequireDefault(require("../progress-bar"));
-
 var _colors = require("../../variables/colors");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MAX_SCORE = 100;
-
 const LearnerSkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -135,7 +122,6 @@ const LearnerSkillCard = (props, context) => {
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonExploreProps))));
 };
-
 LearnerSkillCard.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -154,6 +140,5 @@ LearnerSkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
   onReviewClick: _propTypes.default.func,
   onExploreClick: _propTypes.default.func
 } : {};
-var _default = LearnerSkillCard;
-exports.default = _default;
+var _default = exports.default = LearnerSkillCard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MAX_SCORE","LearnerSkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","focus","metrics","review","onReviewClick","onExploreClick","score","content","questionsToReview","skin","translate","primarySkinColor","reviewLocale","exploreLocale","questionsLocale","skillFocusLocale","buttonReviewProps","customStyle","backgroundColor","transition","padding","disabled","onClick","label","buttonExploreProps","convert","color","hoverColor","hoverBackgroundColor","icon","position","faIcon","name","size","style","learnerSkillCardWrapper","skillQuestionsWrapper","skillInformation","skillInformationNumber","skillTitleWrapper","skillFocusBadge","faSize","wrapperSize","progressInformations","progressWrapper","COLORS","positive","progressInformation","progressInformationNumber","ctaWrapper","buttonWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","shape","number","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    focus = false,\n    metrics,\n    review = false,\n    onReviewClick,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const reviewLocale = translate('Review');\n  const exploreLocale = translate('Explore');\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review');\n  const skillFocusLocale = translate('skill_focus');\n\n  const buttonReviewProps = {\n    customStyle: {\n      backgroundColor: '#FFF',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      padding: '0px'\n    },\n    disabled: !review,\n    onClick: onReviewClick,\n    'aria-label': `${skillTitle}, ${reviewLocale}`,\n    label: reviewLocale,\n    'data-name': 'learner-skill-card-review-button'\n  };\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverColor: '#FFFFFF',\n    hoverBackgroundColor: primarySkinColor,\n    onClick: onExploreClick,\n    'aria-label': `${skillTitle}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n  return (\n    <div\n      className={style.learnerSkillCardWrapper}\n      data-name=\"learner-skill-card-wrapper\"\n      aria-label={ariaLabel}\n    >\n      {questionsToReview ? (\n        <div className={style.skillQuestionsWrapper}>\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{questionsLocale}\n          </div>\n        </div>\n      ) : null}\n      <div className={style.skillTitleWrapper}>\n        <div\n          data-name=\"skill-title\"\n          className={style.skillTitle}\n          aria-label={skillAriaLabel || skillTitle}\n        >\n          {skillTitle}\n        </div>\n        {focus ? (\n          <div className={style.skillFocusBadge}>\n            <Icon\n              iconName=\"bullseye-arrow\"\n              backgroundColor=\"#DDD1FF\"\n              size={{\n                faSize: 10,\n                wrapperSize: 16\n              }}\n            />\n            {skillFocusLocale}\n          </div>\n        ) : null}\n      </div>\n      {content ? (\n        <div className={style.progressInformations}>\n          <ProgressBar\n            value={score}\n            displayInfo={false}\n            max={MAX_SCORE}\n            className={style.progressWrapper}\n            style={{backgroundColor: COLORS.positive}}\n          />\n          <div className={style.progressInformation} data-name=\"completed-percentage\">\n            <span className={style.progressInformationNumber}>{score}%</span>\n          </div>\n        </div>\n      ) : null}\n      <div className={style.ctaWrapper} data-name=\"cta-wrapper\">\n        <ButtonLink {...buttonReviewProps} />\n        <div className={style.buttonWrapper} data-name=\"button-explore-wrapper\">\n          <ButtonLink {...buttonExploreProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  focus: PropTypes.bool,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  review: PropTypes.bool,\n  onReviewClick: PropTypes.func,\n  onExploreClick: PropTypes.func\n};\n\nexport default LearnerSkillCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_propTypes","_icon","_buttonLink","_provider","_progressBar","_colors","_style","e","__esModule","default","MAX_SCORE","LearnerSkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","focus","metrics","review","onReviewClick","onExploreClick","score","content","questionsToReview","skin","translate","primarySkinColor","_get2","reviewLocale","exploreLocale","questionsLocale","skillFocusLocale","buttonReviewProps","customStyle","backgroundColor","transition","padding","disabled","onClick","label","buttonExploreProps","convert","color","hoverColor","hoverBackgroundColor","icon","position","faIcon","name","size","createElement","className","style","learnerSkillCardWrapper","skillQuestionsWrapper","skillInformation","skillInformationNumber","skillTitleWrapper","skillFocusBadge","iconName","faSize","wrapperSize","progressInformations","value","displayInfo","max","progressWrapper","COLORS","positive","progressInformation","progressInformationNumber","ctaWrapper","buttonWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","shape","number","func","_default","exports"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    focus = false,\n    metrics,\n    review = false,\n    onReviewClick,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const reviewLocale = translate('Review');\n  const exploreLocale = translate('Explore');\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review');\n  const skillFocusLocale = translate('skill_focus');\n\n  const buttonReviewProps = {\n    customStyle: {\n      backgroundColor: '#FFF',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      padding: '0px'\n    },\n    disabled: !review,\n    onClick: onReviewClick,\n    'aria-label': `${skillTitle}, ${reviewLocale}`,\n    label: reviewLocale,\n    'data-name': 'learner-skill-card-review-button'\n  };\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverColor: '#FFFFFF',\n    hoverBackgroundColor: primarySkinColor,\n    onClick: onExploreClick,\n    'aria-label': `${skillTitle}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n  return (\n    <div\n      className={style.learnerSkillCardWrapper}\n      data-name=\"learner-skill-card-wrapper\"\n      aria-label={ariaLabel}\n    >\n      {questionsToReview ? (\n        <div className={style.skillQuestionsWrapper}>\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{questionsLocale}\n          </div>\n        </div>\n      ) : null}\n      <div className={style.skillTitleWrapper}>\n        <div\n          data-name=\"skill-title\"\n          className={style.skillTitle}\n          aria-label={skillAriaLabel || skillTitle}\n        >\n          {skillTitle}\n        </div>\n        {focus ? (\n          <div className={style.skillFocusBadge}>\n            <Icon\n              iconName=\"bullseye-arrow\"\n              backgroundColor=\"#DDD1FF\"\n              size={{\n                faSize: 10,\n                wrapperSize: 16\n              }}\n            />\n            {skillFocusLocale}\n          </div>\n        ) : null}\n      </div>\n      {content ? (\n        <div className={style.progressInformations}>\n          <ProgressBar\n            value={score}\n            displayInfo={false}\n            max={MAX_SCORE}\n            className={style.progressWrapper}\n            style={{backgroundColor: COLORS.positive}}\n          />\n          <div className={style.progressInformation} data-name=\"completed-percentage\">\n            <span className={style.progressInformationNumber}>{score}%</span>\n          </div>\n        </div>\n      ) : null}\n      <div className={style.ctaWrapper} data-name=\"cta-wrapper\">\n        <ButtonLink {...buttonReviewProps} />\n        <div className={style.buttonWrapper} data-name=\"button-explore-wrapper\">\n          <ButtonLink {...buttonExploreProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  focus: PropTypes.bool,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  review: PropTypes.bool,\n  onReviewClick: PropTypes.func,\n  onExploreClick: PropTypes.func\n};\n\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/learning-priority-card/index.js

@@ -2,31 +2,18 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
-
 var _tag = _interopRequireDefault(require("../../atom/tag"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _circularProgressBar = _interopRequireDefault(require("../../atom/circular-progress-bar"));
-
 var _types = require("./types");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LearningPriorityCard = (props, context) => {
   const {
     tagLabel,
@@ -82,12 +69,10 @@ const LearningPriorityCard = (props, context) => {
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonExploreProps)));
 };
-
 LearningPriorityCard.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
 LearningPriorityCard.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-var _default = LearningPriorityCard;
-exports.default = _default;
+var _default = exports.default = LearningPriorityCard;
 //# sourceMappingURL=index.js.map

package/lib/molecule/learning-priority-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","GetTranslateFromContext","skin","GetSkinFromContext","exploreLocale","primarySkinColor","buttonExploreProps","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","style","container","circularProgressBarContainer","strokeWidth","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {tagLabel, title, progression, onClick} = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div data-name=\"button-explore-wrapper\">\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,oBAAoB,GAAG,CAACC,KAAD,EAAuCC,OAAvC,KAAqE;EAChG,MAAM;IAACC,QAAD;IAAWC,KAAX;IAAkBC,WAAlB;IAA+BC;EAA/B,IAA0CL,KAAhD;EACA,MAAMM,SAAS,GAAG,IAAAC,iCAAA,EAAwBN,OAAxB,CAAlB;EACA,MAAMO,IAAI,GAAG,IAAAC,4BAAA,EAAmBR,OAAnB,CAAb;EACA,MAAMS,aAAa,GAAGJ,SAAS,CAAC,SAAD,CAA/B;EACA,MAAMK,gBAAgB,GAAG,mBAAI,gBAAJ,EAAsBH,IAAtB,CAAzB;EAEA,MAAMI,kBAAkB,GAAG;IACzBC,WAAW,EAAE;MACXC,eAAe,EAAE,IAAAC,yBAAA,EAAS,SAAQJ,gBAAiB,WAAlC,CADN;MAEXK,KAAK,EAAEL,gBAFI;MAGXM,UAAU,EAAE;IAHD,CADY;IAMzBC,oBAAoB,EAAEP,gBANG;IAOzBQ,UAAU,EAAE,SAPa;IAQzBd,OARyB;IASzB,cAAe,GAAEF,KAAM,KAAIO,aAAc,EAThB;IAUzBU,KAAK,EAAEV,aAVkB;IAWzB,aAAa,kCAXY;IAYzBW,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,SADA;QAENV,eAAe,EAAE,IAAAC,yBAAA,EAAS,SAAQJ,gBAAiB,WAAlC,CAFX;QAGNK,KAAK,EAAEL,gBAHD;QAINc,IAAI,EAAE;MAJA;IAFJ;EAZmB,CAA3B;EAuBA,oBACE;IACE,SAAS,EAAEC,cAAA,CAAMC,SADnB;IAEE,cAAa,0BAAyBxB,KAAM,EAF9C;IAGE,aAAY,0BAAyBA,KAAM;EAH7C,gBAKE,uDACE,6BAAC,YAAD;IAAK,KAAK,EAAED,QAAZ;IAAsB,IAAI,EAAE;EAA5B,EADF,CALF,eAQE;IAAK,SAAS,EAAEwB,cAAA,CAAMvB;EAAtB,GAA8BA,KAA9B,CARF,eASE;IAAK,SAAS,EAAEuB,cAAA,CAAME;EAAtB,gBACE,6BAAC,4BAAD;IAEIH,IAAI,EAAE,GAFV;IAGII,WAAW,EAAE,EAHjB;IAIIzB,WAJJ;IAKIgB,KAAK,EAAEd,SAAS,CAAC,WAAD,CALpB;IAMI,cAAe,GAAEH,KAAM,IAAGC,WAAY,GAN1C;IAOI,aAAc,yBAAwBD,KAAM;EAPhD,EADF,CATF,eAqBE;IAAK,aAAU;EAAf,gBACE,6BAAC,mBAAD,EAAgBS,kBAAhB,CADF,CArBF,CADF;AA2BD,CAzDD;;AA2DAb,oBAAoB,CAAC+B,SAArB,2CAAiCA,gBAAjC;AAEA/B,oBAAoB,CAACgC,YAArB,GAAoC;EAClCvB,IAAI,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB,IADC;EAElCF,SAAS,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AAFJ,CAApC;eAKeP,oB"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_provider","_interopRequireWildcard","_tag","_buttonLink","_circularProgressBar","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","GetTranslateFromContext","skin","GetSkinFromContext","exploreLocale","primarySkinColor","_get2","buttonExploreProps","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","createElement","className","style","container","circularProgressBarContainer","strokeWidth","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {tagLabel, title, progression, onClick} = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div data-name=\"button-explore-wrapper\">\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/learning-priority-card/types.js

@@ -2,16 +2,12 @@
 
 exports.__esModule = true;
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const propTypes = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const propTypes = exports.propTypes = {
   title: _propTypes.default.string,
   tagLabel: _propTypes.default.oneOf(['Playlist', 'Certification', 'Skill']),
   progression: _propTypes.default.number,
   onClick: _propTypes.default.func
 };
-exports.propTypes = propTypes;
 //# sourceMappingURL=types.js.map

package/lib/molecule/learning-priority-card/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","tagLabel","oneOf","progression","number","onClick","func"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tagLabel: 'Skill' | 'Playlist' | 'Certification';\n  progression: number;\n  onClick: () => void;\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),\n  progression: PropTypes.number,\n  onClick: PropTypes.func\n};\n"],"mappings":";;;;;AAAA;;;;AASO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,QAAQ,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,UAAD,EAAa,eAAb,EAA8B,OAA9B,CAAhB,CAFa;EAGvBC,WAAW,EAAEJ,kBAAA,CAAUK,MAHA;EAIvBC,OAAO,EAAEN,kBAAA,CAAUO;AAJI,CAAlB"}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","exports","title","PropTypes","string","tagLabel","oneOf","progression","number","onClick","func"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tagLabel: 'Skill' | 'Playlist' | 'Certification';\n  progression: number;\n  onClick: () => void;\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),\n  progression: PropTypes.number,\n  onClick: PropTypes.func\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS5B,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,QAAQ,EAAEF,kBAAS,CAACG,KAAK,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;EACjEC,WAAW,EAAEJ,kBAAS,CAACK,MAAM;EAC7BC,OAAO,EAAEN,kBAAS,CAACO;AACrB,CAAC","ignoreList":[]}

package/lib/molecule/learning-priority-modal/index.js

@@ -2,45 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _pick2 = _interopRequireDefault(require("lodash/fp/pick"));
-
 var _assign2 = _interopRequireDefault(require("lodash/fp/assign"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _baseModal = _interopRequireDefault(require("../base-modal"));
-
 var _listItem = _interopRequireDefault(require("../../organism/list-item"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _select = require("../../atom/select");
-
 var _searchForm = _interopRequireDefault(require("../search-form"));
-
 var _searchValueIncluded = _interopRequireDefault(require("../../util/search-value-included"));
-
 var _colors = require("../../variables/colors");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const FilterButton = props => {
   const {
     active,
@@ -69,14 +49,12 @@ const FilterButton = props => {
   };
   return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
 };
-
 FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   active: _propTypes.default.bool,
   filter: _propTypes.default.string,
   itemTotal: _propTypes.default.number,
   onClick: _propTypes.default.func
 } : {};
-
 const LearningPriorityModal = (props, context) => {
   const {
     priorities,
@@ -177,12 +155,10 @@ const LearningPriorityModal = (props, context) => {
       value,
       count
     } = filter;
-
     function handleChange() {
       setFilterValue(value);
       handleSearchReset();
     }
-
     if (count === 0) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
@@ -204,18 +180,15 @@ const LearningPriorityModal = (props, context) => {
       selected,
       disabled
     } = priority;
-
     function handlePriorityClick() {
       if (selectedPriority === priorityRef) {
         setSelectedPriority('');
         setSelectedPriorityType('');
         return;
       }
-
       setSelectedPriority(priorityRef);
       setSelectedPriorityType(type);
     }
-
     if (filterValue !== 'all' && type !== filterValue || !type || !title) return null;
     return /*#__PURE__*/_react.default.createElement(_listItem.default, _extends({}, courses !== null ? {
       subtitle: `${courses} ${translate('courses')}`
@@ -234,7 +207,6 @@ const LearningPriorityModal = (props, context) => {
     }));
   })))));
 };
-
 LearningPriorityModal.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -248,13 +220,13 @@ LearningPriorityModal.propTypes = process.env.NODE_ENV !== "production" ? {
   preselected: _propTypes.default.arrayOf(_propTypes.default.string),
   isOpen: _propTypes.default.bool,
   isLoading: _propTypes.default.bool,
-  filters: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _select.SelectOptionPropTypes, {
+  filters: _propTypes.default.arrayOf(_propTypes.default.shape({
+    ..._select.SelectOptionPropTypes,
     count: _propTypes.default.number
-  }))),
+  })),
   onCancel: _propTypes.default.func,
   onAdd: _propTypes.default.func,
   onClose: _propTypes.default.func
 } : {};
-var _default = LearningPriorityModal;
-exports.default = _default;
+var _default = exports.default = LearningPriorityModal;
 //# sourceMappingURL=index.js.map