@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
package/lib/atom/tag/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var _icon = _interopRequireDefault(require("../icon"));
|
|
|
10
10
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const TAG_STYLES = {
|
|
13
|
-
default: _style.default.
|
|
13
|
+
default: _style.default.defaultStyle,
|
|
14
14
|
success: _style.default.success,
|
|
15
15
|
failure: _style.default.failure,
|
|
16
16
|
warning: _style.default.warning,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.defaultStyle,\n success: style.success,\n failure: style.failure,\n warning: style.warning,\n progress: style.progress\n};\n\nconst TAG_SIZE = {\n S: style.small,\n M: style.medium,\n L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n const {position, ...iconProps} = icon;\n\n return (\n <span\n className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n data-name={`content-tag-${label}`}\n style={customStyle}\n >\n <div className={style.content}>\n {position === 'left' ? <Icon {...iconProps} /> : null}\n <div>{label}</div>\n {position === 'right' ? <Icon {...iconProps} /> : null}\n </div>\n </span>\n );\n};\n\nTag.propTypes = {\n label: PropTypes.string,\n type: PropTypes.oneOf(keys(TAG_STYLES)),\n size: PropTypes.oneOf(['S', 'M', 'L']),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,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,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACC,YAAY;EAC3BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,cAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,cAAK,CAACK;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEP,cAAK,CAACQ,KAAK;EACdC,CAAC,EAAET,cAAK,CAACU,MAAM;EACfC,CAAC,EAAEX,cAAK,CAACY;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE7B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACxB,UAAU,CAACgB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCd,KAAK,EAAEiB;EAAY,gBAEnB5B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEtB,cAAK,CAACwB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAAI,eACrD/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAlC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCiB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAEae,GAAG","ignoreList":[]}
|
package/lib/atom/tag/style.css
CHANGED
|
@@ -27,7 +27,7 @@ const BrandCreateForm = (props, context) => {
|
|
|
27
27
|
} = context;
|
|
28
28
|
const waitMessage = translate('Wait_creation');
|
|
29
29
|
const wrapperClass = isModified || isPending || field.error ? _style.default.modifiedWrapper : _style.default.wrapper;
|
|
30
|
-
const fieldClass = field.error ? _style.default.error : _style.default.
|
|
30
|
+
const fieldClass = field.error ? _style.default.error : _style.default.defaultStyle;
|
|
31
31
|
const disabled = isPending || !isModified;
|
|
32
32
|
const {
|
|
33
33
|
onChange
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n const {translate} = context;\n const waitMessage = translate('Wait_creation');\n\n const wrapperClass =\n isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n const fieldClass = field.error ? style.error : style.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","defaultStyle","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n const {translate} = context;\n const waitMessage = translate('Wait_creation');\n\n const wrapperClass =\n isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n const fieldClass = field.error ? style.error : style.defaultStyle;\n const disabled = isPending || !isModified;\n const {onChange} = field;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n const actionView = isPending ? (\n <div>\n <div className={style.wait}>{waitMessage}</div>\n <div className={style.loading}>\n <Loader />\n </div>\n </div>\n ) : (\n <div>\n <ButtonLink\n type=\"primary\"\n data-name=\"brand_create_submit_button\"\n usage=\"submit\"\n customStyle={{\n display: 'inline-block',\n width: 'fit-content'\n }}\n disabled={disabled}\n label={submitValue}\n />\n </div>\n );\n\n return (\n <div className={wrapperClass}>\n <div className={style.header}>\n <h1>{title}</h1>\n </div>\n <form className={style.content} onSubmit={onSubmit}>\n <h2>{subtitle}</h2>\n <div className={style.description}>{description}</div>\n <div className={fieldClass}>\n <label>\n <input\n type=\"text\"\n maxLength=\"40\"\n data-name=\"brand_create_text_input\"\n placeholder={field.placeholder}\n defaultValue={field.value}\n onInput={handleChange}\n />\n {field.label}\n </label>\n </div>\n {actionView}\n </form>\n </div>\n );\n};\n\nBrandCreateForm.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n field: PropTypes.shape({\n placeholder: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n error: PropTypes.string,\n value: PropTypes.string\n }).isRequired,\n onSubmit: PropTypes.func.isRequired,\n submitValue: PropTypes.string.isRequired,\n isPending: PropTypes.bool,\n isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -73,22 +73,22 @@
|
|
|
73
73
|
margin-bottom: 20px;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
.
|
|
76
|
+
.defaultStyle {
|
|
77
77
|
margin-bottom: 70px;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.error {
|
|
81
|
-
composes:
|
|
81
|
+
composes: defaultStyle;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.
|
|
84
|
+
.defaultStyle label {
|
|
85
85
|
font-family: 'Gilroy';
|
|
86
86
|
font-weight: 600;
|
|
87
87
|
font-size: 18px;
|
|
88
88
|
color: medium;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.defaultStyle input {
|
|
92
92
|
font-family: "Gilroy";
|
|
93
93
|
text-transform: none;
|
|
94
94
|
padding: 0 15px;
|
|
@@ -59,7 +59,7 @@ class BrandUploadBox extends _react.default.Component {
|
|
|
59
59
|
className: _style.default.wrapper
|
|
60
60
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
61
61
|
id: idBox,
|
|
62
|
-
className: dragging ? _style.default.dropping : _style.default.
|
|
62
|
+
className: dragging ? _style.default.dropping : _style.default.defaultStyle
|
|
63
63
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
64
|
className: _style.default.cont
|
|
65
65
|
}, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n description: PropTypes.string,\n browse: PropTypes.string,\n status: PropTypes.oneOf(['default', 'loading']),\n onLoad: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {skin} = this.context;\n const {status} = this.props;\n const {dragging} = this.state;\n\n let content;\n\n const {description = '', browse = '', onLoad, name} = this.props;\n const brandColor = get('common.brand', skin);\n\n switch (status) {\n case 'loading':\n content = (\n <div className={style.loading}>\n <Loader />\n </div>\n );\n break;\n\n default:\n content = (\n <div className={style.wrapper}>\n <div id={idBox} className={dragging ? style.dropping : style.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","defaultStyle","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n description: PropTypes.string,\n browse: PropTypes.string,\n status: PropTypes.oneOf(['default', 'loading']),\n onLoad: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {skin} = this.context;\n const {status} = this.props;\n const {dragging} = this.state;\n\n let content;\n\n const {description = '', browse = '', onLoad, name} = this.props;\n const brandColor = get('common.brand', skin);\n\n switch (status) {\n case 'loading':\n content = (\n <div className={style.loading}>\n <Loader />\n </div>\n );\n break;\n\n default:\n content = (\n <div className={style.wrapper}>\n <div id={idBox} className={dragging ? style.dropping : style.defaultStyle}>\n <div className={style.cont}>\n <UploadIcon style={{color: brandColor}} className={style.arrow} />\n <div className={style.desc}>{description}</div>\n <span className={style.browse}>{browse}</span>\n </div>\n <input\n type=\"file\"\n name={name}\n className={style.inputFile}\n onChange={onLoad}\n onDragEnter={this.handleDragStart}\n onDrop={this.handleDragStop}\n onDragLeave={this.handleDragStop}\n />\n </div>\n </div>\n );\n }\n\n return content;\n }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
transform: scale(1.2);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.defaultStyle {
|
|
28
28
|
border: 2px dashed xtraLightGrey;
|
|
29
29
|
border-radius: 4px;
|
|
30
30
|
overflow: hidden;
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.loading {
|
|
37
|
-
composes:
|
|
37
|
+
composes: defaultStyle;
|
|
38
38
|
height: 80px;
|
|
39
39
|
border: none;
|
|
40
40
|
position: relative;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.dropping {
|
|
44
|
-
composes:
|
|
44
|
+
composes: defaultStyle;
|
|
45
45
|
border: 3px dashed brand;
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@value colors: "../../variables/colors.css";
|
|
4
4
|
@value white from colors;
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.defaultStyle {
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-wrap: wrap;
|
|
9
9
|
justify-content: center;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.content {
|
|
25
|
-
composes:
|
|
25
|
+
composes: defaultStyle;
|
|
26
26
|
padding: 12px 12px 0;
|
|
27
27
|
font-size: 12px;
|
|
28
28
|
}
|
|
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _customer = _interopRequireDefault(require("./customer.css"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const THEMES = exports.THEMES = {
|
|
12
|
-
default:
|
|
12
|
+
default: _customer.default.defaultStyle,
|
|
13
13
|
coorpmanager: _customer.default.coorpmanager
|
|
14
14
|
};
|
|
15
15
|
const Customer = props => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","
|
|
1
|
+
{"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","style","defaultStyle","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","bool","isRequired","_default"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n default: style.defaultStyle,\n coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n const className = classnames(\n THEMES[theme],\n style.customer,\n type === 'chapter' ? style.chapterCustomer : null\n );\n\n return (\n <div className={className} disabled={disabled} aria-label={ariaLabel}>\n <div className={style.content}>\n {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n {coorpOriginal ? <span className={style.original}>Original </span> : null}\n {!coorpOriginal && name}\n </div>\n </div>\n );\n};\n\nCustomer.propTypes = {\n theme: PropTypes.oneOf(keys(THEMES)),\n type: PropTypes.string,\n name: PropTypes.string,\n coorpOriginal: PropTypes.bool.isRequired,\n disabled: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBD,OAAO,EAAEG,iBAAK,CAACC,YAAY;EAC3BC,YAAY,EAAEF,iBAAK,CAACE;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bd,MAAM,CAACU,KAAK,CAAC,EACbR,iBAAK,CAACa,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGN,iBAAK,CAACc,eAAe,GAAG,IAC/C,CAAC;EAED,oBACEzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnErB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEX,iBAAK,CAACgB;EAAQ,GAC3BT,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACiB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClEV,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACkB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACX,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBd,KAAK,EAAEe,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA5B,OAAA,EAAKC,MAAM,CAAC,CAAC;EACpCQ,IAAI,EAAEiB,kBAAS,CAACG,MAAM;EACtBrB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;EACtBnB,aAAa,EAAEgB,kBAAS,CAACI,IAAI,CAACC,UAAU;EACxCnB,QAAQ,EAAEc,kBAAS,CAACI,IAAI;EACxB,YAAY,EAAEJ,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAG,QAAA,GAAA9B,OAAA,CAAAF,OAAA,GAEaM,QAAQ","ignoreList":[]}
|
|
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
24
24
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
25
|
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); }
|
|
26
26
|
const THEMES = exports.THEMES = {
|
|
27
|
-
default:
|
|
27
|
+
default: _style.default.defaultStyle,
|
|
28
28
|
coorpmanager: _style.default.coorpmanager
|
|
29
29
|
};
|
|
30
30
|
const CardBackground = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_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","THEMES","exports","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? (\n <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n ) : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled: hidden = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default',\n disabledContent,\n 'aria-label': cardArialabel,\n 'background-aria-label': backgroundAriaLabel,\n 'favorite-aria-label': favoriteAriaLabel,\n 'selectable-aria-label': selectableAriaLabel,\n 'customer-aria-label': customerAriaLabel,\n 'badge-aria-label': badgeAriaLabel,\n 'disabled-aria-label': disabledArialabel,\n 'card-content-aria-label': cardContentLabelAriaLabel\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const disabled = hidden && (!isSelected || isUndefined(isSelected));\n const handleClick = useMemo(() => e => onClick(e), [onClick]);\n const lock = disabled ? (\n <div className={style.lockContent}>\n <LockIcon className={style.lockIcon} height={48} />\n <span\n aria-label={disabledArialabel}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: disabledContent}}\n />\n </div>\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n aria-label={cardArialabel}\n >\n <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n aria-label={favoriteAriaLabel}\n />\n ) : null}\n <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n theme={theme}\n type={type}\n disabled={disabled}\n aria-label={customerAriaLabel}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n aria-label={cardContentLabelAriaLabel}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n {badge}\n </div>\n ) : null}\n {disabled ? (\n <div className={style.lockWrapper} aria-label={disabledArialabel}>\n {lock}\n </div>\n ) : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES)),\n disabledContent: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'background-aria-label': PropTypes.string,\n 'favorite-aria-label': Favorite.propTypes['aria-label'],\n 'selectable-aria-label': Selectable.propTypes['aria-label'],\n 'customer-aria-label': Customer.propTypes['aria-label'],\n 'badge-aria-label': PropTypes.string,\n 'disabled-aria-label': PropTypes.string,\n 'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,aAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,MAAA,GAAAV,sBAAA,CAAAF,OAAA;AAAgC,SAAAa,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,SAAAf,wBAAAe,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,SAAApB,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEzB,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBpB,OAAO,EAAE,IAAI;EACbsB,YAAY,EAAEC,cAAK,CAACD;AACtB,CAAC;AAED,MAAME,cAAc,GAAGA,CAAC;EAACC,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAE,YAAY,EAAEC;AAAS,CAAC,EAAE;EAACC;AAAI,CAAC,KAAK;EAChF,MAAMC,eAAe,GAAG,IAAAC,kCAAiB,EAACN,IAAI,CAAC;EAC/C,MAAMO,YAAY,GAAG,IAAAC,KAAA,CAAAjC,OAAA,EAAI,gBAAgB,EAAE6B,IAAI,CAAC;EAChD,MAAMK,UAAU,GAAG,IAAAD,KAAA,CAAAjC,OAAA,EAAI,cAAc,EAAE6B,IAAI,CAAC;EAE5C,IAAIC,eAAe,IAAIK,uCAAsB,CAACV,IAAI,CAAC,EAAE;IACnD,MAAMW,QAAQ,GAAGD,uCAAsB,CAACV,IAAI,CAAC,CAACY,IAAI;IAClD,MAAMC,SAAS,GAAGH,uCAAsB,CAACV,IAAI,CAAC,CAACc,KAAK;IACpD,MAAMC,cAAc,gBAClB7D,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;MAAKC,SAAS,EAAEnB,cAAK,CAACoB;IAA0B,gBAC9ChE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACL,QAAQ;MAACM,SAAS,EAAEnB,cAAK,CAACqB;IAAa,CAAE,CACvC,CACN;IAED,IAAIlB,KAAK,EAAE;MACT,MAAMmB,eAAe,gBACnBlE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;QACEC,SAAS,EAAE,IAAAI,mBAAU,EACnBvB,cAAK,CAACoB,yBAAyB,EAC/BpB,cAAK,CAACwB,kCACR,CAAE;QACFxB,KAAK,EAAE;UACLyB,eAAe,EAAEV;QACnB;MAAE,gBAEF3D,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACL,QAAQ;QAACM,SAAS,EAAEnB,cAAK,CAAC0B;MAAsB,CAAE,CAChD,CACN;MAED,oBACEtE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;QAAKC,SAAS,EAAEnB,cAAK,CAAC2B;MAAa,gBACjCvE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;QACE,aAAU,OAAO;QACjB,cAAYb,SAAU;QACtBL,KAAK,EAAE;UACLyB,eAAe,EAAEV,SAAS;UAC1Ba,eAAe,EAAE,QAAQzB,KAAK;QAChC,CAAE;QACFgB,SAAS,EAAE,IAAAI,mBAAU,EAACvB,cAAK,CAAC6B,qBAAqB,EAAE7B,cAAK,CAAC8B,kBAAkB;MAAE,GAE5ER,eACE,CACF,CAAC;IAEV;IACA,oBACElE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;MAAKC,SAAS,EAAEnB,cAAK,CAAC2B;IAAa,gBACjCvE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;MACE,aAAU,OAAO;MACjB,cAAYb,SAAU;MACtBL,KAAK,EAAE;QACLyB,eAAe,EAAEV;MACnB,CAAE;MACFI,SAAS,EAAEnB,cAAK,CAAC6B;IAAsB,GAEtCZ,cACE,CACF,CAAC;EAEV;EAEA,MAAMc,SAAS,GAAG3B,KAAK,gBACrBhD,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,UAAA,CAAAsE,mCAAY;IAACb,SAAS,EAAEnB,cAAK,CAAC+B,SAAU;IAAC/B,KAAK,EAAE;MAACgB,KAAK,EAAEL;IAAU;EAAE,CAAE,CAAC,GACtE,IAAI;EACR,oBACEvD,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IACEC,SAAS,EAAE,IAAAI,mBAAU,EACnBvB,cAAK,CAAC2B,YAAY,EAClBzB,IAAI,KAAK,SAAS,GAAGF,cAAK,CAACiC,mBAAmB,GAAG,IACnD;EAAE,gBAEF7E,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IACE,aAAU,OAAO;IACjB,cAAYb,SAAU;IACtBc,SAAS,EAAEnB,cAAK,CAACG,KAAM;IACvBH,KAAK,EAAE;MACLyB,eAAe,EAAEhB,YAAY;MAC7BmB,eAAe,EAAEzB,KAAK,GAAG,QAAQA,KAAK,IAAI,GAAG;IAC/C;EAAE,GAED4B,SACE,CACF,CAAC;AAEV,CAAC;AAED9B,cAAc,CAACiC,YAAY,GAAG;EAC5B5B,IAAI,EAAE6B,iBAAQ,CAACC,iBAAiB,CAAC9B;AACnC,CAAC;AAEDL,cAAc,CAACoC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBtC,IAAI,EAAEuC,kBAAS,CAACC,MAAM;EACtBvC,KAAK,EAAEsC,kBAAS,CAACC,MAAM;EACvBtC,KAAK,EAAEqC,kBAAS,CAACE,IAAI;EACrB,YAAY,EAAEF,kBAAS,CAACC;AAC1B,CAAC;AAED,MAAME,IAAI,gBAAG,IAAAC,WAAI,EAAC,SAASD,IAAIA,CAACE,KAAK,EAAEC,OAAO,EAAE;EAC9C,MAAM;IAACzC;EAAI,CAAC,GAAGyC,OAAO;EACtB,MAAM;IACJ5C,KAAK;IACL6C,KAAK;IACLC,OAAO;IACPC,QAAQ,EAAEC,MAAM,GAAG,KAAK;IACxBjD,IAAI,GAAG,QAAQ;IACfkD,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC,QAAQ;IACRC,kBAAkB;IAClBC,qBAAqB;IACrBC,OAAO;IACPC,eAAe;IACfC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,UAAU;IACVC,KAAK,GAAG,SAAS;IACjBC,eAAe;IACf,YAAY,EAAEC,aAAa;IAC3B,uBAAuB,EAAEC,mBAAmB;IAC5C,qBAAqB,EAAEC,iBAAiB;IACxC,uBAAuB,EAAEC,mBAAmB;IAC5C,qBAAqB,EAAEC,iBAAiB;IACxC,kBAAkB,EAAEC,cAAc;IAClC,qBAAqB,EAAEC,iBAAiB;IACxC,yBAAyB,EAAEC;EAC7B,CAAC,GAAG7B,KAAK;EACT,MAAM1C,KAAK,GAAG,IAAAwE,SAAA,CAAAnG,OAAA,EAAQ,IAAAoG,MAAA,CAAApG,OAAA,EAAK,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAEqE,KAAK,CAAC,CAAC;EACxE,MAAMrC,YAAY,GAAG,IAAAC,KAAA,CAAAjC,OAAA,EAAI,gBAAgB,EAAE6B,IAAI,CAAC;EAChD,MAAMwE,SAAS,GAAG,IAAAvD,mBAAU,EAC1B1B,MAAM,CAACqE,KAAK,CAAC,EACbhE,IAAI,KAAK,SAAS,GAAGF,cAAK,CAAC+E,OAAO,GAAG/E,cAAK,CAACgF,MAAM,EACjD5B,KAAK,GAAG,IAAI,GAAGpD,cAAK,CAACiF,IAAI,EACzBjF,cAAK,CAACkF,IAAI,EACV9E,KAAK,GAAGJ,cAAK,CAACI,KAAK,GAAG,IACxB,CAAC;EACD,MAAM8C,QAAQ,GAAGC,MAAM,KAAK,CAACW,UAAU,IAAI,IAAAqB,aAAA,CAAA1G,OAAA,EAAYqF,UAAU,CAAC,CAAC;EACnE,MAAMsB,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAMjH,CAAC,IAAIwF,OAAO,CAACxF,CAAC,CAAC,EAAE,CAACwF,OAAO,CAAC,CAAC;EAC7D,MAAM0B,IAAI,GAAGpC,QAAQ,gBACnB9F,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAEnB,cAAK,CAACuF;EAAY,gBAChCnI,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,UAAA,CAAA8H,kCAAQ;IAACrE,SAAS,EAAEnB,cAAK,CAACyF,QAAS;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eACnDtI,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IACE,cAAYwD;IACZ;IAAA;IACAiB,uBAAuB,EAAE;MAACC,MAAM,EAAEzB;IAAe;EAAE,CACpD,CACE,CAAC,GACJ,IAAI;EACR,MAAM0B,gBAAgB,GAAG;IAAC7E,KAAK,EAAEP;EAAY,CAAC;EAC9C,MAAMqF,OAAO,GAAGC,WAAW,IAAI;IAC7B,QAAQA,WAAW;MACjB,KAAK,SAAS;QACZ,OAAO,eAAe;MACxB,KAAK,QAAQ;QACX,OAAO,SAAS;MAClB;QACE,OAAOA,WAAW;IACtB;EACF,CAAC;EAED,oBACE3I,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IACEC,SAAS,EAAE2D,SAAU;IACrB,aAAU,MAAM;IAChB,aAAW5B,QAAS;IACpB,aAAW4C,OAAO,CAAC5F,IAAI,CAAE;IACzBgD,QAAQ,EAAEA,QAAS;IACnBU,OAAO,EAAEwB,WAAY;IACrB,cAAYhB;EAAc,gBAE1BhH,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACjB,cAAc;IAACC,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA,KAAM;IAAC,cAAYiE;EAAoB,CAAE,CAAC,EAC1F,IAAAc,aAAA,CAAA1G,OAAA,EAAYqF,UAAU,CAAC,IAAI,CAAC,IAAAqB,aAAA,CAAA1G,OAAA,EAAYgF,QAAQ,CAAC,gBAChDrG,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACnD,SAAA,CAAAU,OAAQ;IACP0C,SAAS,EAAEnB,cAAK,CAACyD,QAAS;IAC1BA,QAAQ,EAAEA,QAAS;IACnBP,QAAQ,EAAEA,QAAS;IACnBW,eAAe,EAAEA,eAAgB;IACjCH,kBAAkB,EAAEA,kBAAmB;IACvCC,qBAAqB,EAAEA,qBAAsB;IAC7C,cAAYW;EAAkB,CAC/B,CAAC,GACA,IAAI,eACRlH,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAAClD,WAAA,CAAAS,OAAU;IAACqF,UAAU,EAAEA,UAAW;IAACX,MAAM,EAAEA,MAAO;IAAC,cAAYoB;EAAoB,CAAE,CAAC,EACtFR,YAAY,gBAAG3G,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACjD,aAAA,CAAAQ,OAAY,EAAKsF,YAAe,CAAC,GAAG,IAAI,EACxDT,QAAQ,gBACPlG,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACpD,SAAA,CAAAW,OAAQ,EAAAc,QAAA,KACH+D,QAAQ;IACZY,KAAK,EAAEA,KAAM;IACbhE,IAAI,EAAEA,IAAK;IACXgD,QAAQ,EAAEA,QAAS;IACnB,cAAYsB;EAAkB,EAC/B,CAAC,GACA,IAAI,eACRpH,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACrD,YAAA,CAAAY,OAAe;IACduH,IAAI,EAAEC,kBAAK,CAACC,IAAK;IACjBjD,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfE,eAAe,EAAEA,eAAgB;IACjCL,QAAQ,EAAEA,QAAS;IACnB9C,KAAK,EAAEA,KAAM;IACboD,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAM;IACblD,IAAI,EAAEA,IAAK;IACX8D,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACb,cAAYS;EAA0B,CACvC,CAAC,EACD3B,KAAK,gBACJ5F,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAEnB,cAAK,CAACgD,KAAM;IAAChD,KAAK,EAAE6F,gBAAiB;IAAC,cAAYpB;EAAe,GAC9EzB,KACE,CAAC,GACJ,IAAI,EACPE,QAAQ,gBACP9F,MAAA,CAAAqB,OAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAEnB,cAAK,CAACmG,WAAY;IAAC,cAAYzB;EAAkB,GAC9DY,IACE,CAAC,GACJ,IACD,CAAC;AAEV,CAAC,CAAC;AAEF1C,IAAI,CAACV,YAAY,GAAG;EAClB5B,IAAI,EAAE6B,iBAAQ,CAACC,iBAAiB,CAAC9B;AACnC,CAAC;AAEM,MAAM8F,aAAa,GAAAtG,OAAA,CAAAsG,aAAA,GAAG;EAC3BpD,KAAK,EAAEP,kBAAS,CAACC,MAAM;EACvBvC,KAAK,EAAEsC,kBAAS,CAACC,MAAM;EACvBQ,QAAQ,EAAET,kBAAS,CAACE,IAAI;EACxBM,OAAO,EAAER,kBAAS,CAACE,IAAI;EACvBzC,IAAI,EAAEuC,kBAAS,CAACC,MAAM;EACtBU,KAAK,EAAEX,kBAAS,CAACC,MAAM;EACvBW,MAAM,EAAEZ,kBAAS,CAACC,MAAM;EACxBa,eAAe,EAAEd,kBAAS,CAACE,IAAI;EAC/BW,QAAQ,EAAEb,kBAAS,CAAC4D,KAAK,CAACC,iBAAQ,CAACjE,SAAS,CAAC;EAC7CmB,QAAQ,EAAEf,kBAAS,CAAC8D,MAAM;EAC1B9C,QAAQ,EAAEhB,kBAAS,CAACE,IAAI;EACxBe,kBAAkB,EAAEjB,kBAAS,CAACC,MAAM;EACpCiB,qBAAqB,EAAElB,kBAAS,CAACC,MAAM;EACvCkB,OAAO,EAAEnB,kBAAS,CAAC+D,IAAI;EACvB3C,eAAe,EAAEpB,kBAAS,CAAC+D,IAAI;EAC/B1C,UAAU,EAAErB,kBAAS,CAACE,IAAI;EAC1BoB,YAAY,EAAEtB,kBAAS,CAAC4D,KAAK,CAACI,qBAAY,CAACpE,SAAS,CAAC;EACrD2B,aAAa,EAAE0C,oBAAe,CAACrE,SAAS,CAAC2B,aAAa;EACtDC,UAAU,EAAEyC,oBAAe,CAACrE,SAAS,CAAC4B,UAAU;EAChDC,KAAK,EAAEzB,kBAAS,CAACkE,KAAK,CAAC,IAAAC,MAAA,CAAAnI,OAAA,EAAKoB,MAAM,CAAC,CAAC;EACpCsE,eAAe,EAAE1B,kBAAS,CAACC,MAAM;EACjC,YAAY,EAAED,kBAAS,CAACC,MAAM;EAC9B,uBAAuB,EAAED,kBAAS,CAACC,MAAM;EACzC,qBAAqB,EAAEmE,iBAAQ,CAACxE,SAAS,CAAC,YAAY,CAAC;EACvD,uBAAuB,EAAEyE,mBAAU,CAACzE,SAAS,CAAC,YAAY,CAAC;EAC3D,qBAAqB,EAAEiE,iBAAQ,CAACjE,SAAS,CAAC,YAAY,CAAC;EACvD,kBAAkB,EAAEI,kBAAS,CAACC,MAAM;EACpC,qBAAqB,EAAED,kBAAS,CAACC,MAAM;EACvC,yBAAyB,EAAEgE,oBAAe,CAACrE,SAAS,CAAC,YAAY;AACnE,CAAC;AAEDO,IAAI,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG4D,aAAa;AAAC,IAAAW,QAAA,GAAAjH,OAAA,CAAArB,OAAA,GAEhBmE,IAAI","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_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","THEMES","exports","style","defaultStyle","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: style.defaultStyle,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? (\n <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n ) : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled: hidden = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default',\n disabledContent,\n 'aria-label': cardArialabel,\n 'background-aria-label': backgroundAriaLabel,\n 'favorite-aria-label': favoriteAriaLabel,\n 'selectable-aria-label': selectableAriaLabel,\n 'customer-aria-label': customerAriaLabel,\n 'badge-aria-label': badgeAriaLabel,\n 'disabled-aria-label': disabledArialabel,\n 'card-content-aria-label': cardContentLabelAriaLabel\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const disabled = hidden && (!isSelected || isUndefined(isSelected));\n const handleClick = useMemo(() => e => onClick(e), [onClick]);\n const lock = disabled ? (\n <div className={style.lockContent}>\n <LockIcon className={style.lockIcon} height={48} />\n <span\n aria-label={disabledArialabel}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: disabledContent}}\n />\n </div>\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n aria-label={cardArialabel}\n >\n <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n aria-label={favoriteAriaLabel}\n />\n ) : null}\n <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n theme={theme}\n type={type}\n disabled={disabled}\n aria-label={customerAriaLabel}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n aria-label={cardContentLabelAriaLabel}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n {badge}\n </div>\n ) : null}\n {disabled ? (\n <div className={style.lockWrapper} aria-label={disabledArialabel}>\n {lock}\n </div>\n ) : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES)),\n disabledContent: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'background-aria-label': PropTypes.string,\n 'favorite-aria-label': Favorite.propTypes['aria-label'],\n 'selectable-aria-label': Selectable.propTypes['aria-label'],\n 'customer-aria-label': Customer.propTypes['aria-label'],\n 'badge-aria-label': PropTypes.string,\n 'disabled-aria-label': PropTypes.string,\n 'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,aAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,MAAA,GAAAV,sBAAA,CAAAF,OAAA;AAAgC,SAAAa,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,SAAAf,wBAAAe,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,SAAApB,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEzB,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBpB,OAAO,EAAEsB,cAAK,CAACC,YAAY;EAC3BC,YAAY,EAAEF,cAAK,CAACE;AACtB,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAC;EAACC,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAE,YAAY,EAAEC;AAAS,CAAC,EAAE;EAACC;AAAI,CAAC,KAAK;EAChF,MAAMC,eAAe,GAAG,IAAAC,kCAAiB,EAACN,IAAI,CAAC;EAC/C,MAAMO,YAAY,GAAG,IAAAC,KAAA,CAAAlC,OAAA,EAAI,gBAAgB,EAAE8B,IAAI,CAAC;EAChD,MAAMK,UAAU,GAAG,IAAAD,KAAA,CAAAlC,OAAA,EAAI,cAAc,EAAE8B,IAAI,CAAC;EAE5C,IAAIC,eAAe,IAAIK,uCAAsB,CAACV,IAAI,CAAC,EAAE;IACnD,MAAMW,QAAQ,GAAGD,uCAAsB,CAACV,IAAI,CAAC,CAACY,IAAI;IAClD,MAAMC,SAAS,GAAGH,uCAAsB,CAACV,IAAI,CAAC,CAACc,KAAK;IACpD,MAAMC,cAAc,gBAClB9D,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;MAAKC,SAAS,EAAErB,cAAK,CAACsB;IAA0B,gBAC9CjE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACL,QAAQ;MAACM,SAAS,EAAErB,cAAK,CAACuB;IAAa,CAAE,CACvC,CACN;IAED,IAAIlB,KAAK,EAAE;MACT,MAAMmB,eAAe,gBACnBnE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;QACEC,SAAS,EAAE,IAAAI,mBAAU,EACnBzB,cAAK,CAACsB,yBAAyB,EAC/BtB,cAAK,CAAC0B,kCACR,CAAE;QACF1B,KAAK,EAAE;UACL2B,eAAe,EAAEV;QACnB;MAAE,gBAEF5D,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACL,QAAQ;QAACM,SAAS,EAAErB,cAAK,CAAC4B;MAAsB,CAAE,CAChD,CACN;MAED,oBACEvE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;QAAKC,SAAS,EAAErB,cAAK,CAAC6B;MAAa,gBACjCxE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;QACE,aAAU,OAAO;QACjB,cAAYb,SAAU;QACtBP,KAAK,EAAE;UACL2B,eAAe,EAAEV,SAAS;UAC1Ba,eAAe,EAAE,QAAQzB,KAAK;QAChC,CAAE;QACFgB,SAAS,EAAE,IAAAI,mBAAU,EAACzB,cAAK,CAAC+B,qBAAqB,EAAE/B,cAAK,CAACgC,kBAAkB;MAAE,GAE5ER,eACE,CACF,CAAC;IAEV;IACA,oBACEnE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;MAAKC,SAAS,EAAErB,cAAK,CAAC6B;IAAa,gBACjCxE,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;MACE,aAAU,OAAO;MACjB,cAAYb,SAAU;MACtBP,KAAK,EAAE;QACL2B,eAAe,EAAEV;MACnB,CAAE;MACFI,SAAS,EAAErB,cAAK,CAAC+B;IAAsB,GAEtCZ,cACE,CACF,CAAC;EAEV;EAEA,MAAMc,SAAS,GAAG3B,KAAK,gBACrBjD,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACzD,UAAA,CAAAuE,mCAAY;IAACb,SAAS,EAAErB,cAAK,CAACiC,SAAU;IAACjC,KAAK,EAAE;MAACkB,KAAK,EAAEL;IAAU;EAAE,CAAE,CAAC,GACtE,IAAI;EACR,oBACExD,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IACEC,SAAS,EAAE,IAAAI,mBAAU,EACnBzB,cAAK,CAAC6B,YAAY,EAClBzB,IAAI,KAAK,SAAS,GAAGJ,cAAK,CAACmC,mBAAmB,GAAG,IACnD;EAAE,gBAEF9E,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IACE,aAAU,OAAO;IACjB,cAAYb,SAAU;IACtBc,SAAS,EAAErB,cAAK,CAACK,KAAM;IACvBL,KAAK,EAAE;MACL2B,eAAe,EAAEhB,YAAY;MAC7BmB,eAAe,EAAEzB,KAAK,GAAG,QAAQA,KAAK,IAAI,GAAG;IAC/C;EAAE,GAED4B,SACE,CACF,CAAC;AAEV,CAAC;AAED9B,cAAc,CAACiC,YAAY,GAAG;EAC5B5B,IAAI,EAAE6B,iBAAQ,CAACC,iBAAiB,CAAC9B;AACnC,CAAC;AAEDL,cAAc,CAACoC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBtC,IAAI,EAAEuC,kBAAS,CAACC,MAAM;EACtBvC,KAAK,EAAEsC,kBAAS,CAACC,MAAM;EACvBtC,KAAK,EAAEqC,kBAAS,CAACE,IAAI;EACrB,YAAY,EAAEF,kBAAS,CAACC;AAC1B,CAAC;AAED,MAAME,IAAI,gBAAG,IAAAC,WAAI,EAAC,SAASD,IAAIA,CAACE,KAAK,EAAEC,OAAO,EAAE;EAC9C,MAAM;IAACzC;EAAI,CAAC,GAAGyC,OAAO;EACtB,MAAM;IACJ5C,KAAK;IACL6C,KAAK;IACLC,OAAO;IACPC,QAAQ,EAAEC,MAAM,GAAG,KAAK;IACxBjD,IAAI,GAAG,QAAQ;IACfkD,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC,QAAQ;IACRC,kBAAkB;IAClBC,qBAAqB;IACrBC,OAAO;IACPC,eAAe;IACfC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,UAAU;IACVC,KAAK,GAAG,SAAS;IACjBC,eAAe;IACf,YAAY,EAAEC,aAAa;IAC3B,uBAAuB,EAAEC,mBAAmB;IAC5C,qBAAqB,EAAEC,iBAAiB;IACxC,uBAAuB,EAAEC,mBAAmB;IAC5C,qBAAqB,EAAEC,iBAAiB;IACxC,kBAAkB,EAAEC,cAAc;IAClC,qBAAqB,EAAEC,iBAAiB;IACxC,yBAAyB,EAAEC;EAC7B,CAAC,GAAG7B,KAAK;EACT,MAAM1C,KAAK,GAAG,IAAAwE,SAAA,CAAApG,OAAA,EAAQ,IAAAqG,MAAA,CAAArG,OAAA,EAAK,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAEsE,KAAK,CAAC,CAAC;EACxE,MAAMrC,YAAY,GAAG,IAAAC,KAAA,CAAAlC,OAAA,EAAI,gBAAgB,EAAE8B,IAAI,CAAC;EAChD,MAAMwE,SAAS,GAAG,IAAAvD,mBAAU,EAC1B3B,MAAM,CAACsE,KAAK,CAAC,EACbhE,IAAI,KAAK,SAAS,GAAGJ,cAAK,CAACiF,OAAO,GAAGjF,cAAK,CAACkF,MAAM,EACjD5B,KAAK,GAAG,IAAI,GAAGtD,cAAK,CAACmF,IAAI,EACzBnF,cAAK,CAACoF,IAAI,EACV9E,KAAK,GAAGN,cAAK,CAACM,KAAK,GAAG,IACxB,CAAC;EACD,MAAM8C,QAAQ,GAAGC,MAAM,KAAK,CAACW,UAAU,IAAI,IAAAqB,aAAA,CAAA3G,OAAA,EAAYsF,UAAU,CAAC,CAAC;EACnE,MAAMsB,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAMlH,CAAC,IAAIyF,OAAO,CAACzF,CAAC,CAAC,EAAE,CAACyF,OAAO,CAAC,CAAC;EAC7D,MAAM0B,IAAI,GAAGpC,QAAQ,gBACnB/F,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IAAKC,SAAS,EAAErB,cAAK,CAACyF;EAAY,gBAChCpI,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACzD,UAAA,CAAA+H,kCAAQ;IAACrE,SAAS,EAAErB,cAAK,CAAC2F,QAAS;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eACnDvI,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IACE,cAAYwD;IACZ;IAAA;IACAiB,uBAAuB,EAAE;MAACC,MAAM,EAAEzB;IAAe;EAAE,CACpD,CACE,CAAC,GACJ,IAAI;EACR,MAAM0B,gBAAgB,GAAG;IAAC7E,KAAK,EAAEP;EAAY,CAAC;EAC9C,MAAMqF,OAAO,GAAGC,WAAW,IAAI;IAC7B,QAAQA,WAAW;MACjB,KAAK,SAAS;QACZ,OAAO,eAAe;MACxB,KAAK,QAAQ;QACX,OAAO,SAAS;MAClB;QACE,OAAOA,WAAW;IACtB;EACF,CAAC;EAED,oBACE5I,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IACEC,SAAS,EAAE2D,SAAU;IACrB,aAAU,MAAM;IAChB,aAAW5B,QAAS;IACpB,aAAW4C,OAAO,CAAC5F,IAAI,CAAE;IACzBgD,QAAQ,EAAEA,QAAS;IACnBU,OAAO,EAAEwB,WAAY;IACrB,cAAYhB;EAAc,gBAE1BjH,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACjB,cAAc;IAACC,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA,KAAM;IAAC,cAAYiE;EAAoB,CAAE,CAAC,EAC1F,IAAAc,aAAA,CAAA3G,OAAA,EAAYsF,UAAU,CAAC,IAAI,CAAC,IAAAqB,aAAA,CAAA3G,OAAA,EAAYiF,QAAQ,CAAC,gBAChDtG,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACpD,SAAA,CAAAU,OAAQ;IACP2C,SAAS,EAAErB,cAAK,CAAC2D,QAAS;IAC1BA,QAAQ,EAAEA,QAAS;IACnBP,QAAQ,EAAEA,QAAS;IACnBW,eAAe,EAAEA,eAAgB;IACjCH,kBAAkB,EAAEA,kBAAmB;IACvCC,qBAAqB,EAAEA,qBAAsB;IAC7C,cAAYW;EAAkB,CAC/B,CAAC,GACA,IAAI,eACRnH,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACnD,WAAA,CAAAS,OAAU;IAACsF,UAAU,EAAEA,UAAW;IAACX,MAAM,EAAEA,MAAO;IAAC,cAAYoB;EAAoB,CAAE,CAAC,EACtFR,YAAY,gBAAG5G,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAAClD,aAAA,CAAAQ,OAAY,EAAKuF,YAAe,CAAC,GAAG,IAAI,EACxDT,QAAQ,gBACPnG,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACrD,SAAA,CAAAW,OAAQ,EAAAc,QAAA,KACHgE,QAAQ;IACZY,KAAK,EAAEA,KAAM;IACbhE,IAAI,EAAEA,IAAK;IACXgD,QAAQ,EAAEA,QAAS;IACnB,cAAYsB;EAAkB,EAC/B,CAAC,GACA,IAAI,eACRrH,MAAA,CAAAqB,OAAA,CAAA0C,aAAA,CAACtD,YAAA,CAAAY,OAAe;IACdwH,IAAI,EAAEC,kBAAK,CAACC,IAAK;IACjBjD,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfE,eAAe,EAAEA,eAAgB;IACjCL,QAAQ,EAAEA,QAAS;IACnB9C,KAAK,EAAEA,KAAM;IACboD,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAM;IACblD,IAAI,EAAEA,IAAK;IACX8D,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACb,cAAYS;EAA0B,CACvC,CAAC,EACD3B,KAAK,gBACJ7F,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IAAKC,SAAS,EAAErB,cAAK,CAACkD,KAAM;IAAClD,KAAK,EAAE+F,gBAAiB;IAAC,cAAYpB;EAAe,GAC9EzB,KACE,CAAC,GACJ,IAAI,EACPE,QAAQ,gBACP/F,MAAA,CAAAqB,OAAA,CAAA0C,aAAA;IAAKC,SAAS,EAAErB,cAAK,CAACqG,WAAY;IAAC,cAAYzB;EAAkB,GAC9DY,IACE,CAAC,GACJ,IACD,CAAC;AAEV,CAAC,CAAC;AAEF1C,IAAI,CAACV,YAAY,GAAG;EAClB5B,IAAI,EAAE6B,iBAAQ,CAACC,iBAAiB,CAAC9B;AACnC,CAAC;AAEM,MAAM8F,aAAa,GAAAvG,OAAA,CAAAuG,aAAA,GAAG;EAC3BpD,KAAK,EAAEP,kBAAS,CAACC,MAAM;EACvBvC,KAAK,EAAEsC,kBAAS,CAACC,MAAM;EACvBQ,QAAQ,EAAET,kBAAS,CAACE,IAAI;EACxBM,OAAO,EAAER,kBAAS,CAACE,IAAI;EACvBzC,IAAI,EAAEuC,kBAAS,CAACC,MAAM;EACtBU,KAAK,EAAEX,kBAAS,CAACC,MAAM;EACvBW,MAAM,EAAEZ,kBAAS,CAACC,MAAM;EACxBa,eAAe,EAAEd,kBAAS,CAACE,IAAI;EAC/BW,QAAQ,EAAEb,kBAAS,CAAC4D,KAAK,CAACC,iBAAQ,CAACjE,SAAS,CAAC;EAC7CmB,QAAQ,EAAEf,kBAAS,CAAC8D,MAAM;EAC1B9C,QAAQ,EAAEhB,kBAAS,CAACE,IAAI;EACxBe,kBAAkB,EAAEjB,kBAAS,CAACC,MAAM;EACpCiB,qBAAqB,EAAElB,kBAAS,CAACC,MAAM;EACvCkB,OAAO,EAAEnB,kBAAS,CAAC+D,IAAI;EACvB3C,eAAe,EAAEpB,kBAAS,CAAC+D,IAAI;EAC/B1C,UAAU,EAAErB,kBAAS,CAACE,IAAI;EAC1BoB,YAAY,EAAEtB,kBAAS,CAAC4D,KAAK,CAACI,qBAAY,CAACpE,SAAS,CAAC;EACrD2B,aAAa,EAAE0C,oBAAe,CAACrE,SAAS,CAAC2B,aAAa;EACtDC,UAAU,EAAEyC,oBAAe,CAACrE,SAAS,CAAC4B,UAAU;EAChDC,KAAK,EAAEzB,kBAAS,CAACkE,KAAK,CAAC,IAAAC,MAAA,CAAApI,OAAA,EAAKoB,MAAM,CAAC,CAAC;EACpCuE,eAAe,EAAE1B,kBAAS,CAACC,MAAM;EACjC,YAAY,EAAED,kBAAS,CAACC,MAAM;EAC9B,uBAAuB,EAAED,kBAAS,CAACC,MAAM;EACzC,qBAAqB,EAAEmE,iBAAQ,CAACxE,SAAS,CAAC,YAAY,CAAC;EACvD,uBAAuB,EAAEyE,mBAAU,CAACzE,SAAS,CAAC,YAAY,CAAC;EAC3D,qBAAqB,EAAEiE,iBAAQ,CAACjE,SAAS,CAAC,YAAY,CAAC;EACvD,kBAAkB,EAAEI,kBAAS,CAACC,MAAM;EACpC,qBAAqB,EAAED,kBAAS,CAACC,MAAM;EACvC,yBAAyB,EAAEgE,oBAAe,CAACrE,SAAS,CAAC,YAAY;AACnE,CAAC;AAEDO,IAAI,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG4D,aAAa;AAAC,IAAAW,QAAA,GAAAlH,OAAA,CAAArB,OAAA,GAEhBoE,IAAI","ignoreList":[]}
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
@value cm_negative_200 from colors;
|
|
12
12
|
@value negative_100 from colors;
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.defaultStyle[disabled] {
|
|
15
15
|
cursor: inherit;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.defaultStyle {
|
|
19
19
|
display: inline-block;
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
vertical-align: top;
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.defaultStyle[disabled] .favorite {
|
|
37
37
|
z-index: 0;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.course {
|
|
46
|
-
composes:
|
|
46
|
+
composes: defaultStyle;
|
|
47
47
|
border-radius: 8px;
|
|
48
48
|
width: 256px;
|
|
49
49
|
height: 297px;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.chapter {
|
|
53
|
-
composes:
|
|
53
|
+
composes: defaultStyle;
|
|
54
54
|
border-radius: 8px;
|
|
55
55
|
width: 203px;
|
|
56
56
|
height: 297px;
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
max-height: 52px;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.defaultStyle .image {
|
|
92
92
|
overflow: hidden;
|
|
93
93
|
background-position: 50%;
|
|
94
94
|
background-size: cover;
|
|
@@ -99,18 +99,18 @@
|
|
|
99
99
|
line-height: 125px;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
.
|
|
102
|
+
.defaultStyle .image::after {
|
|
103
103
|
opacity: 0;
|
|
104
104
|
transition: opacity 0.25s ease-in-out;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
.
|
|
107
|
+
.defaultStyle:hover .image {
|
|
108
108
|
transform-origin: center;
|
|
109
109
|
transform: scale(1.1);
|
|
110
110
|
transition: all 1s ease-in-out;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.
|
|
113
|
+
.defaultStyle .image::after {
|
|
114
114
|
position: absolute;
|
|
115
115
|
content: '';
|
|
116
116
|
width: 100%;
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
.
|
|
128
|
+
.defaultStyle .image::before {
|
|
129
129
|
position: absolute;
|
|
130
130
|
content: '';
|
|
131
131
|
width: 100%;
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
background: black;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
.
|
|
140
|
+
.defaultStyle:hover .image::before {
|
|
141
141
|
opacity: 0.3;
|
|
142
142
|
transition: opacity 0.5s ease-in-out;
|
|
143
143
|
}
|
|
@@ -156,14 +156,14 @@
|
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.course .
|
|
160
|
-
.chapter .
|
|
159
|
+
.course .defaultStyle:hover,
|
|
160
|
+
.chapter .defaultStyle:hover {
|
|
161
161
|
background: light;
|
|
162
162
|
cursor: pointer;
|
|
163
163
|
transition: background 0.25s ease-in-out;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.
|
|
166
|
+
.defaultStyle[disabled] .imageWrapper {
|
|
167
167
|
opacity: 0.8;
|
|
168
168
|
}
|
|
169
169
|
|
|
@@ -382,8 +382,8 @@
|
|
|
382
382
|
animation-play-state: paused;
|
|
383
383
|
}
|
|
384
384
|
|
|
385
|
-
.
|
|
386
|
-
.
|
|
385
|
+
.defaultStyle:hover .externalIconCircleWrapper::after,
|
|
386
|
+
.defaultStyle:hover .externalIconCircleWrapper::before {
|
|
387
387
|
animation-play-state: running;
|
|
388
388
|
box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, 0.37);
|
|
389
389
|
}
|
|
@@ -494,13 +494,13 @@
|
|
|
494
494
|
}
|
|
495
495
|
|
|
496
496
|
@media (hover: none) {
|
|
497
|
-
.
|
|
497
|
+
.defaultStyle:hover .image {
|
|
498
498
|
transform: scale(1);
|
|
499
499
|
}
|
|
500
|
-
.
|
|
500
|
+
.defaultStyle:hover .image::before {
|
|
501
501
|
opacity: 0;
|
|
502
502
|
}
|
|
503
|
-
.
|
|
503
|
+
.defaultStyle:hover .externalIconCircleWrapper {
|
|
504
504
|
transform: scale(1);
|
|
505
505
|
}
|
|
506
506
|
}
|
|
@@ -102,7 +102,7 @@ class Filters extends _react.default.Component {
|
|
|
102
102
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
103
103
|
"data-name": "filter",
|
|
104
104
|
"data-open": filtersActive,
|
|
105
|
-
className: filtersActive ? _style.default.activeDefault : _style.default.
|
|
105
|
+
className: filtersActive ? _style.default.activeDefault : _style.default.defaultStyle
|
|
106
106
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
107
107
|
className: _style.default.title,
|
|
108
108
|
"data-name": "filterButton",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func,\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {\n sorting,\n filterCTALabel,\n filterTabLabel,\n sortCTALabel,\n sortTabLabel,\n filters,\n moreFilterAriaLabel,\n moreSortAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = this.props;\n const {filter, sorted} = this.state;\n const {skin} = this.context;\n\n const defaultColor = get('common.primary', skin);\n const darkColor = get('common.dark', skin);\n const filtersActive = filter === true;\n const sortingActive = sorted === true;\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\" className={style.select}>\n <Select {...sorting} aria-label={sortAriaLabel} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"search\" className={style.search}>\n <div\n data-name=\"filter\"\n data-open={filtersActive}\n className={filtersActive ? style.activeDefault : style.default}\n >\n <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n {filterTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"sortBy\"\n data-open={sortingActive}\n className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n >\n <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n {sortTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"filterWrapper\"\n className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n >\n <FiltersWrapper\n className={style.wrapper}\n filters={filters}\n filterGroupAriaLabel={filterGroupAriaLabel}\n />\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {filterCTALabel}\n </div>\n </div>\n <div\n data-name=\"sortWrapper\"\n className={sortingActive ? style.activeSorting : style.sorting}\n >\n {sortView}\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {sortCTALabel}\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","defaultStyle","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func,\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {\n sorting,\n filterCTALabel,\n filterTabLabel,\n sortCTALabel,\n sortTabLabel,\n filters,\n moreFilterAriaLabel,\n moreSortAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = this.props;\n const {filter, sorted} = this.state;\n const {skin} = this.context;\n\n const defaultColor = get('common.primary', skin);\n const darkColor = get('common.dark', skin);\n const filtersActive = filter === true;\n const sortingActive = sorted === true;\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\" className={style.select}>\n <Select {...sorting} aria-label={sortAriaLabel} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"search\" className={style.search}>\n <div\n data-name=\"filter\"\n data-open={filtersActive}\n className={filtersActive ? style.activeDefault : style.defaultStyle}\n >\n <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n {filterTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"sortBy\"\n data-open={sortingActive}\n className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n >\n <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n {sortTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"filterWrapper\"\n className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n >\n <FiltersWrapper\n className={style.wrapper}\n filters={filters}\n filterGroupAriaLabel={filterGroupAriaLabel}\n />\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {filterCTALabel}\n </div>\n </div>\n <div\n data-name=\"sortWrapper\"\n className={sortingActive ? style.activeSorting : style.sorting}\n >\n {sortView}\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {sortCTALabel}\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
|