@coorpacademy/components 11.7.3-alpha.4 → 11.7.3-alpha.6

package/es/atom/input-switch/index.d.ts

@@ -9,6 +9,7 @@ declare namespace InputSwitch {
         disabled: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         description: PropTypes.Requireable<string>;
+        'aria-labelledby': PropTypes.Requireable<string>;
         modified: PropTypes.Requireable<boolean>;
         titlePosition: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;

package/es/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAMA,sDAsEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAMA,sDAwEC"}

package/es/atom/input-switch/index.js

@@ -19,7 +19,8 @@ const InputSwitch = props => {
     titlePosition = 'left',
     details = '',
     requiredSelection = false,
-    'data-name': dataName
+    'data-name': dataName,
+    'aria-labelledby': ariaLabelledBy
   } = props;
 
   const idSwitch = id || _uniqueId('input-switch-');
@@ -74,7 +75,8 @@ const InputSwitch = props => {
     onChange: handleChange,
     checked: value,
     disabled: isDisabled,
-    className: style.checkbox
+    className: style.checkbox,
+    "aria-labelledby": ariaLabelledBy
   }), /*#__PURE__*/React.createElement("label", {
     htmlFor: idSwitch,
     "data-name": "input-switch-label"
@@ -93,6 +95,7 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: PropTypes.bool,
   onChange: PropTypes.func,
   description: PropTypes.string,
+  'aria-labelledby': PropTypes.string,
   modified: PropTypes.bool,
   titlePosition: PropTypes.oneOf(['right', 'left']),
   theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}

package/es/molecule/brand-form-group/index.d.ts

@@ -55,6 +55,7 @@ declare namespace BrandFormGroup {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
@@ -177,6 +178,7 @@ declare namespace BrandFormGroup {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -307,6 +309,7 @@ declare namespace BrandFormGroup {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;

package/es/molecule/cm-popin/types.d.ts

@@ -41,6 +41,7 @@ declare const propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         description: PropTypes.Requireable<string>;
+        'aria-labelledby': PropTypes.Requireable<string>;
         modified: PropTypes.Requireable<boolean>;
         titlePosition: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/draggable-list/index.d.ts

@@ -18,6 +18,7 @@ declare namespace DraggableList {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/molecule/filters/filters-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/filters-wrapper.js"],"names":[],"mappings":";AAUA,sEAuDC"}
+{"version":3,"file":"filters-wrapper.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/filters-wrapper.js"],"names":[],"mappings":";AAUA,sEAyDC"}

package/es/molecule/filters/filters-wrapper.js

@@ -64,10 +64,13 @@ const FiltersWapper = (props, context) => {
           className: style.choice,
           key: idx
         }, /*#__PURE__*/React.createElement("p", {
+          id: filter.title,
           className: style.title
         }, filter.title), /*#__PURE__*/React.createElement("div", {
           className: style.toggle
-        }, /*#__PURE__*/React.createElement(InputSwitch, filter.display)));
+        }, /*#__PURE__*/React.createElement(InputSwitch, _extends({}, filter.display, {
+          "aria-labelledby": filter.title
+        }))));
 
       default:
         return null;

