@coorpacademy/components 11.33.5 → 11.33.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/atom/autocomplete/index.js +2 -2
- package/es/atom/autocomplete/index.js.map +1 -1
- package/es/atom/autocomplete/style.css +4 -4
- package/es/atom/button-link-icon/index.js +1 -1
- package/es/atom/button-link-icon/index.js.map +1 -1
- package/es/atom/button-link-icon/style.css +2 -2
- package/es/atom/button-menu/index.js +1 -1
- package/es/atom/button-menu/index.js.map +1 -1
- package/es/atom/button-menu/style.css +4 -4
- package/es/atom/input-checkbox/index.d.ts.map +1 -1
- package/es/atom/input-checkbox/index.js +1 -1
- package/es/atom/input-checkbox/index.js.map +1 -1
- package/es/atom/input-checkbox/style.css +12 -12
- package/es/atom/input-color/index.js +1 -1
- package/es/atom/input-color/index.js.map +1 -1
- package/es/atom/input-color/style.css +3 -3
- package/es/atom/input-html/index.js +1 -1
- package/es/atom/input-html/index.js.map +1 -1
- package/es/atom/input-html/style.css +3 -3
- package/es/atom/input-switch/index.js +1 -1
- package/es/atom/input-switch/index.js.map +1 -1
- package/es/atom/input-switch/style.css +6 -6
- package/es/atom/input-text/index.js +2 -2
- package/es/atom/input-text/index.js.map +1 -1
- package/es/atom/input-text/style.css +4 -4
- package/es/atom/input-textarea/index.js +2 -2
- package/es/atom/input-textarea/index.js.map +1 -1
- package/es/atom/input-textarea/style.css +5 -5
- package/es/atom/label/index.js +1 -1
- package/es/atom/label/index.js.map +1 -1
- package/es/atom/label/style.css +1 -1
- package/es/atom/life/index.js +1 -1
- package/es/atom/life/index.js.map +1 -1
- package/es/atom/life/style.css +1 -1
- package/es/atom/picture-background/index.js +1 -1
- package/es/atom/picture-background/index.js.map +1 -1
- package/es/atom/picture-background/style.css +1 -1
- package/es/atom/range/handle.css +1 -1
- package/es/atom/range/handle.js +1 -1
- package/es/atom/range/handle.js.map +1 -1
- package/es/atom/select/index.js +1 -1
- package/es/atom/select/index.js.map +1 -1
- package/es/atom/select/style.css +13 -13
- package/es/atom/select-icon/index.js +1 -1
- package/es/atom/select-icon/index.js.map +1 -1
- package/es/atom/select-icon/style.css +1 -1
- package/es/atom/status-item/index.js +1 -1
- package/es/atom/status-item/index.js.map +1 -1
- package/es/atom/status-item/style.css +1 -1
- package/es/atom/tag/index.js +1 -1
- package/es/atom/tag/index.js.map +1 -1
- package/es/atom/tag/style.css +1 -1
- package/es/molecule/brand-create-form/index.js +1 -1
- package/es/molecule/brand-create-form/index.js.map +1 -1
- package/es/molecule/brand-create-form/style.css +4 -4
- package/es/molecule/brand-upload-box/index.js +1 -1
- package/es/molecule/brand-upload-box/index.js.map +1 -1
- package/es/molecule/brand-upload-box/style.css +3 -3
- package/es/molecule/card/customer.css +2 -2
- package/es/molecule/card/customer.d.ts +1 -1
- package/es/molecule/card/customer.js +1 -1
- package/es/molecule/card/customer.js.map +1 -1
- package/es/molecule/card/index.d.ts +1 -1
- package/es/molecule/card/index.js +1 -1
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card/style.css +19 -19
- package/es/molecule/filters/index.js +1 -1
- package/es/molecule/filters/index.js.map +1 -1
- package/es/molecule/filters/style.css +4 -4
- package/es/molecule/hero/index.js +1 -1
- package/es/molecule/hero/index.js.map +1 -1
- package/es/molecule/hero/style.css +10 -10
- package/es/molecule/module-card/index.js +1 -1
- package/es/molecule/module-card/index.js.map +1 -1
- package/es/molecule/module-card/style.css +3 -3
- package/es/molecule/select-multiple/index.js +2 -2
- package/es/molecule/select-multiple/index.js.map +1 -1
- package/es/molecule/select-multiple/style.css +5 -5
- package/es/molecule/theme-image/index.js +1 -1
- package/es/molecule/theme-image/index.js.map +1 -1
- package/es/molecule/theme-image/style.css +4 -4
- package/es/molecule/titled-checkbox/index.js +1 -1
- package/es/molecule/titled-checkbox/index.js.map +1 -1
- package/es/molecule/titled-checkbox/style.css +1 -1
- package/es/organism/brand-analytics/analytics-popin.css +1 -1
- package/es/organism/brand-analytics/analytics-popin.js +1 -1
- package/es/organism/brand-analytics/analytics-popin.js.map +1 -1
- package/es/organism/cards-grid/index.js +1 -1
- package/es/organism/cards-grid/index.js.map +1 -1
- package/es/organism/cards-grid/style.css +1 -1
- package/es/organism/popin/index.js +1 -1
- package/es/organism/popin/index.js.map +1 -1
- package/es/organism/popin/style.css +1 -1
- package/es/organism/resource-browser/index.js +1 -1
- package/es/organism/resource-browser/index.js.map +1 -1
- package/es/organism/resource-browser/style.css +2 -2
- package/es/template/activity/index.js +1 -1
- package/es/template/activity/index.js.map +1 -1
- package/es/template/activity/style.css +2 -2
- package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
- package/es/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
- package/es/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
- package/es/template/external-course/index.js +2 -2
- package/es/template/external-course/index.js.map +1 -1
- package/es/template/external-course/style.css +2 -2
- package/lib/atom/autocomplete/index.js +2 -2
- package/lib/atom/autocomplete/index.js.map +1 -1
- package/lib/atom/autocomplete/style.css +4 -4
- package/lib/atom/button-link-icon/index.js +1 -1
- package/lib/atom/button-link-icon/index.js.map +1 -1
- package/lib/atom/button-link-icon/style.css +2 -2
- package/lib/atom/button-menu/index.js +1 -1
- package/lib/atom/button-menu/index.js.map +1 -1
- package/lib/atom/button-menu/style.css +4 -4
- package/lib/atom/input-checkbox/index.d.ts.map +1 -1
- package/lib/atom/input-checkbox/index.js +1 -1
- package/lib/atom/input-checkbox/index.js.map +1 -1
- package/lib/atom/input-checkbox/style.css +12 -12
- package/lib/atom/input-color/index.js +1 -1
- package/lib/atom/input-color/index.js.map +1 -1
- package/lib/atom/input-color/style.css +3 -3
- package/lib/atom/input-html/index.js +1 -1
- package/lib/atom/input-html/index.js.map +1 -1
- package/lib/atom/input-html/style.css +3 -3
- package/lib/atom/input-switch/index.js +1 -1
- package/lib/atom/input-switch/index.js.map +1 -1
- package/lib/atom/input-switch/style.css +6 -6
- package/lib/atom/input-text/index.js +2 -2
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/atom/input-text/style.css +4 -4
- package/lib/atom/input-textarea/index.js +2 -2
- package/lib/atom/input-textarea/index.js.map +1 -1
- package/lib/atom/input-textarea/style.css +5 -5
- package/lib/atom/label/index.js +1 -1
- package/lib/atom/label/index.js.map +1 -1
- package/lib/atom/label/style.css +1 -1
- package/lib/atom/life/index.js +1 -1
- package/lib/atom/life/index.js.map +1 -1
- package/lib/atom/life/style.css +1 -1
- package/lib/atom/picture-background/index.js +1 -1
- package/lib/atom/picture-background/index.js.map +1 -1
- package/lib/atom/picture-background/style.css +1 -1
- package/lib/atom/range/handle.css +1 -1
- package/lib/atom/range/handle.js +1 -1
- package/lib/atom/range/handle.js.map +1 -1
- package/lib/atom/select/index.js +1 -1
- package/lib/atom/select/index.js.map +1 -1
- package/lib/atom/select/style.css +13 -13
- package/lib/atom/select-icon/index.js +1 -1
- package/lib/atom/select-icon/index.js.map +1 -1
- package/lib/atom/select-icon/style.css +1 -1
- package/lib/atom/status-item/index.js +1 -1
- package/lib/atom/status-item/index.js.map +1 -1
- package/lib/atom/status-item/style.css +1 -1
- package/lib/atom/tag/index.js +1 -1
- package/lib/atom/tag/index.js.map +1 -1
- package/lib/atom/tag/style.css +1 -1
- package/lib/molecule/brand-create-form/index.js +1 -1
- package/lib/molecule/brand-create-form/index.js.map +1 -1
- package/lib/molecule/brand-create-form/style.css +4 -4
- package/lib/molecule/brand-upload-box/index.js +1 -1
- package/lib/molecule/brand-upload-box/index.js.map +1 -1
- package/lib/molecule/brand-upload-box/style.css +3 -3
- package/lib/molecule/card/customer.css +2 -2
- package/lib/molecule/card/customer.d.ts +1 -1
- package/lib/molecule/card/customer.js +1 -1
- package/lib/molecule/card/customer.js.map +1 -1
- package/lib/molecule/card/index.d.ts +1 -1
- package/lib/molecule/card/index.js +1 -1
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card/style.css +19 -19
- package/lib/molecule/filters/index.js +1 -1
- package/lib/molecule/filters/index.js.map +1 -1
- package/lib/molecule/filters/style.css +4 -4
- package/lib/molecule/hero/index.js +1 -1
- package/lib/molecule/hero/index.js.map +1 -1
- package/lib/molecule/hero/style.css +10 -10
- package/lib/molecule/module-card/index.js +1 -1
- package/lib/molecule/module-card/index.js.map +1 -1
- package/lib/molecule/module-card/style.css +3 -3
- package/lib/molecule/select-multiple/index.js +2 -2
- package/lib/molecule/select-multiple/index.js.map +1 -1
- package/lib/molecule/select-multiple/style.css +5 -5
- package/lib/molecule/theme-image/index.js +1 -1
- package/lib/molecule/theme-image/index.js.map +1 -1
- package/lib/molecule/theme-image/style.css +4 -4
- package/lib/molecule/titled-checkbox/index.js +1 -1
- package/lib/molecule/titled-checkbox/index.js.map +1 -1
- package/lib/molecule/titled-checkbox/style.css +1 -1
- package/lib/organism/brand-analytics/analytics-popin.css +1 -1
- package/lib/organism/brand-analytics/analytics-popin.js +1 -1
- package/lib/organism/brand-analytics/analytics-popin.js.map +1 -1
- package/lib/organism/cards-grid/index.js +1 -1
- package/lib/organism/cards-grid/index.js.map +1 -1
- package/lib/organism/cards-grid/style.css +1 -1
- package/lib/organism/popin/index.js +1 -1
- package/lib/organism/popin/index.js.map +1 -1
- package/lib/organism/popin/style.css +1 -1
- package/lib/organism/resource-browser/index.js +1 -1
- package/lib/organism/resource-browser/index.js.map +1 -1
- package/lib/organism/resource-browser/style.css +2 -2
- package/lib/template/activity/index.js +1 -1
- package/lib/template/activity/index.js.map +1 -1
- package/lib/template/activity/style.css +2 -2
- package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
- package/lib/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
- package/lib/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
- package/lib/template/external-course/index.js +2 -2
- package/lib/template/external-course/index.js.map +1 -1
- package/lib/template/external-course/style.css +2 -2
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","defaultStyle","onClick","popin","dangerouslySetInnerHTML","type","button","submitValue","centered","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n const {skin} = context;\n\n const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n function createMarkup() {\n return {__html: content};\n }\n\n const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n return (\n <div className={style.defaultStyle} onClick={closeOnClick}>\n <div className={style.popin} onClick={stopPropagation}>\n <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n {header}\n </div>\n <div className={style.content}>\n <div\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={createMarkup()}\n />\n </div>\n <Button\n type=\"link\"\n className={style.button}\n onClick={ctaOnClick}\n submitValue={ctaLabel}\n centered\n style={{\n backgroundColor: primary\n }}\n />\n </div>\n </div>\n );\n};\n\nPopin.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n ctaLabel: PropTypes.string,\n ctaOnClick: PropTypes.func,\n closeOnClick: PropTypes.func,\n header: PropTypes.string,\n content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,YAAa;IAACC,OAAO,EAAET;EAAa,gBACxDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXL,SAAS,EAAEf,KAAK,CAACqB,MAAO;IACxBJ,OAAO,EAAEX,UAAW;IACpBgB,WAAW,EAAEjB,QAAS;IACtBkB,QAAQ;IACRvB,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,KAAK,CAACwB,YAAY,GAAG;EACnBrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,KAAK,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,KAAK","ignoreList":[]}
|
|
@@ -36,7 +36,7 @@ const ResourceBrowser = props => {
|
|
|
36
36
|
}) => selected, resources);
|
|
37
37
|
return /*#__PURE__*/React.createElement("div", {
|
|
38
38
|
"data-name": "resourceBrowser",
|
|
39
|
-
className: classnames(style.
|
|
39
|
+
className: classnames(style.defaultStyle, className)
|
|
40
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41
41
|
className: style.resourcePlayerWrapper
|
|
42
42
|
}, selectedResource ? /*#__PURE__*/React.createElement(ResourcePlayer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","createElement","resourcesList","map","resource","_extends","_omit","key","_id","propTypes","process","env","NODE_ENV","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","_find","selected","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","createElement","resourcesList","map","resource","_extends","_omit","key","_id","propTypes","process","env","NODE_ENV","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","_find","selected","defaultStyle","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n if (hideResources(resources)) {\n return null;\n }\n\n return (\n <div className={style.resourcesList}>\n {resources.map(resource => (\n <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n ))}\n </div>\n );\n};\n\nResources.propTypes = {\n resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n const {resources, className, overlay} = props;\n const selectedResource = find(({selected}) => selected, resources);\n return (\n <div data-name=\"resourceBrowser\" className={classnames(style.defaultStyle, className)}>\n <div className={style.resourcePlayerWrapper}>\n {selectedResource ? (\n <ResourcePlayer\n overlay={overlay}\n className={style.resourcePlayer}\n resource={selectedResource}\n />\n ) : null}\n </div>\n <Resources resources={resources} className={className} />\n </div>\n );\n};\n\nResourceBrowser.propTypes = {\n className: PropTypes.string,\n resources: Resources.propTypes.resources,\n overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAS,IAAIA,SAAS,CAACC,MAAM,GAAG,CAAC;AAErE,MAAMC,SAAS,GAAGA,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAACO;EAAc,GACjCL,SAAS,CAACM,GAAG,CAACC,QAAQ,iBACrBd,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAY,QAAA,KAAKC,KAAA,CAAK,KAAK,EAAEF,QAAQ,CAAC;IAAEG,GAAG,EAAEH,QAAQ,CAACI;EAAI,EAAE,CACnE,CACE,CAAC;AAEV,CAAC;AAEDT,SAAS,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,SAAS,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACR,KAAA,CAAK,KAAK,EAAEb,iBAAiB,CAACgB,SAAS,CAAC,CAAC,CAAC;EACvFT,SAAS,EAAET,SAAS,CAACwB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACpB,SAAS;IAAEG,SAAS;IAAEkB;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAGC,KAAA,CAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAExB,SAAS,CAAC;EAClE,oBACEP,KAAA,CAAAW,aAAA;IAAK,aAAU,iBAAiB;IAACD,SAAS,EAAER,UAAU,CAACG,KAAK,CAAC2B,YAAY,EAAEtB,SAAS;EAAE,gBACpFV,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAAC4B;EAAsB,GACzCJ,gBAAgB,gBACf7B,KAAA,CAAAW,aAAA,CAACP,cAAc;IACbwB,OAAO,EAAEA,OAAQ;IACjBlB,SAAS,EAAEL,KAAK,CAAC6B,cAAe;IAChCpB,QAAQ,EAAEe;EAAiB,CAC5B,CAAC,GACA,IACD,CAAC,eACN7B,KAAA,CAAAW,aAAA,CAACF,SAAS;IAACF,SAAS,EAAEA,SAAU;IAACG,SAAS,EAAEA;EAAU,CAAE,CACrD,CAAC;AAEV,CAAC;AAEDgB,eAAe,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,SAAS,EAAET,SAAS,CAACwB,MAAM;EAC3BlB,SAAS,EAAEE,SAAS,CAACU,SAAS,CAACZ,SAAS;EACxCqB,OAAO,EAAExB,cAAc,CAACe,SAAS,CAACS;AACpC,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@value mobile, tablet from "../../variables/breakpoints.css";
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.defaultStyle {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-flow: row;
|
|
6
6
|
justify-content: center;
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
@media tablet {
|
|
32
|
-
.
|
|
32
|
+
.defaultStyle {
|
|
33
33
|
flex-flow: column;
|
|
34
34
|
height: auto;
|
|
35
35
|
width: 100%;
|
|
@@ -90,7 +90,7 @@ const Progression = (props, legacyContext) => {
|
|
|
90
90
|
"data-testid": "button-link-recommendation"
|
|
91
91
|
})) : null;
|
|
92
92
|
return /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: style.
|
|
93
|
+
className: style.defaultStyle
|
|
94
94
|
}, /*#__PURE__*/React.createElement("div", {
|
|
95
95
|
"data-name": "activity-header",
|
|
96
96
|
tabIndex: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","createElement","className","allProgressions","progression","index","_extends","key","ref","coreProgression","core","themeSelect","options","borderClassName","selectBorder","select","theme","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","dangerouslySetInnerHTML","__html","courseTitle","type","submitValue","cta","backgroundColor","default","tabIndex","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n const {\n mainTitle,\n mainSubtitle,\n recommendation = {},\n progressions = [],\n adaptiveAriaLabel,\n total,\n engines = [],\n themeFilter = {},\n loading,\n 'aria-label': ariaLabel\n } = props;\n const skin = GetSkinFromContext(legacyContext);\n const {onChange: themeFilterOnChange} = themeFilter;\n\n const handleClick = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n const {onClick = noop} = recommendation;\n onClick(e);\n },\n [recommendation]\n );\n\n const handleSelectTheme = useCallback(\n e => {\n themeFilterOnChange && themeFilterOnChange(e);\n },\n [themeFilterOnChange]\n );\n\n const primary = get('common.primary', skin);\n const loader = loading ? (\n <div className={style.loader}>\n <Loader />\n </div>\n ) : null;\n const allProgressions = mapWithIndex(\n (progression, index) => (\n <ProgressionItem\n {...omit(['ref'], progression)}\n key={`${index}-${progression.ref}`}\n adaptiveAriaLabel={adaptiveAriaLabel}\n />\n ),\n progressions\n );\n\n const coreProgression = (\n <div data-name=\"activityCore\" className={style.core}>\n {allProgressions}\n </div>\n );\n const themeSelect = !isEmpty(themeFilter.options) ? (\n <Select\n borderClassName={style.selectBorder}\n className={style.select}\n theme=\"thematiques\"\n options={themeFilter.options}\n onChange={handleSelectTheme}\n aria-label={ariaLabel}\n />\n ) : null;\n const recommendationSection = !isEmpty(recommendation) ? (\n <div className={style.recommendationWrapper}>\n <p className={style.recommendationSection}>{recommendation.title} </p>\n <p className={style.recommendationSection}>\n <span>{recommendation.subtitle} </span>\n <span\n className={classnames(style.course, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n />\n </p>\n <Button\n type=\"link\"\n onClick={handleClick}\n submitValue={recommendation.cta}\n style={{\n backgroundColor: primary\n }}\n className={style.cta}\n data-testid=\"button-link-recommendation\"\n />\n </div>\n ) : null;\n\n return (\n <div className={style.default}>\n <div data-name=\"activity-header\" tabIndex={0}>\n <div className={style.mainTitle} tabIndex={0}>\n <span>{mainTitle}</span> {mainSubtitle}\n </div>\n <div className={style.headerProgression} tabIndex={0}>\n <div className={style.wrapperCta} tabIndex={0}>\n {themeSelect}\n {recommendationSection}\n </div>\n <StarsSummary engines={engines} total={total} />\n </div>\n </div>\n <div className={style.wrapperProgression} data-name=\"activityList\">\n {coreProgression}\n {loader}\n </div>\n </div>\n );\n};\n\nProgression.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nProgression.propTypes = {\n mainTitle: PropTypes.string.isRequired,\n mainSubtitle: PropTypes.string.isRequired,\n adaptiveAriaLabel: PropTypes.string,\n total: PropTypes.shape({\n label: PropTypes.string.isRequired,\n stars: PropTypes.number.isRequired\n }).isRequired,\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n loading: PropTypes.bool.isRequired,\n progressions: PropTypes.arrayOf(\n PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n ),\n themeFilter: PropTypes.shape({\n options: Select.propTypes.options.isRequired,\n onChange: Select.propTypes.onChange\n }),\n recommendation: PropTypes.shape({\n cta: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n courseTitle: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n 'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","createElement","className","allProgressions","progression","index","_extends","key","ref","coreProgression","core","themeSelect","options","borderClassName","selectBorder","select","theme","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","dangerouslySetInnerHTML","__html","courseTitle","type","submitValue","cta","backgroundColor","defaultStyle","tabIndex","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n const {\n mainTitle,\n mainSubtitle,\n recommendation = {},\n progressions = [],\n adaptiveAriaLabel,\n total,\n engines = [],\n themeFilter = {},\n loading,\n 'aria-label': ariaLabel\n } = props;\n const skin = GetSkinFromContext(legacyContext);\n const {onChange: themeFilterOnChange} = themeFilter;\n\n const handleClick = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n const {onClick = noop} = recommendation;\n onClick(e);\n },\n [recommendation]\n );\n\n const handleSelectTheme = useCallback(\n e => {\n themeFilterOnChange && themeFilterOnChange(e);\n },\n [themeFilterOnChange]\n );\n\n const primary = get('common.primary', skin);\n const loader = loading ? (\n <div className={style.loader}>\n <Loader />\n </div>\n ) : null;\n const allProgressions = mapWithIndex(\n (progression, index) => (\n <ProgressionItem\n {...omit(['ref'], progression)}\n key={`${index}-${progression.ref}`}\n adaptiveAriaLabel={adaptiveAriaLabel}\n />\n ),\n progressions\n );\n\n const coreProgression = (\n <div data-name=\"activityCore\" className={style.core}>\n {allProgressions}\n </div>\n );\n const themeSelect = !isEmpty(themeFilter.options) ? (\n <Select\n borderClassName={style.selectBorder}\n className={style.select}\n theme=\"thematiques\"\n options={themeFilter.options}\n onChange={handleSelectTheme}\n aria-label={ariaLabel}\n />\n ) : null;\n const recommendationSection = !isEmpty(recommendation) ? (\n <div className={style.recommendationWrapper}>\n <p className={style.recommendationSection}>{recommendation.title} </p>\n <p className={style.recommendationSection}>\n <span>{recommendation.subtitle} </span>\n <span\n className={classnames(style.course, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n />\n </p>\n <Button\n type=\"link\"\n onClick={handleClick}\n submitValue={recommendation.cta}\n style={{\n backgroundColor: primary\n }}\n className={style.cta}\n data-testid=\"button-link-recommendation\"\n />\n </div>\n ) : null;\n\n return (\n <div className={style.defaultStyle}>\n <div data-name=\"activity-header\" tabIndex={0}>\n <div className={style.mainTitle} tabIndex={0}>\n <span>{mainTitle}</span> {mainSubtitle}\n </div>\n <div className={style.headerProgression} tabIndex={0}>\n <div className={style.wrapperCta} tabIndex={0}>\n {themeSelect}\n {recommendationSection}\n </div>\n <StarsSummary engines={engines} total={total} />\n </div>\n </div>\n <div className={style.wrapperProgression} data-name=\"activityList\">\n {coreProgression}\n {loader}\n </div>\n </div>\n );\n};\n\nProgression.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nProgression.propTypes = {\n mainTitle: PropTypes.string.isRequired,\n mainSubtitle: PropTypes.string.isRequired,\n adaptiveAriaLabel: PropTypes.string,\n total: PropTypes.shape({\n label: PropTypes.string.isRequired,\n stars: PropTypes.number.isRequired\n }).isRequired,\n engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n loading: PropTypes.bool.isRequired,\n progressions: PropTypes.arrayOf(\n PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n ),\n themeFilter: PropTypes.shape({\n options: Select.propTypes.options.isRequired,\n onChange: Select.propTypes.onChange\n }),\n recommendation: PropTypes.shape({\n cta: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n courseTitle: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n 'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,qBAAqB;AAChE,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGd,GAAG,CAACe,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE9C,MAAMC,WAAW,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC5C,MAAM;IACJC,SAAS;IACTC,YAAY;IACZC,cAAc,GAAG,CAAC,CAAC;IACnBC,YAAY,GAAG,EAAE;IACjBC,iBAAiB;IACjBC,KAAK;IACLC,OAAO,GAAG,EAAE;IACZC,WAAW,GAAG,CAAC,CAAC;IAChBC,OAAO;IACP,YAAY,EAAEC;EAChB,CAAC,GAAGX,KAAK;EACT,MAAMY,IAAI,GAAGxB,kBAAkB,CAACa,aAAa,CAAC;EAC9C,MAAM;IAACY,QAAQ,EAAEC;EAAmB,CAAC,GAAGL,WAAW;EAEnD,MAAMM,WAAW,GAAGpC,WAAW,CAC7BqC,CAAC,IAAI;IACHA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,MAAM;MAACC,OAAO,GAAGpC;IAAI,CAAC,GAAGqB,cAAc;IACvCe,OAAO,CAACH,CAAC,CAAC;EACZ,CAAC,EACD,CAACZ,cAAc,CACjB,CAAC;EAED,MAAMgB,iBAAiB,GAAGzC,WAAW,CACnCqC,CAAC,IAAI;IACHF,mBAAmB,IAAIA,mBAAmB,CAACE,CAAC,CAAC;EAC/C,CAAC,EACD,CAACF,mBAAmB,CACtB,CAAC;EAED,MAAMO,OAAO,GAAGzC,GAAG,CAAC,gBAAgB,EAAEgC,IAAI,CAAC;EAC3C,MAAMU,MAAM,GAAGZ,OAAO,gBACpBhC,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAAC2B;EAAO,gBAC3B5C,KAAA,CAAA6C,aAAA,CAAChC,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EACR,MAAMkC,eAAe,GAAG7B,YAAY,CAClC,CAAC8B,WAAW,EAAEC,KAAK,kBACjBjD,KAAA,CAAA6C,aAAA,CAAC/B,eAAe,EAAAoC,QAAA,KACV5C,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE0C,WAAW,CAAC;IAC9BG,GAAG,EAAE,GAAGF,KAAK,IAAID,WAAW,CAACI,GAAG,EAAG;IACnCxB,iBAAiB,EAAEA;EAAkB,EACtC,CACF,EACDD,YACF,CAAC;EAED,MAAM0B,eAAe,gBACnBrD,KAAA,CAAA6C,aAAA;IAAK,aAAU,cAAc;IAACC,SAAS,EAAE7B,KAAK,CAACqC;EAAK,GACjDP,eACE,CACN;EACD,MAAMQ,WAAW,GAAG,CAACpD,OAAO,CAAC4B,WAAW,CAACyB,OAAO,CAAC,gBAC/CxD,KAAA,CAAA6C,aAAA,CAACjC,MAAM;IACL6C,eAAe,EAAExC,KAAK,CAACyC,YAAa;IACpCZ,SAAS,EAAE7B,KAAK,CAAC0C,MAAO;IACxBC,KAAK,EAAC,aAAa;IACnBJ,OAAO,EAAEzB,WAAW,CAACyB,OAAQ;IAC7BrB,QAAQ,EAAEO,iBAAkB;IAC5B,cAAYT;EAAU,CACvB,CAAC,GACA,IAAI;EACR,MAAM4B,qBAAqB,GAAG,CAAC1D,OAAO,CAACuB,cAAc,CAAC,gBACpD1B,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAAC6C;EAAsB,gBAC1C9D,KAAA,CAAA6C,aAAA;IAAGC,SAAS,EAAE7B,KAAK,CAAC4C;EAAsB,GAAEnC,cAAc,CAACqC,KAAK,EAAC,GAAI,CAAC,eACtE/D,KAAA,CAAA6C,aAAA;IAAGC,SAAS,EAAE7B,KAAK,CAAC4C;EAAsB,gBACxC7D,KAAA,CAAA6C,aAAA,eAAOnB,cAAc,CAACsC,QAAQ,EAAC,GAAO,CAAC,eACvChE,KAAA,CAAA6C,aAAA;IACEC,SAAS,EAAEtC,UAAU,CAACS,KAAK,CAACgD,MAAM,EAAEhD,KAAK,CAACiD,SAAS;IACnD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAE1C,cAAc,CAAC2C;IAAW;EAAE,CAC/D,CACA,CAAC,eACJrE,KAAA,CAAA6C,aAAA,CAAClC,MAAM;IACL2D,IAAI,EAAC,MAAM;IACX7B,OAAO,EAAEJ,WAAY;IACrBkC,WAAW,EAAE7C,cAAc,CAAC8C,GAAI;IAChCvD,KAAK,EAAE;MACLwD,eAAe,EAAE9B;IACnB,CAAE;IACFG,SAAS,EAAE7B,KAAK,CAACuD,GAAI;IACrB,eAAY;EAA4B,CACzC,CACE,CAAC,GACJ,IAAI;EAER,oBACExE,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAACyD;EAAa,gBACjC1E,KAAA,CAAA6C,aAAA;IAAK,aAAU,iBAAiB;IAAC8B,QAAQ,EAAE;EAAE,gBAC3C3E,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAACO,SAAU;IAACmD,QAAQ,EAAE;EAAE,gBAC3C3E,KAAA,CAAA6C,aAAA,eAAOrB,SAAgB,CAAC,KAAC,EAACC,YACvB,CAAC,eACNzB,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAAC2D,iBAAkB;IAACD,QAAQ,EAAE;EAAE,gBACnD3E,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAAC4D,UAAW;IAACF,QAAQ,EAAE;EAAE,GAC3CpB,WAAW,EACXM,qBACE,CAAC,eACN7D,KAAA,CAAA6C,aAAA,CAAC7B,YAAY;IAACc,OAAO,EAAEA,OAAQ;IAACD,KAAK,EAAEA;EAAM,CAAE,CAC5C,CACF,CAAC,eACN7B,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAAC6D,kBAAmB;IAAC,aAAU;EAAc,GAC/DzB,eAAe,EACfT,MACE,CACF,CAAC;AAEV,CAAC;AAEDvB,WAAW,CAAC0D,YAAY,GAAG;EACzB7C,IAAI,EAAEzB,QAAQ,CAACuE,iBAAiB,CAAC9C,IAAI;EACrC+C,SAAS,EAAExE,QAAQ,CAACuE,iBAAiB,CAACC;AACxC,CAAC;AAED5D,WAAW,CAAC6D,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtB7D,SAAS,EAAEjB,SAAS,CAAC+E,MAAM,CAACC,UAAU;EACtC9D,YAAY,EAAElB,SAAS,CAAC+E,MAAM,CAACC,UAAU;EACzC3D,iBAAiB,EAAErB,SAAS,CAAC+E,MAAM;EACnCzD,KAAK,EAAEtB,SAAS,CAACiF,KAAK,CAAC;IACrBC,KAAK,EAAElF,SAAS,CAAC+E,MAAM,CAACC,UAAU;IAClCG,KAAK,EAAEnF,SAAS,CAACoF,MAAM,CAACJ;EAC1B,CAAC,CAAC,CAACA,UAAU;EACbzD,OAAO,EAAEvB,SAAS,CAACqF,OAAO,CAACrF,SAAS,CAACiF,KAAK,CAACzE,WAAW,CAACmE,SAAS,CAAC,CAAC;EAClElD,OAAO,EAAEzB,SAAS,CAACsF,IAAI,CAACN,UAAU;EAClC5D,YAAY,EAAEpB,SAAS,CAACqF,OAAO,CAC7BrF,SAAS,CAACiF,KAAK,CAAC;IAAC,GAAG1E,eAAe,CAACoE,SAAS;IAAE9B,GAAG,EAAE7C,SAAS,CAAC+E,MAAM,CAACC;EAAU,CAAC,CAClF,CAAC;EACDxD,WAAW,EAAExB,SAAS,CAACiF,KAAK,CAAC;IAC3BhC,OAAO,EAAE5C,MAAM,CAACsE,SAAS,CAAC1B,OAAO,CAAC+B,UAAU;IAC5CpD,QAAQ,EAAEvB,MAAM,CAACsE,SAAS,CAAC/C;EAC7B,CAAC,CAAC;EACFT,cAAc,EAAEnB,SAAS,CAACiF,KAAK,CAAC;IAC9BhB,GAAG,EAAEjE,SAAS,CAAC+E,MAAM,CAACC,UAAU;IAChCxB,KAAK,EAAExD,SAAS,CAAC+E,MAAM,CAACC,UAAU;IAClCvB,QAAQ,EAAEzD,SAAS,CAAC+E,MAAM,CAACC,UAAU;IACrClB,WAAW,EAAE9D,SAAS,CAAC+E,MAAM,CAACC,UAAU;IACxC9C,OAAO,EAAElC,SAAS,CAACuF;EACrB,CAAC,CAAC;EACF,YAAY,EAAEvF,SAAS,CAAC+E;AAC1B,CAAC;AAED,eAAejE,WAAW","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@value white from colors;
|
|
10
10
|
@value xtraLightGrey from colors;
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
.defaultStyle {
|
|
13
13
|
margin: 16px auto 0;
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
max-width: 1080px;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
@media tablet, mobile {
|
|
107
|
-
.
|
|
107
|
+
.defaultStyle {
|
|
108
108
|
margin: 0;
|
|
109
109
|
padding: 0;
|
|
110
110
|
}
|
|
@@ -23,7 +23,7 @@ const DashboardPopin = (props, context) => {
|
|
|
23
23
|
}
|
|
24
24
|
const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
|
|
25
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
26
|
-
className: style.
|
|
26
|
+
className: style.defaultStyle,
|
|
27
27
|
onClick: closeOnClick
|
|
28
28
|
}, /*#__PURE__*/React.createElement("div", {
|
|
29
29
|
className: style.popin,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","
|
|
1
|
+
{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","defaultStyle","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../../src/template/back-office/dashboard-preview/dashboard-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../../util/bubbling';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './dashboard-popin.css';\n\nconst DashboardPopin = (props, context) => {\n const {skin} = context;\n\n const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n function createMarkup() {\n return {__html: content};\n }\n\n const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n return (\n <div className={style.defaultStyle} onClick={closeOnClick}>\n <div className={style.popin} onClick={stopPropagation}>\n <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n {header}\n </div>\n <div className={style.content}>\n <div\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={createMarkup()}\n />\n </div>\n <Button\n type=\"link\"\n onClick={ctaOnClick}\n submitValue={ctaLabel}\n style={{\n backgroundColor: primary\n }}\n />\n </div>\n </div>\n );\n};\n\nDashboardPopin.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nDashboardPopin.propTypes = {\n ctaLabel: PropTypes.string,\n ctaOnClick: PropTypes.func,\n closeOnClick: PropTypes.func,\n header: PropTypes.string,\n content: PropTypes.string\n};\n\nexport default DashboardPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,wBAAwB;AACpD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,YAAa;IAACC,OAAO,EAAET;EAAa,gBACxDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEX,UAAW;IACpBe,WAAW,EAAEhB,QAAS;IACtBL,KAAK,EAAE;MACLsB,eAAe,EAAEV;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACsB,YAAY,GAAG;EAC5BnB,IAAI,EAAEN,QAAQ,CAAC0B,iBAAiB,CAACpB;AACnC,CAAC;AAEDH,cAAc,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBvB,QAAQ,EAAET,SAAS,CAACiC,MAAM;EAC1BvB,UAAU,EAAEV,SAAS,CAACkC,IAAI;EAC1BtB,YAAY,EAAEZ,SAAS,CAACkC,IAAI;EAC5BvB,MAAM,EAAEX,SAAS,CAACiC,MAAM;EACxBpB,OAAO,EAAEb,SAAS,CAACiC;AACrB,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}
|
|
@@ -17,9 +17,9 @@ import ExternalContentViewer from '../../molecule/external-content-viewer';
|
|
|
17
17
|
import CmPopin from '../../molecule/cm-popin';
|
|
18
18
|
import style from './style.css';
|
|
19
19
|
const defaultWrapperStyle = {
|
|
20
|
-
default: style.
|
|
20
|
+
default: style.defaultStyle,
|
|
21
21
|
cockpit: style.defaultCockpit,
|
|
22
|
-
mobile: style.
|
|
22
|
+
mobile: style.defaultStyle
|
|
23
23
|
};
|
|
24
24
|
const ExternalCourse = (props, context) => {
|
|
25
25
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr","IconType","icon","IconColor","color","mainContentSlot","createElement","className","loader","handleOnClick","field","onClick","_noop","e","stopPropagation","preventDefault","completeButton","_isNil","disabled","_identity","submitValue","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","string","oneOf","_keys","shape","bool","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n default: style.default,\n cockpit: style.defaultCockpit,\n mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n const {\n name,\n type,\n url,\n quit,\n complete,\n warning,\n loading,\n backgroundImageUrl,\n contentType,\n mode = 'default',\n onTop = {},\n closePopin\n } = props;\n const {skin} = context;\n const primary = getOr('#00B0FF', 'common.primary', skin);\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n const mainContentSlot = useMemo(() => {\n return loading ? (\n <div className={style.loader}>\n <Loader />\n </div>\n ) : (\n <ExternalContentViewer\n url={url}\n mode={mode}\n backgroundImageUrl={backgroundImageUrl}\n contentType={contentType}\n />\n );\n }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n const handleOnClick = useCallback(field => {\n const onClick = getOr(noop, ['onClick'], field);\n return e => {\n e.stopPropagation();\n e.preventDefault();\n return onClick(e);\n };\n }, []);\n\n const completeButton = useMemo(() => {\n return !isNil(complete) ? (\n <Button\n type=\"button\"\n disabled={loading ? true : complete.disabled}\n onClick={loading ? identity : handleOnClick(complete)}\n submitValue={complete.label}\n style={{\n backgroundColor:\n complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n cursor: loading ? 'progress' : 'pointer'\n }}\n className={classnames(\n style.completeCta,\n complete.disabled || loading ? style.disabled : null,\n loading ? style.loading : null\n )}\n data-testid=\"complete-button\"\n />\n ) : null;\n }, [complete, loading, primary, handleOnClick]);\n\n const warningButton = useMemo(() => {\n return !isNil(warning) ? (\n <div className={style.leftSection}>\n <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n <span>{warning.label}</span>\n </div>\n </div>\n ) : null;\n }, [handleOnClick, warning]);\n\n const quitButton = useMemo(() => {\n return !isNil(quit) ? (\n <div className={style.leftSection}>\n <span\n className={classnames(style.quitCta, loading ? style.loading : null)}\n onClick={loading ? identity : handleOnClick(quit)}\n >\n {quit.label}\n </span>\n </div>\n ) : null;\n }, [quit, loading, handleOnClick]);\n\n const titleSection = useMemo(() => {\n return !isNil(name) ? (\n <div className={classnames(style.iconLabel, style.title)}>\n <div className={style.oval} style={{backgroundColor: IconColor}}>\n <IconType className={style.iconHeader} />\n </div>\n <span\n className={style.innerHTML}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: name}}\n />\n </div>\n ) : null;\n }, [name, IconColor]);\n\n const header = useMemo(() => {\n return !isNil(quit) || !isEmpty(name) ? (\n <div className={style.header}>\n {quitButton}\n {titleSection}\n {isNil(quit) ? null : <div className={style.rightSection} />}\n </div>\n ) : null;\n }, [name, titleSection, quit, quitButton]);\n\n const footer = useMemo(() => {\n return !isNil(warning) || !isNil(complete) ? (\n <div className={style.footer}>\n {warningButton}\n {completeButton}\n {isNil(warning) ? null : <div className={style.rightSection} />}\n </div>\n ) : null;\n }, [warning, warningButton, complete, completeButton]);\n\n const popin = useMemo(() => {\n return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n }, [closePopin]);\n\n return (\n <div\n className={classnames(\n defaultWrapperStyle[mode],\n onTop.header && style.onTopHeader,\n onTop.footer && style.onTopFooter\n )}\n >\n {header}\n {popin}\n {mainContentSlot}\n {footer}\n </div>\n );\n};\n\nExternalCourse.propTypes = {\n name: PropTypes.string,\n type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n onTop: PropTypes.shape({\n header: PropTypes.bool,\n footer: PropTypes.bool\n }),\n url: PropTypes.string.isRequired,\n quit: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n complete: PropTypes.shape({\n label: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n onClick: PropTypes.func\n }),\n warning: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n loading: PropTypes.bool,\n backgroundImageUrl: PropTypes.string,\n contentType: PropTypes.string,\n mode: PropTypes.string,\n closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","defaultStyle","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr","IconType","icon","IconColor","color","mainContentSlot","createElement","className","loader","handleOnClick","field","onClick","_noop","e","stopPropagation","preventDefault","completeButton","_isNil","disabled","_identity","submitValue","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","string","oneOf","_keys","shape","bool","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n default: style.defaultStyle,\n cockpit: style.defaultCockpit,\n mobile: style.defaultStyle\n};\n\nconst ExternalCourse = (props, context) => {\n const {\n name,\n type,\n url,\n quit,\n complete,\n warning,\n loading,\n backgroundImageUrl,\n contentType,\n mode = 'default',\n onTop = {},\n closePopin\n } = props;\n const {skin} = context;\n const primary = getOr('#00B0FF', 'common.primary', skin);\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n const mainContentSlot = useMemo(() => {\n return loading ? (\n <div className={style.loader}>\n <Loader />\n </div>\n ) : (\n <ExternalContentViewer\n url={url}\n mode={mode}\n backgroundImageUrl={backgroundImageUrl}\n contentType={contentType}\n />\n );\n }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n const handleOnClick = useCallback(field => {\n const onClick = getOr(noop, ['onClick'], field);\n return e => {\n e.stopPropagation();\n e.preventDefault();\n return onClick(e);\n };\n }, []);\n\n const completeButton = useMemo(() => {\n return !isNil(complete) ? (\n <Button\n type=\"button\"\n disabled={loading ? true : complete.disabled}\n onClick={loading ? identity : handleOnClick(complete)}\n submitValue={complete.label}\n style={{\n backgroundColor:\n complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n cursor: loading ? 'progress' : 'pointer'\n }}\n className={classnames(\n style.completeCta,\n complete.disabled || loading ? style.disabled : null,\n loading ? style.loading : null\n )}\n data-testid=\"complete-button\"\n />\n ) : null;\n }, [complete, loading, primary, handleOnClick]);\n\n const warningButton = useMemo(() => {\n return !isNil(warning) ? (\n <div className={style.leftSection}>\n <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n <span>{warning.label}</span>\n </div>\n </div>\n ) : null;\n }, [handleOnClick, warning]);\n\n const quitButton = useMemo(() => {\n return !isNil(quit) ? (\n <div className={style.leftSection}>\n <span\n className={classnames(style.quitCta, loading ? style.loading : null)}\n onClick={loading ? identity : handleOnClick(quit)}\n >\n {quit.label}\n </span>\n </div>\n ) : null;\n }, [quit, loading, handleOnClick]);\n\n const titleSection = useMemo(() => {\n return !isNil(name) ? (\n <div className={classnames(style.iconLabel, style.title)}>\n <div className={style.oval} style={{backgroundColor: IconColor}}>\n <IconType className={style.iconHeader} />\n </div>\n <span\n className={style.innerHTML}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: name}}\n />\n </div>\n ) : null;\n }, [name, IconColor]);\n\n const header = useMemo(() => {\n return !isNil(quit) || !isEmpty(name) ? (\n <div className={style.header}>\n {quitButton}\n {titleSection}\n {isNil(quit) ? null : <div className={style.rightSection} />}\n </div>\n ) : null;\n }, [name, titleSection, quit, quitButton]);\n\n const footer = useMemo(() => {\n return !isNil(warning) || !isNil(complete) ? (\n <div className={style.footer}>\n {warningButton}\n {completeButton}\n {isNil(warning) ? null : <div className={style.rightSection} />}\n </div>\n ) : null;\n }, [warning, warningButton, complete, completeButton]);\n\n const popin = useMemo(() => {\n return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n }, [closePopin]);\n\n return (\n <div\n className={classnames(\n defaultWrapperStyle[mode],\n onTop.header && style.onTopHeader,\n onTop.footer && style.onTopFooter\n )}\n >\n {header}\n {popin}\n {mainContentSlot}\n {footer}\n </div>\n );\n};\n\nExternalCourse.propTypes = {\n name: PropTypes.string,\n type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n onTop: PropTypes.shape({\n header: PropTypes.bool,\n footer: PropTypes.bool\n }),\n url: PropTypes.string.isRequired,\n quit: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n complete: PropTypes.shape({\n label: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n onClick: PropTypes.func\n }),\n warning: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func\n }),\n loading: PropTypes.bool,\n backgroundImageUrl: PropTypes.string,\n contentType: PropTypes.string,\n mode: PropTypes.string,\n closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
@value dark from colors;
|
|
8
8
|
@value warn from colors;
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.defaultStyle{
|
|
11
11
|
font-family: 'Gilroy';
|
|
12
12
|
font-size: 14px;
|
|
13
13
|
font-weight: bold;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.defaultCockpit{
|
|
28
|
-
composes:
|
|
28
|
+
composes: defaultStyle;
|
|
29
29
|
height: 100%;
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
const THEME_STYLE = {
|
|
20
20
|
coorpmanager: _style.default.coorpmanager,
|
|
21
|
-
default: _style.default.
|
|
21
|
+
default: _style.default.defaultStyle
|
|
22
22
|
};
|
|
23
23
|
const renderSuggestion = suggestion => /*#__PURE__*/_react.default.createElement("span", null, suggestion.name);
|
|
24
24
|
const Autocomplete = props => {
|
|
@@ -41,7 +41,7 @@ const Autocomplete = props => {
|
|
|
41
41
|
} = props;
|
|
42
42
|
const mainClass = THEME_STYLE[theme];
|
|
43
43
|
const title = (0, _react.useMemo)(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);
|
|
44
|
-
const className = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.
|
|
44
|
+
const className = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error), [modified, error]);
|
|
45
45
|
const handleInput = (0, _react.useCallback)(e => {
|
|
46
46
|
onInput(e);
|
|
47
47
|
}, [onInput]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_reactAutosuggest","_interopRequireDefault","_propTypes","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","THEME_STYLE","coorpmanager","style","renderSuggestion","suggestion","createElement","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","_noop2","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","useMemo","className","getClassState","handleInput","useCallback","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","descriptionView","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","errorIconView","NovaSolidStatusClose","leftIcon","errorText","dangerouslySetInnerHTML","__html","classnames","_isNil2","isNoTitle","_isEmpty2","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","onSuggestionsFetchRequested","onSuggestionsClearRequested","getSuggestionValue","focusInputOnSuggestionClick","propTypes","process","env","NODE_ENV","PropTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","_keys2","func","_default","exports"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n coorpmanager: style.coorpmanager,\n default: style.default\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n const {\n placeholder = '',\n value,\n description,\n required,\n modified = false,\n error = false,\n errorMessage,\n suggestions = [],\n onInput = noop,\n onFetch = noop,\n onClear = noop,\n onBlur = noop,\n onSuggestionSelected = noop,\n title: propsTitle,\n theme = 'default'\n } = props;\n\n const mainClass = THEME_STYLE[theme];\n const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n const className = useMemo(\n () => getClassState(style.default, style.modified, style.error, modified, error),\n [modified, error]\n );\n\n const handleInput = useCallback(\n e => {\n onInput(e);\n },\n [onInput]\n );\n const handleBlur = useCallback(\n (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n [onBlur]\n );\n const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n const handleSuggestionsSelected = useCallback(\n (e, data) => onSuggestionSelected(data),\n [onSuggestionSelected]\n );\n\n const inputProps = {\n placeholder,\n value,\n onChange: noop,\n onBlur: handleBlur,\n onInput: handleInput,\n 'data-testid': 'autocomplete-input'\n };\n\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n\n const errorIconView =\n theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n const errorText =\n theme === 'coorpmanager' && error ? (\n <div\n className={style.errorText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: errorMessage}}\n />\n ) : null;\n return (\n <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n <div className={style.inputContainer}>\n <Autosuggest\n theme={{\n container: style.container,\n input: style.input,\n suggestionsContainer: style.suggestionsContainer,\n suggestionsContainerOpen: style.suggestionsContainerOpen,\n suggestionsList: style.suggestionsList,\n suggestion: style.suggestion,\n suggestionHighlighted: style.suggestionHighlighted\n }}\n suggestions={suggestions}\n onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n onSuggestionsClearRequested={handleSuggestionsClearRequested}\n getSuggestionValue={noop}\n renderSuggestion={renderSuggestion}\n inputProps={inputProps}\n focusInputOnSuggestionClick={false}\n onSuggestionSelected={handleSuggestionsSelected}\n />\n {errorIconView}\n {errorText}\n </div>\n </label>\n {descriptionView}\n </div>\n );\n};\n\nAutocomplete.propTypes = {\n title: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n description: PropTypes.string,\n required: PropTypes.bool,\n modified: PropTypes.bool,\n error: PropTypes.bool,\n errorMessage: PropTypes.string,\n suggestions: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n })\n ),\n theme: PropTypes.oneOf(keys(THEME_STYLE)),\n onInput: PropTypes.func,\n onFetch: PropTypes.func,\n onClear: PropTypes.func,\n onBlur: PropTypes.func,\n onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAIA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAgC,SAAAQ,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,SAAAV,wBAAAU,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,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,WAAW,GAAG;EAClBC,YAAY,EAAEC,cAAK,CAACD,YAAY;EAChCf,OAAO,EAAEgB,cAAK,CAAChB;AACjB,CAAC;AAED,MAAMiB,gBAAgB,GAAGC,UAAU,iBAAIlC,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,eAAOD,UAAU,CAACE,IAAW,CAAC;AAErE,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJC,WAAW,GAAG,EAAE;IAChBC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,KAAK;IACbC,YAAY;IACZC,WAAW,GAAG,EAAE;IAChBC,OAAO,GAAAC,MAAA,CAAAhC,OAAO;IACdiC,OAAO,GAAAD,MAAA,CAAAhC,OAAO;IACdkC,OAAO,GAAAF,MAAA,CAAAhC,OAAO;IACdmC,MAAM,GAAAH,MAAA,CAAAhC,OAAO;IACboC,oBAAoB,GAAAJ,MAAA,CAAAhC,OAAO;IAC3BqC,KAAK,EAAEC,UAAU;IACjBC,KAAK,GAAG;EACV,CAAC,GAAGjB,KAAK;EAET,MAAMkB,SAAS,GAAG1B,WAAW,CAACyB,KAAK,CAAC;EACpC,MAAMF,KAAK,GAAG,IAAAI,cAAO,EAAC,MAAM,GAAGH,UAAU,GAAGZ,QAAQ,GAAG,GAAG,GAAG,EAAE,EAAE,EAAE,CAACY,UAAU,EAAEZ,QAAQ,CAAC,CAAC;EAC1F,MAAMgB,SAAS,GAAG,IAAAD,cAAO,EACvB,MAAM,IAAAE,sBAAa,EAAC3B,cAAK,CAAChB,OAAO,EAAEgB,cAAK,CAACW,QAAQ,EAAEX,cAAK,CAACY,KAAK,EAAED,QAAQ,EAAEC,KAAK,CAAC,EAChF,CAACD,QAAQ,EAAEC,KAAK,CAClB,CAAC;EAED,MAAMgB,WAAW,GAAG,IAAAC,kBAAW,EAC7BlD,CAAC,IAAI;IACHoC,OAAO,CAACpC,CAAC,CAAC;EACZ,CAAC,EACD,CAACoC,OAAO,CACV,CAAC;EACD,MAAMe,UAAU,GAAG,IAAAD,kBAAW,EAC5B,CAAClD,CAAC,EAAEoD,kBAAkB,KAAKZ,MAAM,CAACxC,CAAC,EAAEoD,kBAAkB,CAAC,EACxD,CAACZ,MAAM,CACT,CAAC;EACD,MAAMa,+BAA+B,GAAG,IAAAH,kBAAW,EAAClD,CAAC,IAAIsC,OAAO,CAACtC,CAAC,CAAC,EAAE,CAACsC,OAAO,CAAC,CAAC;EAC/E,MAAMgB,+BAA+B,GAAG,IAAAJ,kBAAW,EAAClD,CAAC,IAAIuC,OAAO,CAACvC,CAAC,CAAC,EAAE,CAACuC,OAAO,CAAC,CAAC;EAC/E,MAAMgB,yBAAyB,GAAG,IAAAL,kBAAW,EAC3C,CAAClD,CAAC,EAAEwD,IAAI,KAAKf,oBAAoB,CAACe,IAAI,CAAC,EACvC,CAACf,oBAAoB,CACvB,CAAC;EAED,MAAMgB,UAAU,GAAG;IACjB7B,WAAW;IACXC,KAAK;IACL6B,QAAQ,EAAArB,MAAA,CAAAhC,OAAM;IACdmC,MAAM,EAAEW,UAAU;IAClBf,OAAO,EAAEa,WAAW;IACpB,aAAa,EAAE;EACjB,CAAC;EAED,MAAMU,eAAe,GACnB7B,WAAW,IAAIc,KAAK,KAAK,cAAc,gBACrCvD,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKuB,SAAS,EAAE1B,cAAK,CAACS;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EAEV,MAAM8B,WAAW,GACf9B,WAAW,IAAIc,KAAK,KAAK,cAAc,gBACrCvD,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKuB,SAAS,EAAE1B,cAAK,CAACwC;EAAgB,gBACpCxE,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAC5B,UAAA,CAAAkE,0CAAQ;IAACf,SAAS,EAAE1B,cAAK,CAAC0C;EAAS,CAAE,CAAC,eACvC1E,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKuB,SAAS,EAAE1B,cAAK,CAAC2C;EAAiB,GAAElC,WAAiB,CACvD,CAAC,GACJ,IAAI;EAEV,MAAMmC,aAAa,GACjBrB,KAAK,KAAK,cAAc,IAAIX,KAAK,gBAAG5C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAC5B,UAAA,CAAAsE,oBAAS;IAACnB,SAAS,EAAE1B,cAAK,CAAC8C;EAAS,CAAE,CAAC,GAAG,IAAI;EAErF,MAAMC,SAAS,GACbxB,KAAK,KAAK,cAAc,IAAIX,KAAK,gBAC/B5C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IACEuB,SAAS,EAAE1B,cAAK,CAAC+C;IACjB;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEpC;IAAY;EAAE,CACjD,CAAC,GACA,IAAI;EACV,oBACE7C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKuB,SAAS,EAAE,IAAAwB,mBAAU,EAAC1B,SAAS,EAAEE,SAAS,EAAE,IAAAyB,OAAA,CAAAnE,OAAA,EAAMsC,UAAU,CAAC,IAAItB,cAAK,CAACoD,SAAS;EAAE,gBACrFpF,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,6BACEnC,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAMuB,SAAS,EAAE,IAAAwB,mBAAU,EAAClD,cAAK,CAACqB,KAAK,EAAE,IAAAgC,SAAA,CAAArE,OAAA,EAAQwB,KAAK,CAAC,IAAIR,cAAK,CAACsD,OAAO;EAAE,GACvEjC,KAAK,EACLkB,WACG,CAAC,eACPvE,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKuB,SAAS,EAAE1B,cAAK,CAACuD;EAAe,gBACnCvF,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,iBAAA,CAAAa,OAAW;IACVuC,KAAK,EAAE;MACLiC,SAAS,EAAExD,cAAK,CAACwD,SAAS;MAC1BC,KAAK,EAAEzD,cAAK,CAACyD,KAAK;MAClBC,oBAAoB,EAAE1D,cAAK,CAAC0D,oBAAoB;MAChDC,wBAAwB,EAAE3D,cAAK,CAAC2D,wBAAwB;MACxDC,eAAe,EAAE5D,cAAK,CAAC4D,eAAe;MACtC1D,UAAU,EAAEF,cAAK,CAACE,UAAU;MAC5B2D,qBAAqB,EAAE7D,cAAK,CAAC6D;IAC/B,CAAE;IACF/C,WAAW,EAAEA,WAAY;IACzBgD,2BAA2B,EAAE9B,+BAAgC;IAC7D+B,2BAA2B,EAAE9B,+BAAgC;IAC7D+B,kBAAkB,EAAAhD,MAAA,CAAAhC,OAAO;IACzBiB,gBAAgB,EAAEA,gBAAiB;IACnCmC,UAAU,EAAEA,UAAW;IACvB6B,2BAA2B,EAAE,KAAM;IACnC7C,oBAAoB,EAAEc;EAA0B,CACjD,CAAC,EACDU,aAAa,EACbG,SACE,CACA,CAAC,EACPT,eACE,CAAC;AAEV,CAAC;AAEDjC,YAAY,CAAC6D,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBhD,KAAK,EAAEiD,kBAAS,CAACC,MAAM;EACvBhE,WAAW,EAAE+D,kBAAS,CAACC,MAAM;EAC7B/D,KAAK,EAAE8D,kBAAS,CAACC,MAAM;EACvB9D,WAAW,EAAE6D,kBAAS,CAACC,MAAM;EAC7B7D,QAAQ,EAAE4D,kBAAS,CAACE,IAAI;EACxB7D,QAAQ,EAAE2D,kBAAS,CAACE,IAAI;EACxB5D,KAAK,EAAE0D,kBAAS,CAACE,IAAI;EACrB3D,YAAY,EAAEyD,kBAAS,CAACC,MAAM;EAC9BzD,WAAW,EAAEwD,kBAAS,CAACG,OAAO,CAC5BH,kBAAS,CAACI,KAAK,CAAC;IACdtE,IAAI,EAAEkE,kBAAS,CAACC,MAAM;IACtB/D,KAAK,EAAE8D,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC;EACjE,CAAC,CACH,CAAC;EACDrD,KAAK,EAAE+C,kBAAS,CAACO,KAAK,CAAC,IAAAC,MAAA,CAAA9F,OAAA,EAAKc,WAAW,CAAC,CAAC;EACzCiB,OAAO,EAAEuD,kBAAS,CAACS,IAAI;EACvB9D,OAAO,EAAEqD,kBAAS,CAACS,IAAI;EACvB7D,OAAO,EAAEoD,kBAAS,CAACS,IAAI;EACvB5D,MAAM,EAAEmD,kBAAS,CAACS,IAAI;EACtB3D,oBAAoB,EAAEkD,kBAAS,CAACS;AAClC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEaqB,YAAY","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_reactAutosuggest","_interopRequireDefault","_propTypes","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","THEME_STYLE","coorpmanager","style","defaultStyle","renderSuggestion","suggestion","createElement","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","_noop2","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","useMemo","className","getClassState","handleInput","useCallback","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","descriptionView","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","errorIconView","NovaSolidStatusClose","leftIcon","errorText","dangerouslySetInnerHTML","__html","classnames","_isNil2","isNoTitle","_isEmpty2","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","onSuggestionsFetchRequested","onSuggestionsClearRequested","getSuggestionValue","focusInputOnSuggestionClick","propTypes","process","env","NODE_ENV","PropTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","_keys2","func","_default","exports"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n coorpmanager: style.coorpmanager,\n default: style.defaultStyle\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n const {\n placeholder = '',\n value,\n description,\n required,\n modified = false,\n error = false,\n errorMessage,\n suggestions = [],\n onInput = noop,\n onFetch = noop,\n onClear = noop,\n onBlur = noop,\n onSuggestionSelected = noop,\n title: propsTitle,\n theme = 'default'\n } = props;\n\n const mainClass = THEME_STYLE[theme];\n const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n const className = useMemo(\n () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n [modified, error]\n );\n\n const handleInput = useCallback(\n e => {\n onInput(e);\n },\n [onInput]\n );\n const handleBlur = useCallback(\n (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n [onBlur]\n );\n const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n const handleSuggestionsSelected = useCallback(\n (e, data) => onSuggestionSelected(data),\n [onSuggestionSelected]\n );\n\n const inputProps = {\n placeholder,\n value,\n onChange: noop,\n onBlur: handleBlur,\n onInput: handleInput,\n 'data-testid': 'autocomplete-input'\n };\n\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n\n const errorIconView =\n theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n const errorText =\n theme === 'coorpmanager' && error ? (\n <div\n className={style.errorText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: errorMessage}}\n />\n ) : null;\n return (\n <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n <div className={style.inputContainer}>\n <Autosuggest\n theme={{\n container: style.container,\n input: style.input,\n suggestionsContainer: style.suggestionsContainer,\n suggestionsContainerOpen: style.suggestionsContainerOpen,\n suggestionsList: style.suggestionsList,\n suggestion: style.suggestion,\n suggestionHighlighted: style.suggestionHighlighted\n }}\n suggestions={suggestions}\n onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n onSuggestionsClearRequested={handleSuggestionsClearRequested}\n getSuggestionValue={noop}\n renderSuggestion={renderSuggestion}\n inputProps={inputProps}\n focusInputOnSuggestionClick={false}\n onSuggestionSelected={handleSuggestionsSelected}\n />\n {errorIconView}\n {errorText}\n </div>\n </label>\n {descriptionView}\n </div>\n );\n};\n\nAutocomplete.propTypes = {\n title: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n description: PropTypes.string,\n required: PropTypes.bool,\n modified: PropTypes.bool,\n error: PropTypes.bool,\n errorMessage: PropTypes.string,\n suggestions: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n })\n ),\n theme: PropTypes.oneOf(keys(THEME_STYLE)),\n onInput: PropTypes.func,\n onFetch: PropTypes.func,\n onClear: PropTypes.func,\n onBlur: PropTypes.func,\n onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
@value cm_grey_500 from colors;
|
|
14
14
|
@value cm_grey_700 from colors;
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.defaultStyle {
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-wrap: nowrap;
|
|
19
19
|
align-items: center;
|
|
20
20
|
align-content: center;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
.defaultStyle label {
|
|
24
24
|
display: flex;
|
|
25
25
|
align-items: center;
|
|
26
26
|
height: 50px;
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.error {
|
|
33
|
-
composes:
|
|
33
|
+
composes: defaultStyle;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.modified {
|
|
37
|
-
composes:
|
|
37
|
+
composes: defaultStyle;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.title {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_buttonIcons","_icon","_link","_tooltip","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","faIcon","Icon","_getOr2","ICONS","createElement","className","style","buttonContent","iconName","getSizeStyle","size","small","responsive","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","useState","timer","useRef","contentView","styleButton","classnames","handleOnClick","useCallback","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","PropTypes","oneOf","string","_keys2","func","shape","href","download","bool","target","_default","exports"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n const Icon = getOr(null, icon, ICONS);\n\n if (!Icon && !faIcon) {\n return <div className={style.buttonContent} />;\n }\n\n return (\n <div className={style.buttonContent}>\n {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n </div>\n );\n};\n\nconst getSizeStyle = size => {\n switch (size) {\n case 'small':\n return style.small;\n case 'responsive':\n return style.responsive;\n default:\n return style.default;\n }\n};\n\nconst ButtonLinkIcon = props => {\n const {\n size = 'default',\n disabled,\n icon,\n faIcon,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n link,\n onClick,\n className,\n tooltipPlacement = 'left'\n } = props;\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const timer = useRef();\n\n const contentView = getButtonContent(icon, faIcon);\n const styleButton = classnames(\n getSizeStyle(size),\n link && style.link,\n disabled && style.disabled,\n className\n );\n\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const handleMouseOver = useCallback(() => {\n timer.current && clearTimeout(timer.current);\n timer.current = setTimeout(() => {\n setToolTipIsVisible(true);\n timer.current = undefined;\n }, 300);\n }, [timer, setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n timer.current && clearTimeout(timer.current);\n setToolTipIsVisible(false);\n }, [timer, setToolTipIsVisible]);\n\n const TooltipContent = useCallback(\n () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n [ariaLabel]\n );\n\n const Button = useCallback(\n () =>\n link ? (\n <Link\n {...link}\n {...(ariaLabel\n ? {\n 'data-for': 'button-icon',\n 'data-tip': toolTipIsVisible\n }\n : {})}\n className={styleButton}\n data-name={dataName}\n aria-label={ariaLabel}\n onMouseEnter={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n >\n {contentView}\n </Link>\n ) : (\n <button\n {...(ariaLabel\n ? {\n 'data-for': 'button-icon',\n 'data-tip': toolTipIsVisible\n }\n : {})}\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}-${className}`}\n className={styleButton}\n onClick={handleOnClick}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n disabled={disabled}\n >\n {contentView}\n </button>\n ),\n [\n link,\n ariaLabel,\n className,\n contentView,\n dataName,\n disabled,\n handleMouseLeave,\n handleMouseOver,\n handleOnClick,\n styleButton,\n toolTipIsVisible\n ]\n );\n\n return (\n <>\n <Button />\n {ariaLabel ? (\n <ToolTip\n fontSize={12}\n anchorId=\"button-icon\"\n toolTipIsVisible={toolTipIsVisible}\n placement={tooltipPlacement}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={ariaLabel}\n />\n ) : null}\n </>\n );\n};\n\nButtonLinkIcon.propTypes = {\n size: PropTypes.oneOf(['default', 'small', 'responsive']),\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n icon: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n disabled: PropTypes.bool,\n className: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_buttonIcons","_icon","_link","_tooltip","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","faIcon","Icon","_getOr2","ICONS","createElement","className","style","buttonContent","iconName","getSizeStyle","size","small","responsive","defaultStyle","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","useState","timer","useRef","contentView","styleButton","classnames","handleOnClick","useCallback","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","PropTypes","oneOf","string","_keys2","func","shape","href","download","bool","target","_default","exports"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n const Icon = getOr(null, icon, ICONS);\n\n if (!Icon && !faIcon) {\n return <div className={style.buttonContent} />;\n }\n\n return (\n <div className={style.buttonContent}>\n {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n </div>\n );\n};\n\nconst getSizeStyle = size => {\n switch (size) {\n case 'small':\n return style.small;\n case 'responsive':\n return style.responsive;\n default:\n return style.defaultStyle;\n }\n};\n\nconst ButtonLinkIcon = props => {\n const {\n size = 'default',\n disabled,\n icon,\n faIcon,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n link,\n onClick,\n className,\n tooltipPlacement = 'left'\n } = props;\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n const timer = useRef();\n\n const contentView = getButtonContent(icon, faIcon);\n const styleButton = classnames(\n getSizeStyle(size),\n link && style.link,\n disabled && style.disabled,\n className\n );\n\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const handleMouseOver = useCallback(() => {\n timer.current && clearTimeout(timer.current);\n timer.current = setTimeout(() => {\n setToolTipIsVisible(true);\n timer.current = undefined;\n }, 300);\n }, [timer, setToolTipIsVisible]);\n\n const handleMouseLeave = useCallback(() => {\n timer.current && clearTimeout(timer.current);\n setToolTipIsVisible(false);\n }, [timer, setToolTipIsVisible]);\n\n const TooltipContent = useCallback(\n () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n [ariaLabel]\n );\n\n const Button = useCallback(\n () =>\n link ? (\n <Link\n {...link}\n {...(ariaLabel\n ? {\n 'data-for': 'button-icon',\n 'data-tip': toolTipIsVisible\n }\n : {})}\n className={styleButton}\n data-name={dataName}\n aria-label={ariaLabel}\n onMouseEnter={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n >\n {contentView}\n </Link>\n ) : (\n <button\n {...(ariaLabel\n ? {\n 'data-for': 'button-icon',\n 'data-tip': toolTipIsVisible\n }\n : {})}\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}-${className}`}\n className={styleButton}\n onClick={handleOnClick}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n disabled={disabled}\n >\n {contentView}\n </button>\n ),\n [\n link,\n ariaLabel,\n className,\n contentView,\n dataName,\n disabled,\n handleMouseLeave,\n handleMouseOver,\n handleOnClick,\n styleButton,\n toolTipIsVisible\n ]\n );\n\n return (\n <>\n <Button />\n {ariaLabel ? (\n <ToolTip\n fontSize={12}\n anchorId=\"button-icon\"\n toolTipIsVisible={toolTipIsVisible}\n placement={tooltipPlacement}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={ariaLabel}\n />\n ) : null}\n </>\n );\n};\n\nButtonLinkIcon.propTypes = {\n size: PropTypes.oneOf(['default', 'small', 'responsive']),\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n icon: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n disabled: PropTypes.bool,\n className: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,7 +19,7 @@ const Button = props => {
|
|
|
19
19
|
onClick,
|
|
20
20
|
type = 'default'
|
|
21
21
|
} = props;
|
|
22
|
-
const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.
|
|
22
|
+
const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.defaultStyle, type === 'defaultLeft' && _style.default.defaultLeft, type === 'dangerous' && _style.default.dangerous, type === 'dangerousLeft' && _style.default.dangerousLeft, disabled && _style.default.disabled);
|
|
23
23
|
const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
|
|
24
24
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
25
25
|
type: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","createElement","title","className","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n const styleButton = classnames(\n style.button,\n type === 'default' && style.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","createElement","title","className","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n const styleButton = classnames(\n style.button,\n type === 'default' && style.defaultStyle,\n type === 'defaultLeft' && style.defaultLeft,\n type === 'dangerous' && style.dangerous,\n type === 'dangerousLeft' && style.dangerousLeft,\n disabled && style.disabled\n );\n\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n return (\n <button\n type=\"button\"\n aria-label={label}\n title={label}\n data-name={dataName}\n className={styleButton}\n onClick={handleOnClick}\n disabled={disabled}\n >\n <div className={style.buttonContent}>\n <span className={style.label}>{label}</span>\n </div>\n </button>\n );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n const {buttons, 'data-name': dataName} = props;\n const buildButton = useCallback((button: ButtonProps, index) => {\n return <Button {...button} key={button.label + index} />;\n }, []);\n\n const buttonList = useMemo(\n // @ts-expect-error (to avoid using map as any)\n () => map.convert({cap: false})(buildButton, buttons),\n [buttons, buildButton]\n );\n\n return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
|