npm - @coorpacademy/components - Versions diffs - 11.40.22 → 11.40.23 - Mend

@coorpacademy/components 11.40.22 → 11.40.23

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.

Files changed (187) hide show

package/es/molecule/search-form/index.js CHANGED Viewed

@@ -30,6 +30,10 @@ const SearchForm = (props, context) => {
     evt.stopPropagation();
     return onReset && onReset(evt);
   }, [onReset]);
+  const handleResetKeyDown = useMemo(() => evt => {
+    if (evt.key !== 'Enter' && evt.key !== ' ') return;
+    return handleReset(evt);
+  }, [handleReset]);
   const isMooc = theme === 'mooc';
   const clearClassName = search.value ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc) : style.wrapperNoClear;
   return /*#__PURE__*/React.createElement("form", {
@@ -49,8 +53,11 @@ const SearchForm = (props, context) => {
     searchIconAriaLabel: searchIconAriaLabel
   })), /*#__PURE__*/React.createElement("div", {
     "data-name": "search-form-reset",
+    role: "button",
+    tabIndex: 0,
     "aria-label": searchResetAriaLabel,
     onMouseDown: handleReset,
+    onKeyDown: handleResetKeyDown,
     className: clearClassName
   }, /*#__PURE__*/React.createElement(Icon, {
     iconName: "xmark",

package/es/molecule/search-form/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","Search","Icon","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","searchIconAriaLabel","handleSubmit","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","_extends","onFocus","onBlur","onKeyDown","onMouseDown","iconName","clearIcon","propTypes","process","env","NODE_ENV","string","func","shape"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n const {\n action,\n method,\n onSubmit,\n onReset,\n search,\n onSearchFocus,\n onSearchBlur,\n onSearchKeyDown,\n inputRef,\n 'search-reset-aria-label': searchResetAriaLabel,\n dataTestId,\n theme,\n searchIconAriaLabel\n } = props;\n const handleSubmit = useMemo(\n () => evt => {\n evt.preventDefault();\n return onSubmit && onSubmit(evt);\n },\n [onSubmit]\n );\n\n const handleReset = useMemo(\n () => evt => {\n evt.preventDefault();\n evt.stopPropagation();\n return onReset && onReset(evt);\n },\n [onReset]\n );\n\n const isMooc = theme === 'mooc';\n\n const clearClassName = search.value\n ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n : style.wrapperNoClear;\n\n return (\n <form\n className={style.form}\n action={action}\n method={method}\n onSubmit={handleSubmit}\n data-name=\"searchForm\"\n aria-label={search.placeholder}\n >\n <Search\n {...search}\n onFocus={onSearchFocus}\n onBlur={onSearchBlur}\n onKeyDown={onSearchKeyDown}\n inputRef={inputRef}\n dataTestId={dataTestId}\n theme={theme}\n searchIconAriaLabel={searchIconAriaLabel}\n />\n <div\n data-name=\"search-form-reset\"\n aria-label={searchResetAriaLabel}\n onMouseDown={handleReset}\n className={clearClassName}\n >\n <Icon iconName=\"xmark\" className={style.clearIcon} aria-label={searchResetAriaLabel} />\n </div>\n </form>\n );\n};\n\nSearchForm.propTypes = {\n action: PropTypes.string,\n method: PropTypes.string,\n onSubmit: PropTypes.func,\n onReset: PropTypes.func,\n onSearchFocus: PropTypes.func,\n onSearchBlur: PropTypes.func,\n onSearchKeyDown: PropTypes.func,\n inputRef: PropTypes.func,\n search: PropTypes.shape(Search.propTypes),\n 'search-reset-aria-label': PropTypes.string,\n dataTestId: PropTypes.string,\n theme: PropTypes.string,\n searchIconAriaLabel: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACR,yBAAyB,EAAEC,oBAAoB;IAC/CC,UAAU;IACVC,KAAK;IACLC;EACF,CAAC,GAAGd,KAAK;EACT,MAAMe,YAAY,GAAGtB,OAAO,CAC1B,MAAMuB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpB,OAAOb,QAAQ,IAAIA,QAAQ,CAACY,GAAG,CAAC;EAClC,CAAC,EACD,CAACZ,QAAQ,CACX,CAAC;EAED,MAAMc,WAAW,GAAGzB,OAAO,CACzB,MAAMuB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpBD,GAAG,CAACG,eAAe,CAAC,CAAC;IACrB,OAAOd,OAAO,IAAIA,OAAO,CAACW,GAAG,CAAC;EAChC,CAAC,EACD,CAACX,OAAO,CACV,CAAC;~~EAED~~,MAAMe,MAAM,~~GAAGP~~,KAAK,KAAK,MAAM;EAE/B,~~MAAMQ~~,cAAc,~~GAAGf~~,MAAM,~~CAACgB~~,KAAK,GAC/~~B3B~~,UAAU,CAACG,KAAK,~~CAACyB~~,YAAY,EAAEH,MAAM,~~IAAItB~~,KAAK,~~CAAC0B~~,gBAAgB,CAAC,~~GAChE1B~~,KAAK,~~CAAC2B~~,cAAc;EAExB,~~oBACEjC~~,KAAA,~~CAAAkC~~,aAAA;IACEC,SAAS,~~EAAE7B~~,KAAK,~~CAAC8B~~,IAAK;~~IACtB1B~~,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEW,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYT,MAAM,~~CAACuB~~;EAAY,gBAE/~~BrC~~,KAAA,~~CAAAkC~~,aAAA,~~CAAC9B~~,MAAM,~~EAAAkC~~,QAAA,~~KACDxB~~,MAAM;~~IACVyB~~,OAAO,~~EAAExB~~,aAAc;~~IACvByB~~,MAAM,~~EAAExB~~,YAAa;~~IACrByB~~,SAAS,~~EAAExB~~,eAAgB;IAC3BC,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbC,mBAAmB,EAAEA;EAAoB,EAC1C,CAAC,eACFtB,KAAA,~~CAAAkC~~,aAAA;IACE,aAAU,mBAAmB;~~IAC7B~~,~~cAAYf~~,oBAAqB;~~IACjCuB~~,WAAW,~~EAAEhB~~,WAAY;~~IACzBS~~,SAAS,EAAEN;EAAe,~~gBAE1B7B~~,KAAA,~~CAAAkC~~,aAAA,~~CAAC7B~~,IAAI;~~IAACsC~~,QAAQ,EAAC,OAAO;~~IAACR~~,SAAS,~~EAAE7B~~,KAAK,~~CAACsC~~,SAAU;IAAC,~~cAAYzB~~;EAAqB,CAAE,CACnF,CACD,CAAC;AAEX,CAAC;AAEDZ,UAAU,~~CAACsC~~,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;~~EACrBtC~~,MAAM,EAAER,SAAS,~~CAAC+C~~,MAAM;~~EACxBtC~~,MAAM,EAAET,SAAS,~~CAAC+C~~,MAAM;~~EACxBrC~~,QAAQ,EAAEV,SAAS,~~CAACgD~~,IAAI;~~EACxBrC~~,OAAO,EAAEX,SAAS,~~CAACgD~~,IAAI;~~EACvBnC~~,aAAa,EAAEb,SAAS,~~CAACgD~~,IAAI;~~EAC7BlC~~,YAAY,EAAEd,SAAS,~~CAACgD~~,IAAI;~~EAC5BjC~~,eAAe,EAAEf,SAAS,~~CAACgD~~,IAAI;EAC/~~BhC~~,QAAQ,EAAEhB,SAAS,~~CAACgD~~,IAAI;~~EACxBpC~~,MAAM,EAAEZ,SAAS,~~CAACiD~~,KAAK,~~CAAC/C~~,MAAM,~~CAACyC~~,SAAS,CAAC;EACzC,yBAAyB,~~EAAE3C~~,SAAS,~~CAAC+C~~,MAAM;~~EAC3C7B~~,UAAU,EAAElB,SAAS,~~CAAC+C~~,MAAM;~~EAC5B5B~~,KAAK,EAAEnB,SAAS,~~CAAC+C~~,MAAM;~~EACvB3B~~,mBAAmB,EAAEpB,SAAS,~~CAAC+C~~;AACjC,CAAC;AAED,~~eAAe1C~~,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","Search","Icon","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","searchIconAriaLabel","handleSubmit","evt","preventDefault","handleReset","stopPropagation","handleResetKeyDown","key","isMooc","clearClassName","value","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","_extends","onFocus","onBlur","onKeyDown","role","tabIndex","onMouseDown","iconName","clearIcon","propTypes","process","env","NODE_ENV","string","func","shape"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n const {\n action,\n method,\n onSubmit,\n onReset,\n search,\n onSearchFocus,\n onSearchBlur,\n onSearchKeyDown,\n inputRef,\n 'search-reset-aria-label': searchResetAriaLabel,\n dataTestId,\n theme,\n searchIconAriaLabel\n } = props;\n const handleSubmit = useMemo(\n () => evt => {\n evt.preventDefault();\n return onSubmit && onSubmit(evt);\n },\n [onSubmit]\n );\n\n const handleReset = useMemo(\n () => evt => {\n evt.preventDefault();\n evt.stopPropagation();\n return onReset && onReset(evt);\n },\n [onReset]\n );\n const handleResetKeyDown = useMemo(\n () => evt => {\n if (evt.key !== 'Enter' && evt.key !== ' ') return;\n return handleReset(evt);\n },\n [handleReset]\n );\n\n const isMooc = theme === 'mooc';\n\n const clearClassName = search.value\n ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n : style.wrapperNoClear;\n\n return (\n <form\n className={style.form}\n action={action}\n method={method}\n onSubmit={handleSubmit}\n data-name=\"searchForm\"\n aria-label={search.placeholder}\n >\n <Search\n {...search}\n onFocus={onSearchFocus}\n onBlur={onSearchBlur}\n onKeyDown={onSearchKeyDown}\n inputRef={inputRef}\n dataTestId={dataTestId}\n theme={theme}\n searchIconAriaLabel={searchIconAriaLabel}\n />\n <div\n data-name=\"search-form-reset\"\n role=\"button\"\n tabIndex={0}\n aria-label={searchResetAriaLabel}\n onMouseDown={handleReset}\n onKeyDown={handleResetKeyDown}\n className={clearClassName}\n >\n <Icon iconName=\"xmark\" className={style.clearIcon} aria-label={searchResetAriaLabel} />\n </div>\n </form>\n );\n};\n\nSearchForm.propTypes = {\n action: PropTypes.string,\n method: PropTypes.string,\n onSubmit: PropTypes.func,\n onReset: PropTypes.func,\n onSearchFocus: PropTypes.func,\n onSearchBlur: PropTypes.func,\n onSearchKeyDown: PropTypes.func,\n inputRef: PropTypes.func,\n search: PropTypes.shape(Search.propTypes),\n 'search-reset-aria-label': PropTypes.string,\n dataTestId: PropTypes.string,\n theme: PropTypes.string,\n searchIconAriaLabel: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACR,yBAAyB,EAAEC,oBAAoB;IAC/CC,UAAU;IACVC,KAAK;IACLC;EACF,CAAC,GAAGd,KAAK;EACT,MAAMe,YAAY,GAAGtB,OAAO,CAC1B,MAAMuB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpB,OAAOb,QAAQ,IAAIA,QAAQ,CAACY,GAAG,CAAC;EAClC,CAAC,EACD,CAACZ,QAAQ,CACX,CAAC;EAED,MAAMc,WAAW,GAAGzB,OAAO,CACzB,MAAMuB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpBD,GAAG,CAACG,eAAe,CAAC,CAAC;IACrB,OAAOd,OAAO,IAAIA,OAAO,CAACW,GAAG,CAAC;EAChC,CAAC,EACD,CAACX,OAAO,CACV,CAAC;EACD,MAAMe,kBAAkB,GAAG3B,OAAO,CAChC,MAAMuB,GAAG,IAAI;IACX,IAAIA,GAAG,CAACK,GAAG,KAAK,OAAO,IAAIL,GAAG,CAACK,GAAG,KAAK,GAAG,EAAE;IAC5C,OAAOH,WAAW,CAACF,GAAG,CAAC;EACzB,CAAC,EACD,CAACE,WAAW,CACd,CAAC;EAED,MAAMI,MAAM,GAAGT,KAAK,KAAK,MAAM;EAE/B,MAAMU,cAAc,GAAGjB,MAAM,CAACkB,KAAK,GAC/B7B,UAAU,CAACG,KAAK,CAAC2B,YAAY,EAAEH,MAAM,IAAIxB,KAAK,CAAC4B,gBAAgB,CAAC,GAChE5B,KAAK,CAAC6B,cAAc;EAExB,oBACEnC,KAAA,CAAAoC,aAAA;IACEC,SAAS,EAAE/B,KAAK,CAACgC,IAAK;IACtB5B,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEW,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYT,MAAM,CAACyB;EAAY,gBAE/BvC,KAAA,CAAAoC,aAAA,CAAChC,MAAM,EAAAoC,QAAA,KACD1B,MAAM;IACV2B,OAAO,EAAE1B,aAAc;IACvB2B,MAAM,EAAE1B,YAAa;IACrB2B,SAAS,EAAE1B,eAAgB;IAC3BC,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbC,mBAAmB,EAAEA;EAAoB,EAC1C,CAAC,eACFtB,KAAA,CAAAoC,aAAA;IACE,aAAU,mBAAmB;IAC7BQ,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZ,cAAY1B,oBAAqB;IACjC2B,WAAW,EAAEpB,WAAY;IACzBiB,SAAS,EAAEf,kBAAmB;IAC9BS,SAAS,EAAEN;EAAe,gBAE1B/B,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAAC0C,QAAQ,EAAC,OAAO;IAACV,SAAS,EAAE/B,KAAK,CAAC0C,SAAU;IAAC,cAAY7B;EAAqB,CAAE,CACnF,CACD,CAAC;AAEX,CAAC;AAEDZ,UAAU,CAAC0C,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB1C,MAAM,EAAER,SAAS,CAACmD,MAAM;EACxB1C,MAAM,EAAET,SAAS,CAACmD,MAAM;EACxBzC,QAAQ,EAAEV,SAAS,CAACoD,IAAI;EACxBzC,OAAO,EAAEX,SAAS,CAACoD,IAAI;EACvBvC,aAAa,EAAEb,SAAS,CAACoD,IAAI;EAC7BtC,YAAY,EAAEd,SAAS,CAACoD,IAAI;EAC5BrC,eAAe,EAAEf,SAAS,CAACoD,IAAI;EAC/BpC,QAAQ,EAAEhB,SAAS,CAACoD,IAAI;EACxBxC,MAAM,EAAEZ,SAAS,CAACqD,KAAK,CAACnD,MAAM,CAAC6C,SAAS,CAAC;EACzC,yBAAyB,EAAE/C,SAAS,CAACmD,MAAM;EAC3CjC,UAAU,EAAElB,SAAS,CAACmD,MAAM;EAC5BhC,KAAK,EAAEnB,SAAS,CAACmD,MAAM;EACvB/B,mBAAmB,EAAEpB,SAAS,CAACmD;AACjC,CAAC;AAED,eAAe9C,UAAU","ignoreList":[]}

package/es/molecule/skill-card/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/index.js"],"names":[],"mappings":";AAwBA,~~kEAkEC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/index.js"],"names":[],"mappings":";AAwBA,kEAyEC"}

package/es/molecule/skill-card/index.js CHANGED Viewed

@@ -43,10 +43,12 @@ const SkillCard = (props, context) => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.skillCardWrapper,
     "data-name": "skill-card-wrapper",
+    role: "group",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "skill-title",
     className: style.skillTitle,
+    role: "group",
     "aria-label": skillAriaLabel || skillTitle,
     style: {
       background: titleBackground
@@ -56,6 +58,7 @@ const SkillCard = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.questionReviseText,
     "data-name": "questions-to-revise-label",
+    role: "group",
     "aria-label": reviseAriaLabel || reviseLabel
   }, /*#__PURE__*/React.createElement(QuestionIcon, {
     className: style.questionReviseIcon,

package/es/molecule/skill-card/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","createElement","className","skillCardWrapper","background","questionReviseText","questionReviseIcon","width","height","buttonWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n const gradients = [\n convert(`color(${baseColor} lightness(30%))`),\n convert(`color(${baseColor} lightness(47%))`),\n convert(`color(${baseColor} lightness(55%))`)\n ];\n\n return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n `color(${gradients[0]} a(0))`\n )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n `color(${gradients[1]} a(0))`\n )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n `color(${gradients[2]} a(0))`\n )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n const {\n 'aria-label': ariaLabel,\n skillTitle,\n skillAriaLabel,\n buttonLabel,\n buttonAriaLabel,\n reviseLabel,\n reviseAriaLabel,\n onClick,\n isCustom = false\n } = props;\n const {skin} = context;\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n const buttonProps = {\n customStyle: {\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n },\n hoverBackgroundColor: primarySkinColor,\n hoverColor: '#FFFFFF',\n onClick,\n 'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n label: buttonLabel,\n 'data-name': 'skill-card-button'\n };\n\n const titleBackgroundColor = useMemo(\n () => (isCustom ? '#128C72' : primarySkinColor),\n [isCustom, primarySkinColor]\n );\n\n const titleBackground = useMemo(\n () => getGradientBackground(titleBackgroundColor),\n [titleBackgroundColor]\n );\n\n return (\n <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n <div\n data-name=\"skill-title\"\n className={style.skillTitle}\n aria-label={skillAriaLabel \|\| skillTitle}\n style={{\n background: titleBackground\n }}\n >\n {skillTitle}\n </div>\n <div data-name=\"card-content-wrapper\">\n <div\n className={style.questionReviseText}\n data-name=\"questions-to-revise-label\"\n aria-label={reviseAriaLabel \|\| reviseLabel}\n >\n <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n {reviseLabel}\n </div>\n <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n <ButtonLink {...buttonProps} />\n </div>\n </div>\n </div>\n );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,+CAA+C,IAAIC,YAAY,QAAO,0BAA0B;AACxG,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,qBAAqB,GAAGC,SAAS,IAAI;EACzC,MAAMC,SAAS,GAAG,CAChBT,OAAO,CAAC,SAASQ,SAAS,kBAAkB,CAAC,EAC7CR,OAAO,CAAC,SAASQ,SAAS,kBAAkB,CAAC,EAC7CR,OAAO,CAAC,SAASQ,SAAS,kBAAkB,CAAC,CAC9C;EAED,OAAO,+CAA+CC,SAAS,CAAC,CAAC,CAAC,QAAQT,OAAO,CAC/E,SAASS,SAAS,CAAC,CAAC,CAAC,QACvB,CAAC,4DAA4DA,SAAS,CAAC,CAAC,CAAC,QAAQT,OAAO,CACtF,SAASS,SAAS,CAAC,CAAC,CAAC,QACvB,CAAC,2DAA2DA,SAAS,CAAC,CAAC,CAAC,QAAQT,OAAO,CACrF,SAASS,SAAS,CAAC,CAAC,CAAC,QACvB,CAAC,WAAWD,SAAS,EAAE;AACzB,CAAC;AAED,MAAME,SAAS,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EACT,MAAM;IAACW;EAAI,CAAC,GAAGV,OAAO;EACtB,MAAMW,gBAAgB,GAAGpB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEmB,IAAI,CAAC;EAEjE,MAAME,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAE1B,OAAO,CAAC,SAASuB,gBAAgB,WAAW,CAAC;MAC9DI,KAAK,EAAEJ,gBAAgB;MACvBK,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAEN,gBAAgB;IACtCO,UAAU,EAAE,SAAS;IACrBV,OAAO;IACP,YAAY,EAAEH,eAAe,GAAG,GAAGH,UAAU,KAAKG,eAAe,EAAE,GAAGH,UAAU;IAChFiB,KAAK,EAAEf,WAAW;IAClB,WAAW,EAAE;EACf,CAAC;EAED,MAAMgB,oBAAoB,GAAGjC,OAAO,CAClC,MAAOsB,QAAQ,GAAG,SAAS,GAAGE,gBAAiB,EAC/C,CAACF,QAAQ,EAAEE,gBAAgB,CAC7B,CAAC;EAED,MAAMU,eAAe,GAAGlC,OAAO,CAC7B,MAAMQ,qBAAqB,CAACyB,oBAAoB,CAAC,EACjD,CAACA,oBAAoB,CACvB,CAAC;EAED,oBACElC,KAAA,CAAAoC,aAAA;~~IAAKC~~,SAAS,EAAE9B,KAAK,CAAC+B,gBAAiB;~~IAAC~~,aAAU,oBAAoB;~~IAAC~~,~~cAAYvB~~;EAAU,~~gBAC3Ff~~,KAAA,CAAAoC,aAAA;IACE,aAAU,aAAa;IACvBC,SAAS,EAAE9B,KAAK,CAACS,UAAW;~~IAC5B~~,~~cAAYC~~,cAAc,IAAID,UAAW;IACzCT,KAAK,EAAE;~~MACLgC~~,UAAU,~~EAAEJ~~;IACd;EAAE,GAEDnB,UACE,CAAC,eACNhB,KAAA,CAAAoC,aAAA;IAAK,aAAU;EAAsB,gBACnCpC,KAAA,CAAAoC,aAAA;IACEC,SAAS,EAAE9B,KAAK,~~CAACiC~~,kBAAmB;IACpC,aAAU,2BAA2B;~~IACrC~~,~~cAAYnB~~,eAAe,IAAID;EAAY,gBAE3CpB,KAAA,CAAAoC,aAAA,CAAChC,YAAY;IAACiC,SAAS,EAAE9B,KAAK,~~CAACkC~~,kBAAmB;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,~~EAC3EvB~~,WACE,CAAC,eACNpB,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAE9B,KAAK,~~CAACqC~~,aAAc;IAAC,aAAU;EAAgB,~~gBAC7D5C~~,KAAA,CAAAoC,aAAA,CAAC9B,UAAU,EAAKoB,WAAc,CAC3B,CACF,CACF,CAAC;AAEV,CAAC;AAEDd,SAAS,CAACJ,SAAS,~~GAAAqC~~,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~oBAAGvC~~,SAAS;AAE/B,eAAeI,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","createElement","className","skillCardWrapper","role","background","questionReviseText","questionReviseIcon","width","height","buttonWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n const gradients = [\n convert(`color(${baseColor} lightness(30%))`),\n convert(`color(${baseColor} lightness(47%))`),\n convert(`color(${baseColor} lightness(55%))`)\n ];\n\n return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n `color(${gradients[0]} a(0))`\n )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n `color(${gradients[1]} a(0))`\n )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n `color(${gradients[2]} a(0))`\n )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n const {\n 'aria-label': ariaLabel,\n skillTitle,\n skillAriaLabel,\n buttonLabel,\n buttonAriaLabel,\n reviseLabel,\n reviseAriaLabel,\n onClick,\n isCustom = false\n } = props;\n const {skin} = context;\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n const buttonProps = {\n customStyle: {\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n },\n hoverBackgroundColor: primarySkinColor,\n hoverColor: '#FFFFFF',\n onClick,\n 'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n label: buttonLabel,\n 'data-name': 'skill-card-button'\n };\n\n const titleBackgroundColor = useMemo(\n () => (isCustom ? '#128C72' : primarySkinColor),\n [isCustom, primarySkinColor]\n );\n\n const titleBackground = useMemo(\n () => getGradientBackground(titleBackgroundColor),\n [titleBackgroundColor]\n );\n\n return (\n <div\n className={style.skillCardWrapper}\n data-name=\"skill-card-wrapper\"\n role=\"group\"\n aria-label={ariaLabel}\n >\n <div\n data-name=\"skill-title\"\n className={style.skillTitle}\n role=\"group\"\n aria-label={skillAriaLabel \|\| skillTitle}\n style={{\n background: titleBackground\n }}\n >\n {skillTitle}\n </div>\n <div data-name=\"card-content-wrapper\">\n <div\n className={style.questionReviseText}\n data-name=\"questions-to-revise-label\"\n role=\"group\"\n aria-label={reviseAriaLabel \|\| reviseLabel}\n >\n <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n {reviseLabel}\n </div>\n <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n <ButtonLink {...buttonProps} />\n </div>\n </div>\n </div>\n );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/header-with-actions/index.js CHANGED Viewed

@@ -110,7 +110,6 @@ const HeaderWithActions = props => {
     className: style.saveStatus
   }, saveStatus.label) : null), /*#__PURE__*/React.createElement("h3", {
     className: style.title,
-    "aria-label": title,
     "data-name": getDataName('title')
   }, title))), /*#__PURE__*/React.createElement("div", {
     className: style.buttonsWrapper,

package/es/organism/header-with-actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","HeaderWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","isFetching","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n HeaderWithActionsProps,\n ButtonMenuProps,\n ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n return {\n size: 'default',\n icon: 'close',\n 'data-name': 'close-button',\n 'aria-label': ariaLabel,\n onClick\n };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n return {\n 'data-name': dataName,\n label,\n buttonLinkType: 'tertiary',\n icon: {\n position: 'left' as const,\n faIcon: {\n name: iconName,\n color: iconColor,\n size: 14\n }\n },\n onClick,\n type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n };\n};\n\nconst buildActionButton = ({\n type,\n label,\n onClick,\n disabled,\n iconName,\n iconColor\n}: ButtonActionProps) => {\n const base = {\n type,\n label,\n onClick,\n disabled,\n customStyle: {\n fontWeight: '600',\n borderRadius: '12px'\n }\n };\n\n if (iconName && iconColor) {\n return {\n ...base,\n icon: {\n position: 'left' as const,\n faIcon: {\n name: iconName,\n color: iconColor,\n size: 14\n }\n }\n };\n }\n\n return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n const {\n closeButton,\n title,\n tag,\n saveStatus,\n bulletPointMenuButton,\n actionButtons,\n isFetching = false\n } = props;\n\n return !isFetching ? (\n <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n <div\n className={style.titleAndButtonWrapper}\n data-name={getDataName('title-and-button-wrapper')}\n >\n <ButtonLinkIcon\n {...buildCloseButton({\n onClick: closeButton.onClick,\n ariaLabel: closeButton['aria-label']\n })}\n className={style.button}\n />\n <div className={style.titleWrapper}>\n <div className={style.statusWrapper}>\n <Tag {...tag} />\n {saveStatus.display && saveStatus.label ? (\n <p className={style.saveStatus}>{saveStatus.label}</p>\n ) : null}\n </div>\n <h3 className={style.title} ~~aria-label={title}~~ data-name={getDataName('title')}>\n {title}\n </h3>\n </div>\n </div>\n <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n <BulletPointMenuButton\n {...bulletPointMenuButton}\n buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n data-name={getDataName('bullet-point-menu-button')}\n />\n ) : null}\n {uncappedMap((action: ButtonActionProps, key: string) => {\n return <ButtonLink {...buildActionButton(action)} key={key} />;\n }, actionButtons)}\n </div>\n </div>\n ) : null;\n};\n\nHeaderWithActions.propTypes = HeaderWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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~~cAAYA,KAAM;IAAC,~~aAAW9B,WAAW,CAAC,OAAO;EAAE,~~GAC5E8B~~,KACC,CACD,CACF,CAAC,eACNvC,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEtC,KAAK,CAAC8C,cAAe;IAAC,aAAW7C,WAAW,CAAC,iBAAiB;EAAE,GAC7EiC,qBAAqB,IAAI,CAACzC,OAAO,CAACyC,qBAAqB,CAACa,OAAO,CAAC,gBAC/DvD,KAAA,CAAA6C,aAAA,CAACvC,qBAAqB,EAAA2C,QAAA,KAChBP,qBAAqB;IACzBa,OAAO,EAAE5C,WAAW,CAACQ,eAAe,EAAEuB,qBAAqB,CAACa,OAAO,CAAE;IACrE,aAAW9C,WAAW,CAAC,0BAA0B;EAAE,EACpD,CAAC,GACA,IAAI,EACPE,WAAW,CAAC,CAAC6C,MAAyB,EAAEC,GAAW,KAAK;IACvD,oBAAOzD,KAAA,CAAA6C,aAAA,CAAC1C,UAAU,EAAA8C,QAAA,KAAKnB,iBAAiB,CAAC0B,MAAM,CAAC;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAChE,CAAC,EAAEd,aAAa,CACb,CACF,CAAC,GACJ,IAAI;AACV,CAAC;AAEDP,iBAAiB,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGtD,0BAA0B;AAExD,eAAe6B,iBAAiB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","HeaderWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","isFetching","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n HeaderWithActionsProps,\n ButtonMenuProps,\n ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n return {\n size: 'default',\n icon: 'close',\n 'data-name': 'close-button',\n 'aria-label': ariaLabel,\n onClick\n };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n return {\n 'data-name': dataName,\n label,\n buttonLinkType: 'tertiary',\n icon: {\n position: 'left' as const,\n faIcon: {\n name: iconName,\n color: iconColor,\n size: 14\n }\n },\n onClick,\n type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n };\n};\n\nconst buildActionButton = ({\n type,\n label,\n onClick,\n disabled,\n iconName,\n iconColor\n}: ButtonActionProps) => {\n const base = {\n type,\n label,\n onClick,\n disabled,\n customStyle: {\n fontWeight: '600',\n borderRadius: '12px'\n }\n };\n\n if (iconName && iconColor) {\n return {\n ...base,\n icon: {\n position: 'left' as const,\n faIcon: {\n name: iconName,\n color: iconColor,\n size: 14\n }\n }\n };\n }\n\n return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n const {\n closeButton,\n title,\n tag,\n saveStatus,\n bulletPointMenuButton,\n actionButtons,\n isFetching = false\n } = props;\n\n return !isFetching ? (\n <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n <div\n className={style.titleAndButtonWrapper}\n data-name={getDataName('title-and-button-wrapper')}\n >\n <ButtonLinkIcon\n {...buildCloseButton({\n onClick: closeButton.onClick,\n ariaLabel: closeButton['aria-label']\n })}\n className={style.button}\n />\n <div className={style.titleWrapper}>\n <div className={style.statusWrapper}>\n <Tag {...tag} />\n {saveStatus.display && saveStatus.label ? (\n <p className={style.saveStatus}>{saveStatus.label}</p>\n ) : null}\n </div>\n <h3 className={style.title} data-name={getDataName('title')}>\n {title}\n </h3>\n </div>\n </div>\n <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n <BulletPointMenuButton\n {...bulletPointMenuButton}\n buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n data-name={getDataName('bullet-point-menu-button')}\n />\n ) : null}\n {uncappedMap((action: ButtonActionProps, key: string) => {\n return <ButtonLink {...buildActionButton(action)} key={key} />;\n }, actionButtons)}\n </div>\n </div>\n ) : null;\n};\n\nHeaderWithActions.propTypes = HeaderWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/list-item/index.js CHANGED Viewed