package/es/molecule/filters/filters-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <div className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}>\n      {filtersList}\n    </div>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  )\n};\nexport default FiltersWapper;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,OAAOC,KAAP,MAAkB,sBAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAuBH,KAA7B;;EAEA,MAAMI,WAAW,GAAG,CAACC,MAAD,EAASC,GAAT,KAAiB;IACnC,MAAM;MAACC,IAAD;MAAOC;IAAP,IAAoBH,MAA1B;;IACA,QAAQE,IAAR;MACE,KAAK,QAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBC,SAA1C;UAAqD,SAAS,EAAEV,KAAK,CAACW,MAAtE;UAA8E,GAAG,EAAEH;QAAnF,gBACE,oBAAC,MAAD,EAAYD,MAAZ,CADF,CADF;;MAKF,KAAK,OAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBG,SAA1C;UAAqD,SAAS,EAAEV,KAAK,CAACW,MAAtE;UAA8E,GAAG,EAAEH;QAAnF,gBACE;UAAG,SAAS,EAAER,KAAK,CAACY;QAApB,GAA4BL,MAAM,CAACK,KAAnC,CADF,eAEE,oBAAC,UAAD,eAAgBL,MAAhB;UAAwB,SAAS,EAAEP,KAAK,CAACa;QAAzC,GAFF,CADF;;MAMF,KAAK,OAAL;QACE,oBACE;UACE,aAAU,QADZ;UAEE,oBAAkBH,SAFpB;UAGE,SAAS,EAAEV,KAAK,CAACc,YAHnB;UAIE,GAAG,EAAEN;QAJP,gBAME,gDACE;UAAM,SAAS,EAAER,KAAK,CAACY;QAAvB,GAA+BL,MAAM,CAACK,KAAtC,CADF,eAEE;UAAG,SAAS,EAAEZ,KAAK,CAACe;QAApB,GAAoCR,MAAM,CAACS,QAA3C,CAFF,eAGE,oBAAC,WAAD,EAAiBT,MAAjB,CAHF,CANF,CADF;;MAcF,KAAK,QAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBG,SAA1C;UAAqD,SAAS,EAAEV,KAAK,CAACW,MAAtE;UAA8E,GAAG,EAAEH;QAAnF,gBACE;UAAG,SAAS,EAAER,KAAK,CAACY;QAApB,GAA4BL,MAAM,CAACK,KAAnC,CADF,eAEE;UAAK,SAAS,EAAEZ,KAAK,CAACiB;QAAtB,gBACE,oBAAC,WAAD,EAAiBV,MAAM,CAACW,OAAxB,CADF,CAFF,CADF;;MAQF;QACE,OAAO,IAAP;IAvCJ;EAyCD,CA3CD;;EA6CA,MAAMC,WAAW,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0Bf,WAA1B,EAAuCF,OAAvC,CAApB;;EACA,MAAMkB,YAAY,GAAG,SAAQlB,OAAR,CAArB;;EACA,oBACE;IAAK,SAAS,EAAET,UAAU,CAACU,SAAD,EAAYiB,YAAY,GAAGtB,KAAK,CAACuB,WAAT,GAAuBvB,KAAK,CAACwB,OAArD;EAA1B,GACGL,WADH,CADF;AAKD,CAvDD;;AAyDAlB,aAAa,CAACwB,SAAd,2CAA0B;EACxBpB,SAAS,EAAEX,SAAS,CAACgC,MADG;EAExBtB,OAAO,EAAEV,SAAS,CAACiC,OAAV,CACPjC,SAAS,CAACkC,KAAV,CAAgB;IACdnB,IAAI,EAAEf,SAAS,CAACmC,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,EAAoB,OAApB,EAA6B,QAA7B,CAAhB,EAAwDC,UADhD;IAEdpB,SAAS,EAAEhB,SAAS,CAACgC,MAAV,CAAiBI;EAFd,CAAhB,CADO;AAFe,CAA1B;AASA,eAAe7B,aAAf"}
+{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p id={filter.title} className={style.title}>\n              {filter.title}\n            </p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} aria-labelledby={filter.title} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <div className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}>\n      {filtersList}\n    </div>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  )\n};\nexport default FiltersWapper;\n"],"mappings":"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"}

package/es/molecule/filters/index.d.ts

