@coorpacademy/components 11.33.2-alpha.1 → 11.33.2-alpha.2
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/organism/list-item/index.d.ts.map +1 -1
- package/es/organism/list-item/index.js +2 -1
- package/es/organism/list-item/index.js.map +1 -1
- package/lib/organism/list-item/index.d.ts.map +1 -1
- package/lib/organism/list-item/index.js +2 -1
- package/lib/organism/list-item/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;8BA+HC"}
|
|
@@ -77,7 +77,8 @@ const ListItem = ({
|
|
|
77
77
|
return /*#__PURE__*/React.createElement("div", {
|
|
78
78
|
className: classnames(style.wrapper, isBulkStyle && style.gridLayout, subtitle && style.withSubtitle, disabled && style.disabled, onClick !== _noop && !disabled && style.cursorPointer),
|
|
79
79
|
onClick: !disabled ? onClick : undefined,
|
|
80
|
-
style: selectedStyle
|
|
80
|
+
style: selectedStyle,
|
|
81
|
+
"data-name": `modal-title-${title}`
|
|
81
82
|
}, /*#__PURE__*/React.createElement("div", {
|
|
82
83
|
className: classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)
|
|
83
84
|
}, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n })\n};\n\nexport default ListItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n data-name={`modal-title-${title}`}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n })\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,qBAAP,MAAkC,yCAAlC;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CACf;EACEC,UADF;EAEEC,gBAFF;EAGEC,qBAHF;EAIEC,IAJF;EAKEC,KALF;EAMEC,QANF;EAOEC,QAPF;EAQEC,aARF;EASEC,QATF;EAUEC,WAVF;EAWEC,KAXF;EAYE,cAAcC,SAZhB;EAaEC,QAAQ,GAAG,KAbb;EAcEC,WAdF;EAeEC,WAAW,GAAG,KAfhB;EAgBEC,gBAAgB,GAAG,KAhBrB;EAiBEC,OAAO,QAjBT;EAkBEC;AAlBF,CADe,EAqBfC,OArBe,KAsBZ;EACH,MAAM;IAACC;EAAD,IAASD,OAAf;;EACA,MAAME,oBAAoB,GAAGb,aAAa,IAAI,KAAI,gBAAJ,EAAsBY,IAAtB,CAA9C;;EACA,MAAME,WAAW,GAAG,KAAI/B,OAAJ,CAAY;IAACgC,GAAG,EAAE;EAAN,CAAZ,CAApB;;EACA,IAAIC,WAAW,GAAG,KAAlB;EAEA,MAAMC,aAAa,GAAGlB,QAAQ,GAC1B;IACEmB,eAAe,EAAEnC,OAAO,CAAE,SAAQ8B,oBAAqB,WAA/B;EAD1B,CAD0B,GAI1B,EAJJ;EAMA,MAAMM,gBAAgB,GAAGpB,QAAQ,GAC7B;IACEmB,eAAe,EAAEnC,OAAO,CAAE,SAAQ8B,oBAAqB,WAA/B,CAD1B;IAEEO,KAAK,EAAEP;EAFT,CAD6B,GAK7B,EALJ;EAOA,MAAMQ,QAAQ,GAAGP,WAAW,CAAC,CAACQ,GAAD,EAAMC,KAAN,KAAgB;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAJ,KAAa,SAA3B;IACA,oBACE;MAAK,GAAG,EAAED,KAAV;MAAiB,SAAS,EAAEhC,KAAK,CAAC+B;IAAlC,gBACE,oBAAC,GAAD,eAASA,GAAT;MAAc,WAAW,EAAEH;IAA3B,GADF,CADF;EAKD,CAP2B,CAAX,CAOdvB,IAPc,CAAjB;EASA,MAAM6B,eAAe,GAAGX,WAAW,CAAC,CAACY,UAAD,EAAaH,KAAb,KAAuB;IACzD,oBACE;MAAK,GAAG,EAAEA,KAAV;MAAiB,SAAS,EAAEhC,KAAK,CAACmC,UAAU,CAACC,SAAZ;IAAjC,GACGD,UAAU,CAACF,IAAX,gBAAkB,oBAAC,GAAD,EAASE,UAAT,CAAlB,GAA4CA,UAAU,CAACE,KAD1D,CADF;EAKD,CANkC,CAAX,CAMrB1B,WANqB,CAAxB;EAQA,MAAM2B,SAAS,GACb1B,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK2B,SAA5B,gBACE;IAAK,SAAS,EAAEvC,KAAK,CAACY,KAAtB;IAA6B,cAAYC;EAAzC,GACGD,KAAK,GAAG,CADX,CADF,GAII,IALN;EAOA,oBACE;IACE,SAAS,EAAEnB,UAAU,CACnBO,KAAK,CAACwC,OADa,EAEnBxB,WAAW,IAAIhB,KAAK,CAACyC,UAFF,EAGnB/B,QAAQ,IAAIV,KAAK,CAAC0C,YAHC,EAInB5B,QAAQ,IAAId,KAAK,CAACc,QAJC,EAKnBI,OAAO,UAAP,IAAoB,CAACJ,QAArB,IAAiCd,KAAK,CAAC2C,aALpB,CADvB;IAQE,OAAO,EAAE,CAAC7B,QAAD,GAAYI,OAAZ,GAAsBqB,SARjC;IASE,KAAK,EAAEb,aATT;IAUE,aAAY,eAAcpB,KAAM;EAVlC,gBAYE;IACE,SAAS,EAAEb,UAAU,CAACO,KAAK,CAAC4C,kBAAP,EAA2B3B,gBAAgB,IAAIjB,KAAK,CAAC6C,eAArD;EADvB,GAGGpB,WAAW,IAAIV,WAAW,KAAK,eAA/B,GAAiDuB,SAAjD,GAA6D,IAHhE,eAIE;IAAK,SAAS,EAAEtC,KAAK,CAAC8C;EAAtB,GACG3B,QAAQ,gBACP,8CACE,oBAAC,MAAD;IACE,QAAQ,EAAEA,QAAQ,CAAC4B,QADrB;IAEE,kBAAkB,EAAE5B,QAAQ,CAAC6B,kBAAT,IAA+B,IAFrD;IAGE,SAAS,EAAE7B,QAAQ,CAAC8B,SAAT,IAAsB3B,oBAHnC;IAIE,MAAM,EAAEH,QAAQ,CAAC+B,MAAT,IAAmB,IAJ7B;IAKE,YAAY,EAAE/B,QAAQ,CAACgC,YAAT,IAAyB;EALzC,EADF,CADO,GAUL,IAXN,CAJF,eAiBE;IAAK,SAAS,EAAEnD,KAAK,CAACoD;EAAtB,gBACE;IAAK,SAAS,EAAEpD,KAAK,CAACqD;EAAtB,gBACE;IAAK,SAAS,EAAErD,KAAK,CAACM,KAAtB;IAA6B,KAAK,EAAEA;EAApC,GACGA,KADH,CADF,EAIGC,QAAQ,gBACP,oBAAC,GAAD;IAAK,KAAK,EAAEA,QAAZ;IAAsB,IAAI,EAAC,SAA3B;IAAqC,SAAS,EAAEP,KAAK,CAACsD;EAAtD,EADO,GAEL,IANN,CADF,EASG5C,QAAQ,gBAAG;IAAK,SAAS,EAAEV,KAAK,CAACU;EAAtB,GAAiCA,QAAjC,CAAH,GAAsD,IATjE,CAjBF,EA4BGwB,eA5BH,CAZF,eA2CE;IAAK,SAAS,EAAElC,KAAK,CAACuD;EAAtB,GACGzB,QADH,EAEGtB,QAAQ,gBACP,oBAAC,MAAD;IACE,QAAQ,EAAC,cADX;IAEE,SAAS,EAAEc,oBAFb;IAGE,eAAe,EAAEvB,MAAM,CAACyD,KAH1B;IAIE,IAAI,EAAE;MAACC,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAJR,EADO,GAOL,IATN,EAUGxD,UAAU,gBAAG,oBAAC,UAAD,EAAgBA,UAAhB,CAAH,GAAoC,IAVjD,EAWGC,gBAAgB,gBAAG,oBAAC,UAAD,EAAgBA,gBAAhB,CAAH,GAA0C,IAX7D,EAYG,CAAC,SAAQC,qBAAR,CAAD,gBACC,oBAAC,qBAAD,EAA2BA,qBAA3B,CADD,GAEG,IAdN,CA3CF,CADF;AA8DD,CA/HD;;AAiIAH,QAAQ,CAAC0D,YAAT,GAAwB;EACtBtC,IAAI,EAAE3B,QAAQ,CAACkE,iBAAT,CAA2BvC,IADX;EAEtBwC,SAAS,EAAEnE,QAAQ,CAACkE,iBAAT,CAA2BC;AAFhB,CAAxB;AAKA5D,QAAQ,CAAC6D,SAAT,2CAAqB;EACnBxD,KAAK,EAAEf,SAAS,CAACwE,MAAV,CAAiBC,UADL;EAEnBtD,QAAQ,EAAEnB,SAAS,CAACwE,MAFD;EAGnBxD,QAAQ,EAAEhB,SAAS,CAACwE,MAHD;EAInBvD,QAAQ,EAAEjB,SAAS,CAAC0E,IAJD;EAKnBxD,aAAa,EAAElB,SAAS,CAACwE,MALN;EAMnBpD,WAAW,EAAEpB,SAAS,CAAC2E,OAAV,CACX3E,SAAS,CAAC4E,KAAV,CAAgB;IACd9B,KAAK,EAAE9C,SAAS,CAACwE,MADH;IAEd9B,IAAI,EAAE1C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB,CAFQ;IAGdhC,SAAS,EAAE7C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB;EAHG,CAAhB,CADW,CANM;EAanBlE,UAAU,EAAEX,SAAS,CAAC4E,KAAV,CAAgB;IAC1BlC,IAAI,EAAE1C,SAAS,CAACwE,MADU;IAE1B1B,KAAK,EAAE9C,SAAS,CAACwE,MAFS;IAG1BlD,SAAS,EAAEtB,SAAS,CAACwE,MAHK;IAI1BM,QAAQ,EAAE9E,SAAS,CAACwE,MAJM;IAK1BO,IAAI,EAAE/E,SAAS,CAAC4E,KAAV,CAAgB;MACpBI,QAAQ,EAAEhF,SAAS,CAACwE,MADA;MAEpB9B,IAAI,EAAE1C,SAAS,CAACwE;IAFI,CAAhB,CALoB;IAS1B7C,OAAO,EAAE3B,SAAS,CAACiF;EATO,CAAhB,CAbO;EAwBnBrE,gBAAgB,EAAEZ,SAAS,CAAC4E,KAAV,CAAgB;IAChClC,IAAI,EAAE1C,SAAS,CAACwE,MADgB;IAEhC1B,KAAK,EAAE9C,SAAS,CAACwE,MAFe;IAGhClD,SAAS,EAAEtB,SAAS,CAACwE,MAHW;IAIhCM,QAAQ,EAAE9E,SAAS,CAACwE,MAJY;IAKhCO,IAAI,EAAE/E,SAAS,CAAC4E,KAAV,CAAgB;MACpBI,QAAQ,EAAEhF,SAAS,CAACwE,MADA;MAEpB9B,IAAI,EAAE1C,SAAS,CAACwE;IAFI,CAAhB,CAL0B;IAShC7C,OAAO,EAAE3B,SAAS,CAACiF;EATa,CAAhB,CAxBC;EAmCnBpE,qBAAqB,EAAEb,SAAS,CAAC4E,KAAV,CAAgB;IACrCM,eAAe,EAAElF,SAAS,CAACwE,MADU;IAErCW,aAAa,EAAEnF,SAAS,CAACwE,MAFY;IAGrCY,OAAO,EAAEpF,SAAS,CAAC2E,OAAV,CACP3E,SAAS,CAAC4E,KAAV,CAAgB;MACd,aAAa5E,SAAS,CAACwE,MADT;MAEd1B,KAAK,EAAE9C,SAAS,CAACwE,MAFH;MAGd9B,IAAI,EAAE1C,SAAS,CAACwE,MAHF;MAId7C,OAAO,EAAE3B,SAAS,CAACiF;IAJL,CAAhB,CADO,CAH4B;IAWrCtD,OAAO,EAAE3B,SAAS,CAACiF;EAXkB,CAAhB,CAnCJ;EAgDnBnE,IAAI,EAAEd,SAAS,CAAC2E,OAAV,CACJ3E,SAAS,CAAC4E,KAAV,CAAgB;IACd9B,KAAK,EAAE9C,SAAS,CAACwE,MADH;IAEd9B,IAAI,EAAE1C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB;EAFQ,CAAhB,CADI,CAhDa;EAsDnBtD,QAAQ,EAAEvB,SAAS,CAAC0E,IAtDD;EAuDnB/C,OAAO,EAAE3B,SAAS,CAACiF,IAvDA;EAwDnBxD,WAAW,EAAEzB,SAAS,CAAC0E,IAxDJ;EAyDnBhD,gBAAgB,EAAE1B,SAAS,CAAC0E,IAzDT;EA0DnBrD,KAAK,EAAErB,SAAS,CAACqF,MA1DE;EA2DnB,cAAcrF,SAAS,CAACwE,MA3DL;EA4DnBhD,WAAW,EAAExB,SAAS,CAACwE,MA5DJ;EA6DnBc,EAAE,EAAEtF,SAAS,CAACwE,MA7DK;EA8DnB5C,QAAQ,EAAE5B,SAAS,CAAC4E,KAAV,CAAgB;IACxBpB,QAAQ,EAAExD,SAAS,CAACwE,MADI;IAExBd,SAAS,EAAE1D,SAAS,CAACwE,MAFG;IAGxBpC,eAAe,EAAEpC,SAAS,CAACwE,MAHH;IAIxBZ,YAAY,EAAE5D,SAAS,CAACwE,MAJA;IAKxBb,MAAM,EAAE3D,SAAS,CAACwE,MALM;IAMxBf,kBAAkB,EAAEzD,SAAS,CAAC0E,IANN;IAOxBa,IAAI,EAAEvF,SAAS,CAACqF,MAPQ;IAQxBlB,WAAW,EAAEnE,SAAS,CAACqF;EARC,CAAhB;AA9DS,CAArB;AA0EA,eAAe3E,QAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;8BA+HC"}
|
|
@@ -96,7 +96,8 @@ const ListItem = ({
|
|
|
96
96
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
97
|
className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle && _style.default.gridLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer),
|
|
98
98
|
onClick: !disabled ? onClick : undefined,
|
|
99
|
-
style: selectedStyle
|
|
99
|
+
style: selectedStyle,
|
|
100
|
+
"data-name": `modal-title-${title}`
|
|
100
101
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
101
102
|
className: (0, _classnames.default)(_style.default.dataColumnsWrapper, isOverflowHidden && _style.default.hiddenOverflowX)
|
|
102
103
|
}, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n })\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CACf;EACEC,UADF;EAEEC,gBAFF;EAGEC,qBAHF;EAIEC,IAJF;EAKEC,KALF;EAMEC,QANF;EAOEC,QAPF;EAQEC,aARF;EASEC,QATF;EAUEC,WAVF;EAWEC,KAXF;EAYE,cAAcC,SAZhB;EAaEC,QAAQ,GAAG,KAbb;EAcEC,WAdF;EAeEC,WAAW,GAAG,KAfhB;EAgBEC,gBAAgB,GAAG,KAhBrB;EAiBEC,OAAO,iBAjBT;EAkBEC;AAlBF,CADe,EAqBfC,OArBe,KAsBZ;EACH,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAME,oBAAoB,GAAGb,aAAa,IAAI,mBAAI,gBAAJ,EAAsBY,IAAtB,CAA9C;;EACA,MAAME,WAAW,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,CAApB;;EACA,IAAIC,WAAW,GAAG,KAAlB;EAEA,MAAMC,aAAa,GAAGnB,QAAQ,GAC1B;IACEoB,eAAe,EAAE,IAAAJ,yBAAA,EAAS,SAAQF,oBAAqB,WAAtC;EADnB,CAD0B,GAI1B,EAJJ;EAMA,MAAMO,gBAAgB,GAAGrB,QAAQ,GAC7B;IACEoB,eAAe,EAAE,IAAAJ,yBAAA,EAAS,SAAQF,oBAAqB,WAAtC,CADnB;IAEEQ,KAAK,EAAER;EAFT,CAD6B,GAK7B,EALJ;EAOA,MAAMS,QAAQ,GAAGR,WAAW,CAAC,CAACS,GAAD,EAAMC,KAAN,KAAgB;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAJ,KAAa,SAA3B;IACA,oBACE;MAAK,GAAG,EAAED,KAAV;MAAiB,SAAS,EAAEE,cAAA,CAAMH;IAAlC,gBACE,6BAAC,YAAD,eAASA,GAAT;MAAc,WAAW,EAAEH;IAA3B,GADF,CADF;EAKD,CAP2B,CAAX,CAOdxB,IAPc,CAAjB;EASA,MAAM+B,eAAe,GAAGb,WAAW,CAAC,CAACc,UAAD,EAAaJ,KAAb,KAAuB;IACzD,oBACE;MAAK,GAAG,EAAEA,KAAV;MAAiB,SAAS,EAAEE,cAAA,CAAME,UAAU,CAACC,SAAjB;IAA5B,GACGD,UAAU,CAACH,IAAX,gBAAkB,6BAAC,YAAD,EAASG,UAAT,CAAlB,GAA4CA,UAAU,CAACE,KAD1D,CADF;EAKD,CANkC,CAAX,CAMrB5B,WANqB,CAAxB;EAQA,MAAM6B,SAAS,GACb5B,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK6B,SAA5B,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMvB,KAAtB;IAA6B,cAAYC;EAAzC,GACGD,KAAK,GAAG,CADX,CADF,GAII,IALN;EAOA,oBACE;IACE,SAAS,EAAE,IAAA8B,mBAAA,EACTP,cAAA,CAAMQ,OADG,EAET3B,WAAW,IAAImB,cAAA,CAAMS,UAFZ,EAGTlC,QAAQ,IAAIyB,cAAA,CAAMU,YAHT,EAIT/B,QAAQ,IAAIqB,cAAA,CAAMrB,QAJT,EAKTI,OAAO,mBAAP,IAAoB,CAACJ,QAArB,IAAiCqB,cAAA,CAAMW,aAL9B,CADb;IAQE,OAAO,EAAE,CAAChC,QAAD,GAAYI,OAAZ,GAAsBuB,SARjC;IASE,KAAK,EAAEd;EATT,gBAWE;IACE,SAAS,EAAE,IAAAe,mBAAA,EAAWP,cAAA,CAAMY,kBAAjB,EAAqC9B,gBAAgB,IAAIkB,cAAA,CAAMa,eAA/D;EADb,GAGGtB,WAAW,IAAIX,WAAW,KAAK,eAA/B,GAAiDyB,SAAjD,GAA6D,IAHhE,eAIE;IAAK,SAAS,EAAEL,cAAA,CAAMc;EAAtB,GACG9B,QAAQ,gBACP,uDACE,6BAAC,aAAD;IACE,QAAQ,EAAEA,QAAQ,CAAC+B,QADrB;IAEE,kBAAkB,EAAE/B,QAAQ,CAACgC,kBAAT,IAA+B,IAFrD;IAGE,SAAS,EAAEhC,QAAQ,CAACiC,SAAT,IAAsB9B,oBAHnC;IAIE,MAAM,EAAEH,QAAQ,CAACkC,MAAT,IAAmB,IAJ7B;IAKE,YAAY,EAAElC,QAAQ,CAACmC,YAAT,IAAyB;EALzC,EADF,CADO,GAUL,IAXN,CAJF,eAiBE;IAAK,SAAS,EAAEnB,cAAA,CAAMoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,cAAA,CAAMqB;EAAtB,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAM7B,KAAtB;IAA6B,KAAK,EAAEA;EAApC,GACGA,KADH,CADF,EAIGC,QAAQ,gBACP,6BAAC,YAAD;IAAK,KAAK,EAAEA,QAAZ;IAAsB,IAAI,EAAC,SAA3B;IAAqC,SAAS,EAAE4B,cAAA,CAAMsB;EAAtD,EADO,GAEL,IANN,CADF,EASG/C,QAAQ,gBAAG;IAAK,SAAS,EAAEyB,cAAA,CAAMzB;EAAtB,GAAiCA,QAAjC,CAAH,GAAsD,IATjE,CAjBF,EA4BG0B,eA5BH,CAXF,eA0CE;IAAK,SAAS,EAAED,cAAA,CAAMuB;EAAtB,GACG3B,QADH,EAEGvB,QAAQ,gBACP,6BAAC,aAAD;IACE,QAAQ,EAAC,cADX;IAEE,SAAS,EAAEc,oBAFb;IAGE,eAAe,EAAEqC,cAAA,CAAOC,KAH1B;IAIE,IAAI,EAAE;MAACC,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAJR,EADO,GAOL,IATN,EAUG5D,UAAU,gBAAG,6BAAC,mBAAD,EAAgBA,UAAhB,CAAH,GAAoC,IAVjD,EAWGC,gBAAgB,gBAAG,6BAAC,mBAAD,EAAgBA,gBAAhB,CAAH,GAA0C,IAX7D,EAYG,CAAC,uBAAQC,qBAAR,CAAD,gBACC,6BAAC,8BAAD,EAA2BA,qBAA3B,CADD,GAEG,IAdN,CA1CF,CADF;AA6DD,CA9HD;;AAgIAH,QAAQ,CAAC8D,YAAT,GAAwB;EACtB1C,IAAI,EAAE2C,iBAAA,CAASC,iBAAT,CAA2B5C,IADX;EAEtB6C,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AAFhB,CAAxB;AAKAjE,QAAQ,CAACkE,SAAT,2CAAqB;EACnB7D,KAAK,EAAE8D,kBAAA,CAAUC,MAAV,CAAiBC,UADL;EAEnB5D,QAAQ,EAAE0D,kBAAA,CAAUC,MAFD;EAGnB9D,QAAQ,EAAE6D,kBAAA,CAAUC,MAHD;EAInB7D,QAAQ,EAAE4D,kBAAA,CAAUG,IAJD;EAKnB9D,aAAa,EAAE2D,kBAAA,CAAUC,MALN;EAMnB1D,WAAW,EAAEyD,kBAAA,CAAUI,OAAV,CACXJ,kBAAA,CAAUK,KAAV,CAAgB;IACdlC,KAAK,EAAE6B,kBAAA,CAAUC,MADH;IAEdnC,IAAI,EAAEkC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB,CAFQ;IAGdpC,SAAS,EAAE8B,kBAAA,CAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB;EAHG,CAAhB,CADW,CANM;EAanBxE,UAAU,EAAEkE,kBAAA,CAAUK,KAAV,CAAgB;IAC1BvC,IAAI,EAAEkC,kBAAA,CAAUC,MADU;IAE1B9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFS;IAG1BxD,SAAS,EAAEuD,kBAAA,CAAUC,MAHK;IAI1BM,QAAQ,EAAEP,kBAAA,CAAUC,MAJM;IAK1BO,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;MACpBI,QAAQ,EAAET,kBAAA,CAAUC,MADA;MAEpBnC,IAAI,EAAEkC,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1BnD,OAAO,EAAEkD,kBAAA,CAAUU;EATO,CAAhB,CAbO;EAwBnB3E,gBAAgB,EAAEiE,kBAAA,CAAUK,KAAV,CAAgB;IAChCvC,IAAI,EAAEkC,kBAAA,CAAUC,MADgB;IAEhC9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFe;IAGhCxD,SAAS,EAAEuD,kBAAA,CAAUC,MAHW;IAIhCM,QAAQ,EAAEP,kBAAA,CAAUC,MAJY;IAKhCO,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;MACpBI,QAAQ,EAAET,kBAAA,CAAUC,MADA;MAEpBnC,IAAI,EAAEkC,kBAAA,CAAUC;IAFI,CAAhB,CAL0B;IAShCnD,OAAO,EAAEkD,kBAAA,CAAUU;EATa,CAAhB,CAxBC;EAmCnB1E,qBAAqB,EAAEgE,kBAAA,CAAUK,KAAV,CAAgB;IACrCM,eAAe,EAAEX,kBAAA,CAAUC,MADU;IAErCW,aAAa,EAAEZ,kBAAA,CAAUC,MAFY;IAGrCY,OAAO,EAAEb,kBAAA,CAAUI,OAAV,CACPJ,kBAAA,CAAUK,KAAV,CAAgB;MACd,aAAaL,kBAAA,CAAUC,MADT;MAEd9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFH;MAGdnC,IAAI,EAAEkC,kBAAA,CAAUC,MAHF;MAIdnD,OAAO,EAAEkD,kBAAA,CAAUU;IAJL,CAAhB,CADO,CAH4B;IAWrC5D,OAAO,EAAEkD,kBAAA,CAAUU;EAXkB,CAAhB,CAnCJ;EAgDnBzE,IAAI,EAAE+D,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUK,KAAV,CAAgB;IACdlC,KAAK,EAAE6B,kBAAA,CAAUC,MADH;IAEdnC,IAAI,EAAEkC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB;EAFQ,CAAhB,CADI,CAhDa;EAsDnB5D,QAAQ,EAAEsD,kBAAA,CAAUG,IAtDD;EAuDnBrD,OAAO,EAAEkD,kBAAA,CAAUU,IAvDA;EAwDnB9D,WAAW,EAAEoD,kBAAA,CAAUG,IAxDJ;EAyDnBtD,gBAAgB,EAAEmD,kBAAA,CAAUG,IAzDT;EA0DnB3D,KAAK,EAAEwD,kBAAA,CAAUc,MA1DE;EA2DnB,cAAcd,kBAAA,CAAUC,MA3DL;EA4DnBtD,WAAW,EAAEqD,kBAAA,CAAUC,MA5DJ;EA6DnBc,EAAE,EAAEf,kBAAA,CAAUC,MA7DK;EA8DnBlD,QAAQ,EAAEiD,kBAAA,CAAUK,KAAV,CAAgB;IACxBvB,QAAQ,EAAEkB,kBAAA,CAAUC,MADI;IAExBjB,SAAS,EAAEgB,kBAAA,CAAUC,MAFG;IAGxBzC,eAAe,EAAEwC,kBAAA,CAAUC,MAHH;IAIxBf,YAAY,EAAEc,kBAAA,CAAUC,MAJA;IAKxBhB,MAAM,EAAEe,kBAAA,CAAUC,MALM;IAMxBlB,kBAAkB,EAAEiB,kBAAA,CAAUG,IANN;IAOxBa,IAAI,EAAEhB,kBAAA,CAAUc,MAPQ;IAQxBpB,WAAW,EAAEM,kBAAA,CAAUc;EARC,CAAhB;AA9DS,CAArB;eA0EejF,Q"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n {\n buttonLink,\n secondButtonLink,\n bulletPointMenuButton,\n tags,\n title,\n provider,\n selected,\n selectedColor,\n subtitle,\n dataColumns,\n order,\n 'aria-label': ariaLabel,\n disabled = false,\n contentType,\n isBulkStyle = false,\n isOverflowHidden = false,\n onClick = noop,\n leftIcon\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor || get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n let isPublished = false;\n\n const selectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n }\n : {};\n\n const tagSelectedStyle = selected\n ? {\n backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n color: primarySelectedColor\n }\n : {};\n\n const tagsView = mapUncapped((tag, index) => {\n isPublished = tag.type === 'success';\n return (\n <div key={index} className={style.tag}>\n <Tag {...tag} customStyle={tagSelectedStyle} />\n </div>\n );\n })(tags);\n\n const dataColumnsView = mapUncapped((dataColumn, index) => {\n return (\n <div key={index} className={style[dataColumn.className]}>\n {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n </div>\n );\n })(dataColumns);\n\n const orderView =\n order !== null && order !== undefined ? (\n <div className={style.order} aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle && style.gridLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n data-name={`modal-title-${title}`}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n <div className={style.leftSection}>\n {leftIcon ? (\n <div>\n <FaIcon\n iconName={leftIcon.iconName}\n gradientBackground={leftIcon.gradientBackground || true}\n iconColor={leftIcon.iconColor || primarySelectedColor}\n preset={leftIcon.preset || 'xl'}\n borderRadius={leftIcon.borderRadius || '25%'}\n />\n </div>\n ) : null}\n </div>\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n <div className={style.title} title={title}>\n {title}\n </div>\n {provider ? (\n <Tag label={provider} type=\"default\" className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\n\n <div className={style.settings}>\n {tagsView}\n {selected ? (\n <FaIcon\n iconName=\"circle-check\"\n iconColor={primarySelectedColor}\n backgroundColor={COLORS.white}\n size={{faSize: 16, wrapperSize: 16}}\n />\n ) : null}\n {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n {!isEmpty(bulletPointMenuButton) ? (\n <BulletPointMenuButton {...bulletPointMenuButton} />\n ) : null}\n </div>\n </div>\n );\n};\n\nListItem.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n provider: PropTypes.string,\n selected: PropTypes.bool,\n selectedColor: PropTypes.string,\n dataColumns: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n className: PropTypes.oneOf(['cell', 'title'])\n })\n ),\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n secondButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n bulletPointMenuButton: PropTypes.shape({\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: PropTypes.arrayOf(\n PropTypes.shape({\n 'data-name': PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n onClick: PropTypes.func\n }),\n tags: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n })\n ),\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n isBulkStyle: PropTypes.bool,\n isOverflowHidden: PropTypes.bool,\n order: PropTypes.number,\n 'aria-label': PropTypes.string,\n contentType: PropTypes.string,\n id: PropTypes.string,\n leftIcon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n backgroundColor: PropTypes.string,\n borderRadius: PropTypes.string,\n preset: PropTypes.string,\n gradientBackground: PropTypes.bool,\n size: PropTypes.number,\n wrapperSize: PropTypes.number\n })\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CACf;EACEC,UADF;EAEEC,gBAFF;EAGEC,qBAHF;EAIEC,IAJF;EAKEC,KALF;EAMEC,QANF;EAOEC,QAPF;EAQEC,aARF;EASEC,QATF;EAUEC,WAVF;EAWEC,KAXF;EAYE,cAAcC,SAZhB;EAaEC,QAAQ,GAAG,KAbb;EAcEC,WAdF;EAeEC,WAAW,GAAG,KAfhB;EAgBEC,gBAAgB,GAAG,KAhBrB;EAiBEC,OAAO,iBAjBT;EAkBEC;AAlBF,CADe,EAqBfC,OArBe,KAsBZ;EACH,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAME,oBAAoB,GAAGb,aAAa,IAAI,mBAAI,gBAAJ,EAAsBY,IAAtB,CAA9C;;EACA,MAAME,WAAW,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,CAApB;;EACA,IAAIC,WAAW,GAAG,KAAlB;EAEA,MAAMC,aAAa,GAAGnB,QAAQ,GAC1B;IACEoB,eAAe,EAAE,IAAAJ,yBAAA,EAAS,SAAQF,oBAAqB,WAAtC;EADnB,CAD0B,GAI1B,EAJJ;EAMA,MAAMO,gBAAgB,GAAGrB,QAAQ,GAC7B;IACEoB,eAAe,EAAE,IAAAJ,yBAAA,EAAS,SAAQF,oBAAqB,WAAtC,CADnB;IAEEQ,KAAK,EAAER;EAFT,CAD6B,GAK7B,EALJ;EAOA,MAAMS,QAAQ,GAAGR,WAAW,CAAC,CAACS,GAAD,EAAMC,KAAN,KAAgB;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAJ,KAAa,SAA3B;IACA,oBACE;MAAK,GAAG,EAAED,KAAV;MAAiB,SAAS,EAAEE,cAAA,CAAMH;IAAlC,gBACE,6BAAC,YAAD,eAASA,GAAT;MAAc,WAAW,EAAEH;IAA3B,GADF,CADF;EAKD,CAP2B,CAAX,CAOdxB,IAPc,CAAjB;EASA,MAAM+B,eAAe,GAAGb,WAAW,CAAC,CAACc,UAAD,EAAaJ,KAAb,KAAuB;IACzD,oBACE;MAAK,GAAG,EAAEA,KAAV;MAAiB,SAAS,EAAEE,cAAA,CAAME,UAAU,CAACC,SAAjB;IAA5B,GACGD,UAAU,CAACH,IAAX,gBAAkB,6BAAC,YAAD,EAASG,UAAT,CAAlB,GAA4CA,UAAU,CAACE,KAD1D,CADF;EAKD,CANkC,CAAX,CAMrB5B,WANqB,CAAxB;EAQA,MAAM6B,SAAS,GACb5B,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK6B,SAA5B,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMvB,KAAtB;IAA6B,cAAYC;EAAzC,GACGD,KAAK,GAAG,CADX,CADF,GAII,IALN;EAOA,oBACE;IACE,SAAS,EAAE,IAAA8B,mBAAA,EACTP,cAAA,CAAMQ,OADG,EAET3B,WAAW,IAAImB,cAAA,CAAMS,UAFZ,EAGTlC,QAAQ,IAAIyB,cAAA,CAAMU,YAHT,EAIT/B,QAAQ,IAAIqB,cAAA,CAAMrB,QAJT,EAKTI,OAAO,mBAAP,IAAoB,CAACJ,QAArB,IAAiCqB,cAAA,CAAMW,aAL9B,CADb;IAQE,OAAO,EAAE,CAAChC,QAAD,GAAYI,OAAZ,GAAsBuB,SARjC;IASE,KAAK,EAAEd,aATT;IAUE,aAAY,eAAcrB,KAAM;EAVlC,gBAYE;IACE,SAAS,EAAE,IAAAoC,mBAAA,EAAWP,cAAA,CAAMY,kBAAjB,EAAqC9B,gBAAgB,IAAIkB,cAAA,CAAMa,eAA/D;EADb,GAGGtB,WAAW,IAAIX,WAAW,KAAK,eAA/B,GAAiDyB,SAAjD,GAA6D,IAHhE,eAIE;IAAK,SAAS,EAAEL,cAAA,CAAMc;EAAtB,GACG9B,QAAQ,gBACP,uDACE,6BAAC,aAAD;IACE,QAAQ,EAAEA,QAAQ,CAAC+B,QADrB;IAEE,kBAAkB,EAAE/B,QAAQ,CAACgC,kBAAT,IAA+B,IAFrD;IAGE,SAAS,EAAEhC,QAAQ,CAACiC,SAAT,IAAsB9B,oBAHnC;IAIE,MAAM,EAAEH,QAAQ,CAACkC,MAAT,IAAmB,IAJ7B;IAKE,YAAY,EAAElC,QAAQ,CAACmC,YAAT,IAAyB;EALzC,EADF,CADO,GAUL,IAXN,CAJF,eAiBE;IAAK,SAAS,EAAEnB,cAAA,CAAMoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,cAAA,CAAMqB;EAAtB,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAM7B,KAAtB;IAA6B,KAAK,EAAEA;EAApC,GACGA,KADH,CADF,EAIGC,QAAQ,gBACP,6BAAC,YAAD;IAAK,KAAK,EAAEA,QAAZ;IAAsB,IAAI,EAAC,SAA3B;IAAqC,SAAS,EAAE4B,cAAA,CAAMsB;EAAtD,EADO,GAEL,IANN,CADF,EASG/C,QAAQ,gBAAG;IAAK,SAAS,EAAEyB,cAAA,CAAMzB;EAAtB,GAAiCA,QAAjC,CAAH,GAAsD,IATjE,CAjBF,EA4BG0B,eA5BH,CAZF,eA2CE;IAAK,SAAS,EAAED,cAAA,CAAMuB;EAAtB,GACG3B,QADH,EAEGvB,QAAQ,gBACP,6BAAC,aAAD;IACE,QAAQ,EAAC,cADX;IAEE,SAAS,EAAEc,oBAFb;IAGE,eAAe,EAAEqC,cAAA,CAAOC,KAH1B;IAIE,IAAI,EAAE;MAACC,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAJR,EADO,GAOL,IATN,EAUG5D,UAAU,gBAAG,6BAAC,mBAAD,EAAgBA,UAAhB,CAAH,GAAoC,IAVjD,EAWGC,gBAAgB,gBAAG,6BAAC,mBAAD,EAAgBA,gBAAhB,CAAH,GAA0C,IAX7D,EAYG,CAAC,uBAAQC,qBAAR,CAAD,gBACC,6BAAC,8BAAD,EAA2BA,qBAA3B,CADD,GAEG,IAdN,CA3CF,CADF;AA8DD,CA/HD;;AAiIAH,QAAQ,CAAC8D,YAAT,GAAwB;EACtB1C,IAAI,EAAE2C,iBAAA,CAASC,iBAAT,CAA2B5C,IADX;EAEtB6C,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AAFhB,CAAxB;AAKAjE,QAAQ,CAACkE,SAAT,2CAAqB;EACnB7D,KAAK,EAAE8D,kBAAA,CAAUC,MAAV,CAAiBC,UADL;EAEnB5D,QAAQ,EAAE0D,kBAAA,CAAUC,MAFD;EAGnB9D,QAAQ,EAAE6D,kBAAA,CAAUC,MAHD;EAInB7D,QAAQ,EAAE4D,kBAAA,CAAUG,IAJD;EAKnB9D,aAAa,EAAE2D,kBAAA,CAAUC,MALN;EAMnB1D,WAAW,EAAEyD,kBAAA,CAAUI,OAAV,CACXJ,kBAAA,CAAUK,KAAV,CAAgB;IACdlC,KAAK,EAAE6B,kBAAA,CAAUC,MADH;IAEdnC,IAAI,EAAEkC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB,CAFQ;IAGdpC,SAAS,EAAE8B,kBAAA,CAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB;EAHG,CAAhB,CADW,CANM;EAanBxE,UAAU,EAAEkE,kBAAA,CAAUK,KAAV,CAAgB;IAC1BvC,IAAI,EAAEkC,kBAAA,CAAUC,MADU;IAE1B9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFS;IAG1BxD,SAAS,EAAEuD,kBAAA,CAAUC,MAHK;IAI1BM,QAAQ,EAAEP,kBAAA,CAAUC,MAJM;IAK1BO,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;MACpBI,QAAQ,EAAET,kBAAA,CAAUC,MADA;MAEpBnC,IAAI,EAAEkC,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1BnD,OAAO,EAAEkD,kBAAA,CAAUU;EATO,CAAhB,CAbO;EAwBnB3E,gBAAgB,EAAEiE,kBAAA,CAAUK,KAAV,CAAgB;IAChCvC,IAAI,EAAEkC,kBAAA,CAAUC,MADgB;IAEhC9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFe;IAGhCxD,SAAS,EAAEuD,kBAAA,CAAUC,MAHW;IAIhCM,QAAQ,EAAEP,kBAAA,CAAUC,MAJY;IAKhCO,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;MACpBI,QAAQ,EAAET,kBAAA,CAAUC,MADA;MAEpBnC,IAAI,EAAEkC,kBAAA,CAAUC;IAFI,CAAhB,CAL0B;IAShCnD,OAAO,EAAEkD,kBAAA,CAAUU;EATa,CAAhB,CAxBC;EAmCnB1E,qBAAqB,EAAEgE,kBAAA,CAAUK,KAAV,CAAgB;IACrCM,eAAe,EAAEX,kBAAA,CAAUC,MADU;IAErCW,aAAa,EAAEZ,kBAAA,CAAUC,MAFY;IAGrCY,OAAO,EAAEb,kBAAA,CAAUI,OAAV,CACPJ,kBAAA,CAAUK,KAAV,CAAgB;MACd,aAAaL,kBAAA,CAAUC,MADT;MAEd9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFH;MAGdnC,IAAI,EAAEkC,kBAAA,CAAUC,MAHF;MAIdnD,OAAO,EAAEkD,kBAAA,CAAUU;IAJL,CAAhB,CADO,CAH4B;IAWrC5D,OAAO,EAAEkD,kBAAA,CAAUU;EAXkB,CAAhB,CAnCJ;EAgDnBzE,IAAI,EAAE+D,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUK,KAAV,CAAgB;IACdlC,KAAK,EAAE6B,kBAAA,CAAUC,MADH;IAEdnC,IAAI,EAAEkC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB;EAFQ,CAAhB,CADI,CAhDa;EAsDnB5D,QAAQ,EAAEsD,kBAAA,CAAUG,IAtDD;EAuDnBrD,OAAO,EAAEkD,kBAAA,CAAUU,IAvDA;EAwDnB9D,WAAW,EAAEoD,kBAAA,CAAUG,IAxDJ;EAyDnBtD,gBAAgB,EAAEmD,kBAAA,CAAUG,IAzDT;EA0DnB3D,KAAK,EAAEwD,kBAAA,CAAUc,MA1DE;EA2DnB,cAAcd,kBAAA,CAAUC,MA3DL;EA4DnBtD,WAAW,EAAEqD,kBAAA,CAAUC,MA5DJ;EA6DnBc,EAAE,EAAEf,kBAAA,CAAUC,MA7DK;EA8DnBlD,QAAQ,EAAEiD,kBAAA,CAAUK,KAAV,CAAgB;IACxBvB,QAAQ,EAAEkB,kBAAA,CAAUC,MADI;IAExBjB,SAAS,EAAEgB,kBAAA,CAAUC,MAFG;IAGxBzC,eAAe,EAAEwC,kBAAA,CAAUC,MAHH;IAIxBf,YAAY,EAAEc,kBAAA,CAAUC,MAJA;IAKxBhB,MAAM,EAAEe,kBAAA,CAAUC,MALM;IAMxBlB,kBAAkB,EAAEiB,kBAAA,CAAUG,IANN;IAOxBa,IAAI,EAAEhB,kBAAA,CAAUc,MAPQ;IAQxBpB,WAAW,EAAEM,kBAAA,CAAUc;EARC,CAAhB;AA9DS,CAArB;eA0EejF,Q"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.33.2-alpha.
|
|
3
|
+
"version": "11.33.2-alpha.2+f1d2cce50",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -165,5 +165,5 @@
|
|
|
165
165
|
"last 2 versions",
|
|
166
166
|
"IE 11"
|
|
167
167
|
],
|
|
168
|
-
"gitHead": "
|
|
168
|
+
"gitHead": "f1d2cce50aed6dcea9d917077b048dc0d500c0fc"
|
|
169
169
|
}
|