@@ -75,6 +75,7 @@ const ListItem = ({
   })(dataColumns);
   const orderView = order !== null && order !== undefined ? /*#__PURE__*/React.createElement("div", {
     className: style.order,
+    role: "group",
     "aria-label": ariaLabel
   }, order + 1) : null;
   const extractedIndex = _pipe(_split('-'), _last)(dataName);

package/es/organism/list-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\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 image,\n checkbox,\n 'data-name': dataName\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor \|\| get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n const checkable = checkbox \|\| 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 const extractedIndex = pipe(split('-'), last)(dataName);\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle ? style.gridLayout : style.flexLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer,\n checkbox?.checked && style.checked\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n data-name={dataName}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n {leftIcon \|\| image \|\| checkable ? (\n <div className={style.leftSection}>\n {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n {leftIcon && !image ? (\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 ) : null}\n {!leftIcon && image ? (\n <div className={style.containerImage}>\n <CardImagePreview image={image} />\n </div>\n ) : null}\n </div>\n ) : null}\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n {title ? (\n <div\n className={style.title}\n title={title.replace(/<[^>]*>/g, '')}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n ) : null}\n {!isEmpty(provider) ? (\n <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\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\n {...bulletPointMenuButton}\n data-name={`bullet-point-menu-button-${extractedIndex}`}\n />\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 'data-name': PropTypes.string,\n provider: PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n }),\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 image: PropTypes.string,\n checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\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 image,\n checkbox,\n 'data-name': dataName\n },\n context\n) => {\n const {skin} = context;\n const primarySelectedColor = selectedColor \|\| get('common.primary', skin);\n const mapUncapped = map.convert({cap: false});\n const checkable = checkbox \|\| 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} role=\"group\" aria-label={ariaLabel}>\n {order + 1}\n </div>\n ) : null;\n\n const extractedIndex = pipe(split('-'), last)(dataName);\n\n return (\n <div\n className={classnames(\n style.wrapper,\n isBulkStyle ? style.gridLayout : style.flexLayout,\n subtitle && style.withSubtitle,\n disabled && style.disabled,\n onClick !== noop && !disabled && style.cursorPointer,\n checkbox?.checked && style.checked\n )}\n onClick={!disabled ? onClick : undefined}\n style={selectedStyle}\n data-name={dataName}\n >\n <div\n className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n >\n {isPublished && contentType === 'certification' ? orderView : null}\n {leftIcon \|\| image \|\| checkable ? (\n <div className={style.leftSection}>\n {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n {leftIcon && !image ? (\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 ) : null}\n {!leftIcon && image ? (\n <div className={style.containerImage}>\n <CardImagePreview image={image} />\n </div>\n ) : null}\n </div>\n ) : null}\n <div className={style.titleWrapper}>\n <div className={style.titleProviderWrapper}>\n {title ? (\n <div\n className={style.title}\n title={title.replace(/<[^>]*>/g, '')}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n ) : null}\n {!isEmpty(provider) ? (\n <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n ) : null}\n </div>\n {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n </div>\n {dataColumnsView}\n </div>\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\n {...bulletPointMenuButton}\n data-name={`bullet-point-menu-button-${extractedIndex}`}\n />\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 'data-name': PropTypes.string,\n provider: PropTypes.shape({\n label: PropTypes.string,\n type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n }),\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 image: PropTypes.string,\n checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/mooc-header/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAiCC;IA/BC,kBAAuD;IACvD;;;;;;;MAOC;IA8FH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAgBC;IAED,0BAKC;IAED,sBAIC;IAED,qBAoBC;IAaD,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IAED,sCAKC;IAzMC,kBAAwB;IACxB,oBAA0B;IA0B5B,gCAEC;IAED,kCAEC;IAED,qCAqBC;IAqFD,sCASC;IA9ID,0BAEC;IAED,2EASC;IAED,6BAEC;IAkCC,kBAAsB;IAgJxB,0DAcE;IAEF,~~6BAmjBC~~;CACF"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAiCC;IA/BC,kBAAuD;IACvD;;;;;;;MAOC;IA8FH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAgBC;IAED,0BAKC;IAED,sBAIC;IAED,qBAoBC;IAaD,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IAED,sCAKC;IAzMC,kBAAwB;IACxB,oBAA0B;IA0B5B,gCAEC;IAED,kCAEC;IAED,qCAqBC;IAqFD,sCASC;IA9ID,0BAEC;IAED,2EASC;IAED,6BAEC;IAkCC,kBAAsB;IAgJxB,0DAcE;IAEF,6BAqjBC;CACF"}

package/es/organism/mooc-header/index.js CHANGED Viewed

@@ -572,6 +572,7 @@ class MoocHeader extends React.Component {
                 "data-name": `setting-${settingName}`,
                 className: classnames(style.setting, disabled && style.disabled),
                 key: settingName,
+                role: "group",
                 "aria-label": ariaLabel || title
               }, /*#__PURE__*/React.createElement(InputSwitch, _extends({}, switchProps, {
                 "aria-labelledby": `title-id-${settingName}`
@@ -638,6 +639,7 @@ class MoocHeader extends React.Component {
       className: isMenuOpen ? style.open : style.header
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(style.logoWrapper, this.isMobile && isFocus && style.logoWrapperMobileHidden),
+      role: "group",
       "aria-label": toolTipText,
       onMouseOver: this.handleOnMouseOver,
       onMouseLeave: this.handleOnMouseLeave
@@ -679,6 +681,7 @@ class MoocHeader extends React.Component {
       src: logoUrl,
       alt: logoAriaLabel
     }), isToolTipOpen ? /*#__PURE__*/React.createElement("div", {
+      role: "group",
       "aria-label": toolTipText,
       tabIndex: 0,
       "data-testid": "home-tooltip"