@@ -38,6 +38,7 @@ declare class Filters extends React.Component<any, any, any> {
         onToggleSorts: PropTypes.Requireable<(...args: any[]) => any>;
         moreSortAriaLabel: PropTypes.Requireable<string>;
         moreFilterAriaLabel: PropTypes.Requireable<string>;
+        sortAriaLabel: PropTypes.Requireable<string>;
     };
     static contextTypes: {
         skin: PropTypes.Requireable<PropTypes.InferProps<{

package/es/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBAsFC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBAuFC;CACF"}

package/es/molecule/filters/index.js

@@ -1,4 +1,7 @@
 import _get from "lodash/fp/get";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
@@ -72,7 +75,8 @@ class Filters extends React.Component {
       sortTabLabel,
       filters,
       moreFilterAriaLabel,
-      moreSortAriaLabel
+      moreSortAriaLabel,
+      sortAriaLabel
     } = this.props;
     const {
       filter,
@@ -91,7 +95,9 @@ class Filters extends React.Component {
     const sortView = sorting !== undefined ? /*#__PURE__*/React.createElement("div", {
       "data-name": "choice",
       className: style.select
-    }, /*#__PURE__*/React.createElement(Select, sorting)) : null;
+    }, /*#__PURE__*/React.createElement(Select, _extends({}, sorting, {
+      "aria-label": sortAriaLabel
+    }))) : null;
     return /*#__PURE__*/React.createElement("div", {
       "data-name": "search",
       className: style.search
@@ -167,7 +173,8 @@ Filters.propTypes = process.env.NODE_ENV !== "production" ? {
   onToggleFilters: PropTypes.func,
   onToggleSorts: PropTypes.func,
   moreSortAriaLabel: PropTypes.string,
-  moreFilterAriaLabel: PropTypes.string
+  moreFilterAriaLabel: PropTypes.string,
+  sortAriaLabel: PropTypes.string
 } : {};
 export default Filters;
 //# sourceMappingURL=index.js.map

package/es/molecule/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper className={style.wrapper} filters={filters} />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","sortAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper className={style.wrapper} filters={filters} />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}

package/es/molecule/setup-section/index.d.ts

@@ -37,6 +37,7 @@ declare namespace SetupSection {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;

package/es/molecule/setup-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AAsCA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,mFAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AAsCA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,mFAiBC"}

package/es/molecule/setup-sections/index.d.ts

@@ -18,6 +18,7 @@ declare namespace SetupSections {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/molecule/setup-slide/index.d.ts

@@ -30,6 +30,7 @@ declare namespace SetupSlide {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;

package/es/molecule/setup-slider/index.d.ts

@@ -43,6 +43,7 @@ declare namespace SetupSlider {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/organism/brand-form/index.d.ts

@@ -85,6 +85,7 @@ declare namespace BrandForm {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;
@@ -207,6 +208,7 @@ declare namespace BrandForm {
                         disabled: PropTypes.Requireable<boolean>;
                         onChange: PropTypes.Requireable<(...args: any[]) => any>;
                         description: PropTypes.Requireable<string>;
+                        'aria-labelledby': PropTypes.Requireable<string>;
                         modified: PropTypes.Requireable<boolean>;
                         titlePosition: PropTypes.Requireable<string>;
                         theme: PropTypes.Requireable<string>;
@@ -337,6 +339,7 @@ declare namespace BrandForm {
                         disabled: PropTypes.Requireable<boolean>;
                         onChange: PropTypes.Requireable<(...args: any[]) => any>;
                         description: PropTypes.Requireable<string>;
+                        'aria-labelledby': PropTypes.Requireable<string>;
                         modified: PropTypes.Requireable<boolean>;
                         titlePosition: PropTypes.Requireable<string>;
                         theme: PropTypes.Requireable<string>;

package/es/organism/user-preferences/index.d.ts

@@ -11,6 +11,7 @@ declare namespace UserPreferences {
             value: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            'aria-labelledby': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;

package/es/organism/wizard-contents/index.d.ts

@@ -102,6 +102,7 @@ declare namespace WizardContents {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -224,6 +225,7 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
+                            'aria-labelledby': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;
@@ -354,6 +356,7 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
+                            'aria-labelledby': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;

package/es/template/activity/index.d.ts

@@ -24,15 +24,15 @@ declare namespace Progression {
             }>;
         }>>;
     }
-    namespace propTypes {
-        const mainTitle: PropTypes.Validator<string>;
-        const mainSubtitle: PropTypes.Validator<string>;
-        const adaptiveAriaLabel: PropTypes.Requireable<string>;
-        const total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+    const propTypes: {
+        mainTitle: PropTypes.Validator<string>;
+        mainSubtitle: PropTypes.Validator<string>;
+        adaptiveAriaLabel: PropTypes.Requireable<string>;
+        total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
         }>>>;
-        const engines: PropTypes.Requireable<(PropTypes.InferProps<{
+        engines: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
             title: PropTypes.Validator<string>;
@@ -46,8 +46,8 @@ declare namespace Progression {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
         }> | null | undefined)[]>;
-        const loading: PropTypes.Validator<boolean>;
-        const progressions: PropTypes.Requireable<(PropTypes.InferProps<{
+        loading: PropTypes.Validator<boolean>;
+        progressions: PropTypes.Requireable<(PropTypes.InferProps<{
             ref: PropTypes.Validator<string>;
             completion: PropTypes.Validator<number>;
             stars: PropTypes.Validator<number>;
@@ -62,7 +62,7 @@ declare namespace Progression {
             adaptive: PropTypes.Validator<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
-        const themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
+        themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
             options: PropTypes.Validator<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
                 value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
@@ -71,14 +71,15 @@ declare namespace Progression {
             }> | null | undefined)[]>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        const recommendation: PropTypes.Requireable<PropTypes.InferProps<{
+        recommendation: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Validator<string>;
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Validator<string>;
             courseTitle: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
+        'aria-label': PropTypes.Requireable<string>;
+    };
 }
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/activity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAeA,0EAuGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAeA,0EAyGC"}

package/es/template/activity/index.js

@@ -25,7 +25,8 @@ const Progression = (props, legacyContext) => {
     total,
     engines = [],
     themeFilter = {},
-    loading
+    loading,
+    'aria-label': ariaLabel
   } = props;
   const skin = GetSkinFromContext(legacyContext);
   const {
@@ -59,7 +60,8 @@ const Progression = (props, legacyContext) => {
     className: style.select,
     theme: "thematiques",
     options: themeFilter.options,
-    onChange: handleSelectTheme
+    onChange: handleSelectTheme,
+    "aria-label": ariaLabel
   }) : null;
   const recommendationSection = !isEmpty(recommendation) ? /*#__PURE__*/React.createElement("div", {
     className: style.recommendationWrapper
@@ -127,7 +129,8 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
     subtitle: PropTypes.string.isRequired,
     courseTitle: PropTypes.string.isRequired,
     onClick: PropTypes.func
-  })
+  }),
+  'aria-label': PropTypes.string
 } : {};
 export default Progression;
 //# sourceMappingURL=index.js.map

package/es/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick} = recommendation;\n      onClick && onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = progressions.map(progression => (\n    <ProgressionItem\n      {...omit(['ref'], progression)}\n      key={progression.ref}\n      adaptiveAriaLabel={adaptiveAriaLabel}\n    />\n  ));\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\">\n        <div className={style.mainTitle}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression}>\n          <div className={style.wrapperCta}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  })\n};\n\nexport default Progression;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick} = recommendation;\n      onClick && onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = progressions.map(progression => (\n    <ProgressionItem\n      {...omit(['ref'], progression)}\n      key={progression.ref}\n      adaptiveAriaLabel={adaptiveAriaLabel}\n    />\n  ));\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n      aria-label={ariaLabel}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\">\n        <div className={style.mainTitle}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression}>\n          <div className={style.wrapperCta}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,qBAA3C;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC5C,MAAM;IACJC,SADI;IAEJC,YAFI;IAGJC,cAAc,GAAG,EAHb;IAIJC,YAAY,GAAG,EAJX;IAKJC,iBALI;IAMJC,KANI;IAOJC,OAAO,GAAG,EAPN;IAQJC,WAAW,GAAG,EARV;IASJC,OATI;IAUJ,cAAcC;EAVV,IAWFX,KAXJ;EAYA,MAAMY,IAAI,GAAGrB,kBAAkB,CAACU,aAAD,CAA/B;EACA,MAAM;IAACY,QAAQ,EAAEC;EAAX,IAAkCL,WAAxC;EAEA,MAAMM,WAAW,GAAG/B,WAAW,CAC7BgC,CAAC,IAAI;IACHA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACA,MAAM;MAACC;IAAD,IAAYf,cAAlB;IACAe,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;EACD,CAN4B,EAO7B,CAACZ,cAAD,CAP6B,CAA/B;EAUA,MAAMgB,iBAAiB,GAAGpC,WAAW,CACnCgC,CAAC,IAAI;IACHF,mBAAmB,IAAIA,mBAAmB,CAACE,CAAD,CAA1C;EACD,CAHkC,EAInC,CAACF,mBAAD,CAJmC,CAArC;EAOA,MAAMO,OAAO,GAAGpC,GAAG,CAAC,gBAAD,EAAmB2B,IAAnB,CAAnB;EACA,MAAMU,MAAM,GAAGZ,OAAO,gBACpB;IAAK,SAAS,EAAEZ,KAAK,CAACwB;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;EAKA,MAAMC,eAAe,GAAGlB,YAAY,CAACmB,GAAb,CAAiBC,WAAW,iBAClD,oBAAC,eAAD,eACMtC,IAAI,CAAC,CAAC,KAAD,CAAD,EAAUsC,WAAV,CADV;IAEE,GAAG,EAAEA,WAAW,CAACC,GAFnB;IAGE,iBAAiB,EAAEpB;EAHrB,GADsB,CAAxB;EAQA,MAAMqB,eAAe,gBACnB;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAE7B,KAAK,CAAC8B;EAA/C,GACGL,eADH,CADF;EAKA,MAAMM,WAAW,GAAG,CAAC3C,OAAO,CAACuB,WAAW,CAACqB,OAAb,CAAR,gBAClB,oBAAC,MAAD;IACE,eAAe,EAAEhC,KAAK,CAACiC,YADzB;IAEE,SAAS,EAAEjC,KAAK,CAACkC,MAFnB;IAGE,KAAK,EAAC,aAHR;IAIE,OAAO,EAAEvB,WAAW,CAACqB,OAJvB;IAKE,QAAQ,EAAEV,iBALZ;IAME,cAAYT;EANd,EADkB,GAShB,IATJ;EAUA,MAAMsB,qBAAqB,GAAG,CAAC/C,OAAO,CAACkB,cAAD,CAAR,gBAC5B;IAAK,SAAS,EAAEN,KAAK,CAACoC;EAAtB,gBACE;IAAG,SAAS,EAAEpC,KAAK,CAACmC;EAApB,GAA4C7B,cAAc,CAAC+B,KAA3D,MADF,eAEE;IAAG,SAAS,EAAErC,KAAK,CAACmC;EAApB,gBACE,kCAAO7B,cAAc,CAACgC,QAAtB,MADF,eAEE;IACE,SAAS,EAAE/C,UAAU,CAACS,KAAK,CAACuC,MAAP,EAAevC,KAAK,CAACwC,SAArB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEnC,cAAc,CAACoC;IAAxB;EAH3B,EAFF,CAFF,eAUE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAEzB,WAFX;IAGE,WAAW,EAAEX,cAAc,CAACqC,GAH9B;IAIE,KAAK,EAAE;MACLC,eAAe,EAAErB;IADZ,CAJT;IAOE,SAAS,EAAEvB,KAAK,CAAC2C;EAPnB,EAVF,CAD4B,GAqB1B,IArBJ;EAuBA,oBACE;IAAK,SAAS,EAAE3C,KAAK,CAAC6C;EAAtB,gBACE;IAAK,aAAU;EAAf,gBACE;IAAK,SAAS,EAAE7C,KAAK,CAACI;EAAtB,gBACE,kCAAOA,SAAP,CADF,OAC4BC,YAD5B,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAAC8C;EAAtB,gBACE;IAAK,SAAS,EAAE9C,KAAK,CAAC+C;EAAtB,GACGhB,WADH,EAEGI,qBAFH,CADF,eAKE,oBAAC,YAAD;IAAc,OAAO,EAAEzB,OAAvB;IAAgC,KAAK,EAAED;EAAvC,EALF,CAJF,CADF,eAaE;IAAK,SAAS,EAAET,KAAK,CAACgD,kBAAtB;IAA0C,aAAU;EAApD,GACGnB,eADH,EAEGL,MAFH,CAbF,CADF;AAoBD,CAzGD;;AA2GAvB,WAAW,CAACgD,YAAZ,GAA2B;EACzBnC,IAAI,EAAEtB,QAAQ,CAAC0D,iBAAT,CAA2BpC;AADR,CAA3B;AAIAb,WAAW,CAACkD,SAAZ,2CAAwB;EACtB/C,SAAS,EAAEd,SAAS,CAAC8D,MAAV,CAAiBC,UADN;EAEtBhD,YAAY,EAAEf,SAAS,CAAC8D,MAAV,CAAiBC,UAFT;EAGtB7C,iBAAiB,EAAElB,SAAS,CAAC8D,MAHP;EAItB3C,KAAK,EAAEnB,SAAS,CAACgE,KAAV,CAAgB;IACrBC,KAAK,EAAEjE,SAAS,CAAC8D,MAAV,CAAiBC,UADH;IAErBG,KAAK,EAAElE,SAAS,CAACmE,MAAV,CAAiBJ;EAFH,CAAhB,EAGJA,UAPmB;EAQtB3C,OAAO,EAAEpB,SAAS,CAACoE,OAAV,CAAkBpE,SAAS,CAACgE,KAAV,CAAgBxD,WAAW,CAACqD,SAA5B,CAAlB,CARa;EAStBvC,OAAO,EAAEtB,SAAS,CAACqE,IAAV,CAAeN,UATF;EAUtB9C,YAAY,EAAEjB,SAAS,CAACoE,OAAV,CACZpE,SAAS,CAACgE,KAAV,cAAoBzD,eAAe,CAACsD,SAApC;IAA+CvB,GAAG,EAAEtC,SAAS,CAAC8D,MAAV,CAAiBC;EAArE,GADY,CAVQ;EAatB1C,WAAW,EAAErB,SAAS,CAACgE,KAAV,CAAgB;IAC3BtB,OAAO,EAAErC,MAAM,CAACwD,SAAP,CAAiBnB,OAAjB,CAAyBqB,UADP;IAE3BtC,QAAQ,EAAEpB,MAAM,CAACwD,SAAP,CAAiBpC;EAFA,CAAhB,CAbS;EAiBtBT,cAAc,EAAEhB,SAAS,CAACgE,KAAV,CAAgB;IAC9BX,GAAG,EAAErD,SAAS,CAAC8D,MAAV,CAAiBC,UADQ;IAE9BhB,KAAK,EAAE/C,SAAS,CAAC8D,MAAV,CAAiBC,UAFM;IAG9Bf,QAAQ,EAAEhD,SAAS,CAAC8D,MAAV,CAAiBC,UAHG;IAI9BX,WAAW,EAAEpD,SAAS,CAAC8D,MAAV,CAAiBC,UAJA;IAK9BhC,OAAO,EAAE/B,SAAS,CAACsE;EALW,CAAhB,CAjBM;EAwBtB,cAActE,SAAS,CAAC8D;AAxBF,CAAxB;AA2BA,eAAenD,WAAf"}

package/es/template/app-player/loading/index.d.ts

@@ -46,6 +46,7 @@ declare namespace PlayerLoading {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/template/app-player/player/index.d.ts

@@ -95,6 +95,7 @@ declare namespace SlidePlayer {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -146,6 +147,7 @@ declare namespace SlidePlayer {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/template/app-player/player/slides/index.d.ts

@@ -103,6 +103,7 @@ declare namespace SlidesPlayer {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

package/es/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/es/template/app-player/popin-correction/index.d.ts

@@ -129,6 +129,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;