@coorpacademy/components 11.32.33 → 11.32.35-alpha.6

package/es/molecule/setup-slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","InputFileDraggable","SetupCohortItem","MessagePopin","BrandDownloadBox","Title","style","SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","SetupSliderPropTypes"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Accordion from '../../organism/accordion/toggler';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport BrandDownloadBox from '../brand-download-box';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const buildSlides = slides_ => {\n    return map.convert({cap: false})((slide, key) => {\n      const buildInput = field => {\n        const {type} = field;\n        switch (type) {\n          case 'switch':\n            return <InputSwitch {...field} />;\n          case 'select':\n            return <Select {...field} theme={'coorpmanager'} />;\n          case 'checkbox':\n            return <InputCheckbox {...field} />;\n          case 'image':\n            return (\n              <div className={style.imageUploadContainer}>\n                <InputFileDraggable {...field} />\n              </div>\n            );\n          case 'splitForm':\n            return <SetupCohortItem field={field} />;\n          case 'alert':\n            return <MessagePopin header={field.title} content={field.subtitle} />;\n          case 'readonly':\n            return <InputReadonly {...field} />;\n          case 'doublestep':\n            return <InputDoublestep {...field} />;\n          case 'downloadbox':\n            return <BrandDownloadBox {...field} />;\n          case 'form-group':\n            return <Title {...field} />;\n          case 'slider':\n            return (\n              <Accordion tabProps={field.tabProps} type={'all'} theme={'setup'}>\n                {buildSlides(field.slides)}\n              </Accordion>\n            );\n          default:\n            return <InputText {...field} />;\n        }\n      };\n\n      const buildField = (field, index) => {\n        const input = buildInput(field);\n        return (\n          <div className={style.field} key={index}>\n            {input}\n          </div>\n        );\n      };\n\n      const fieldsList = map.convert({cap: false})(buildField, slide.fields);\n\n      return (\n        <div className={style.wrapper} key={key}>\n          {fieldsList}\n        </div>\n      );\n    }, slides_);\n  };\n\n  const slidesView = buildSlides(slides);\n\n  return (\n    <div className={style.wrapperStyle}>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nconst SlidePropTypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      })\n    ])\n  )\n});\n\nconst SetupSliderPropTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(SlidePropTypes)\n};\n\nSetupSlider.propTypes = SetupSliderPropTypes;\n\nexport default SetupSlider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","InputFileDraggable","SetupCohortItem","MessagePopin","BrandDownloadBox","Title","style","SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","rest","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","SetupSliderPropTypes"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Accordion from '../../organism/accordion/toggler';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport BrandDownloadBox from '../brand-download-box';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst SetupSlider = props => {\n  const {tabProps = [], slides = []} = props;\n  const buildSlides = slides_ => {\n    return map.convert({cap: false})((slide, key) => {\n      const buildInput = field => {\n        const {type, ...rest} = field;\n        switch (type) {\n          case 'switch':\n            return <InputSwitch {...field} />;\n          case 'select':\n            return <Select {...field} theme={'coorpmanager'} />;\n          case 'checkbox':\n            return <InputCheckbox {...field} />;\n          case 'image':\n            return (\n              <div className={style.imageUploadContainer}>\n                <InputFileDraggable {...field} />\n              </div>\n            );\n          case 'splitForm':\n            return <SetupCohortItem field={field} />;\n          case 'alert':\n            return <MessagePopin header={field.title} content={field.subtitle} />;\n          case 'readonly':\n            return <InputReadonly {...field} />;\n          case 'doublestep':\n            return <InputDoublestep {...field} />;\n          case 'downloadbox':\n            return <BrandDownloadBox {...field} />;\n          case 'form-group':\n            return <Title {...field} />;\n          case 'slider':\n            return (\n              <Accordion tabProps={field.tabProps} type={'all'} theme={'setup'}>\n                {buildSlides(field.slides)}\n              </Accordion>\n            );\n          case 'text':\n          case 'password':\n            return <InputText {...field} />;\n          default:\n            return <InputText {...rest} type={'text'} />;\n        }\n      };\n\n      const buildField = (field, index) => {\n        const input = buildInput(field);\n        return (\n          <div className={style.field} key={index}>\n            {input}\n          </div>\n        );\n      };\n\n      const fieldsList = map.convert({cap: false})(buildField, slide.fields);\n\n      return (\n        <div className={style.wrapper} key={key}>\n          {fieldsList}\n        </div>\n      );\n    }, slides_);\n  };\n\n  const slidesView = buildSlides(slides);\n\n  return (\n    <div className={style.wrapperStyle}>\n      <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n        {slidesView}\n      </Accordion>\n    </div>\n  );\n};\n\nconst SlidePropTypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      })\n    ])\n  )\n});\n\nconst SetupSliderPropTypes = {\n  tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n  slides: PropTypes.arrayOf(SlidePropTypes)\n};\n\nSetupSlider.propTypes = SetupSliderPropTypes;\n\nexport default SetupSlider;\n"],"mappings":"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"}

package/es/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -45,6 +45,7 @@ declare namespace TitleAndCheckBoxWrapper {
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
                 valid: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;

package/es/organism/content-translation/index.d.ts

@@ -22,6 +22,7 @@ declare namespace PlayListTranslation {
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
+            type: PropTypes.Requireable<string>;
             valid: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;

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

@@ -48,6 +48,7 @@ declare namespace RewardsForm {
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
+                    type: PropTypes.Requireable<string>;
                     valid: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;

package/es/organism/select-opponents/index.d.ts

@@ -47,6 +47,7 @@ declare const SelectOpponents: {
                     onChange: import("prop-types").Requireable<(...args: any[]) => any>;
                     description: import("prop-types").Requireable<string>;
                     modified: import("prop-types").Requireable<boolean>;
+                    type: import("prop-types").Requireable<string>;
                     valid: import("prop-types").Requireable<boolean>;
                     'aria-label': import("prop-types").Requireable<string>;
                     'data-name': import("prop-types").Requireable<string>;

package/es/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/es/organism/select-opponents/types.d.ts

@@ -44,6 +44,7 @@ export declare const propTypes: {
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
                 valid: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;

package/es/organism/select-opponents/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/title-and-input/index.d.ts

@@ -102,6 +102,7 @@ declare const TitleAndInput: {
                         onChange: import("prop-types").Requireable<(...args: any[]) => any>;
                         description: import("prop-types").Requireable<string>;
                         modified: import("prop-types").Requireable<boolean>;
+                        type: import("prop-types").Requireable<string>;
                         valid: import("prop-types").Requireable<boolean>;
                         'aria-label': import("prop-types").Requireable<string>;
                         'data-name': import("prop-types").Requireable<string>;

package/es/organism/title-and-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/organism/title-and-input/types.d.ts

@@ -103,6 +103,7 @@ declare const propTypes: {
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
+                    type: PropTypes.Requireable<string>;
                     valid: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;

package/es/organism/title-and-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -167,6 +167,7 @@ declare namespace WizardContents {
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
                 valid: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
@@ -263,6 +264,7 @@ declare namespace WizardContents {
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
+                    type: PropTypes.Requireable<string>;
                     valid: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
@@ -317,6 +319,7 @@ declare namespace WizardContents {
                         onChange: PropTypes.Requireable<(...args: any[]) => any>;
                         description: PropTypes.Requireable<string>;
                         modified: PropTypes.Requireable<boolean>;
+                        type: PropTypes.Requireable<string>;
                         valid: PropTypes.Requireable<boolean>;
                         'aria-label': PropTypes.Requireable<string>;
                         'data-name': PropTypes.Requireable<string>;

package/es/template/certification-detail/index.d.ts

@@ -33,21 +33,14 @@ declare namespace CertificationDetail {
         const metrics: PropTypes.Requireable<PropTypes.InferProps<{
             progression: PropTypes.Requireable<number>;
             stars: PropTypes.Requireable<number>;
-            completedCourses: PropTypes.Requireable<number>;
             completedModules: PropTypes.Requireable<number>;
+            mandatoryModules: PropTypes.Requireable<number>;
+            totalModules: PropTypes.Requireable<number>;
+            totalCourses: PropTypes.Requireable<number>;
         }>>;
-        const onDownloadDiploma: PropTypes.Requireable<(...args: any[]) => any>;
-        const badge: PropTypes.Requireable<PropTypes.InferProps<{
-            badgeUrl: PropTypes.Requireable<string>;
-            onDownloadBadge: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const ongoingCourses: PropTypes.Requireable<PropTypes.InferProps<{
-            list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: string | null | undefined;
-            }>;
-            loading: PropTypes.Requireable<boolean>;
-        }>>;
+        const diplomaUrl: PropTypes.Requireable<string>;
+        const badgeUrl: PropTypes.Requireable<string>;
+        const ongoingCoursesAvailable: PropTypes.Requireable<boolean>;
         const certificationCourses: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
@@ -55,8 +48,6 @@ declare namespace CertificationDetail {
             }>;
             loading: PropTypes.Requireable<boolean>;
         }>>;
-        const totalCourses: PropTypes.Requireable<number>;
-        const totalModules: PropTypes.Requireable<number>;
         const filters: PropTypes.Requireable<PropTypes.InferProps<{
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             options: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -66,37 +57,6 @@ declare namespace CertificationDetail {
                 validOption: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
         }>>;
-        const sorting: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            borderClassName: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            multiple: PropTypes.Requireable<boolean>;
-            description: PropTypes.Requireable<string>;
-            required: PropTypes.Requireable<boolean>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            theme: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
-                name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                selected: PropTypes.Requireable<boolean>;
-                validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
-                label: PropTypes.Validator<string>;
-                options: PropTypes.Requireable<(PropTypes.InferProps<{
-                    name: PropTypes.Validator<string>;
-                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                    selected: PropTypes.Requireable<boolean>;
-                    validOption: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
-            }> | null | undefined)[]>;
-            modified: PropTypes.Requireable<boolean>;
-            error: PropTypes.Requireable<boolean>;
-            'aria-label': PropTypes.Requireable<string>;
-            'aria-labelledby': PropTypes.Requireable<string>;
-        }>>;
         const onBackClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onContinueLearningClick: PropTypes.Requireable<(...args: any[]) => any>;
     }

package/es/template/certification-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAkBA,4EA8GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/certification-detail/index.js"],"names":[],"mappings":";AAiBA,4EAgGC"}

package/es/template/certification-detail/index.js

@@ -5,12 +5,11 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import Tag from '../../atom/tag';
-import Select, { SelectOptionPropTypes } from '../../atom/select';
+import { SelectOptionPropTypes } from '../../atom/select';
 import ButtonLinkIcon from '../../atom/button-link-icon';
 import Icon from '../../atom/icon';
 import CardsGrid from '../../organism/cards-grid';
 import AllCourses from '../skill-detail/all-courses';
-import ContinueLearning from '../skill-detail/continue-learning';
 import { ContinueLearningButton } from '../skill-detail';
 import ProgressWrapper from '../../molecule/progress-wrapper';
 import style from './style.css';
@@ -22,31 +21,26 @@ const CertificationDetail = (props, context) => {
     title,
     description,
     certificationCourses,
-    ongoingCourses,
-    totalCourses,
-    totalModules,
+    ongoingCoursesAvailable,
     filters,
-    sorting,
     onBackClick,
     onContinueLearningClick,
     metrics,
     logoUrl,
-    onDownloadDiploma,
-    badge = {}
+    diplomaUrl,
+    badgeUrl
   } = props;
   const {
     translate
   } = context;
   const {
     progression,
-    completedCourses,
     completedModules,
-    stars
+    mandatoryModules,
+    stars,
+    totalModules,
+    totalCourses
   } = metrics;
-  const {
-    badgeUrl = false,
-    onDownloadBadge
-  } = badge;
   const [showMore, setShowMore] = useState(false);
   const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);
   const Description = useCallback(() => {
@@ -88,28 +82,21 @@ const CertificationDetail = (props, context) => {
     }
   })) : null) : null, /*#__PURE__*/React.createElement("div", {
     className: style.contentStats
-  }, /*#__PURE__*/React.createElement("span", null, `${totalCourses} ${_lowerCase(translate('courses'))}`), /*#__PURE__*/React.createElement("div", {
-    className: style.divider
-  }), /*#__PURE__*/React.createElement("span", null, `${totalModules} ${_lowerCase(translate('modules'))}`)), /*#__PURE__*/React.createElement(ContinueLearningButton, {
-    ongoingCoursesAvailable: !!ongoingCourses.list.length,
+  }, /*#__PURE__*/React.createElement("span", null, `${totalModules} ${_lowerCase(translate('modules'))}`)), /*#__PURE__*/React.createElement(ContinueLearningButton, {
+    ongoingCoursesAvailable: ongoingCoursesAvailable,
     onClick: onContinueLearningClick
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: style.continueLearningSection
-  }, /*#__PURE__*/React.createElement(ContinueLearning, {
-    ongoingCourses: ongoingCourses
-  })), /*#__PURE__*/React.createElement(ProgressWrapper, {
+  }))), /*#__PURE__*/React.createElement(ProgressWrapper, {
     title: translate('your_progress'),
     subtitle: translate('certification_progress_wrapper_subtitle'),
     progression: progression,
-    completedCourses: completedCourses,
     completedModules: completedModules,
+    mandatoryModules: mandatoryModules,
     sections: _compact([{
       type: 'diploma',
-      onDownload: () => onDownloadDiploma
+      downloadUrl: diplomaUrl
     }, badgeUrl && {
       type: 'badge',
-      badgeUrl,
-      onDownload: () => onDownloadBadge
+      downloadUrl: badgeUrl
     }, {
       type: 'stars',
       stars
@@ -117,8 +104,7 @@ const CertificationDetail = (props, context) => {
   }), /*#__PURE__*/React.createElement(AllCourses, {
     courses: certificationCourses,
     totalCourses: totalCourses,
-    filters: filters,
-    sorting: sorting
+    filters: filters
   })));
 };
 
@@ -134,23 +120,19 @@ CertificationDetail.propTypes = process.env.NODE_ENV !== "production" ? {
   metrics: PropTypes.shape({
     progression: PropTypes.number,
     stars: PropTypes.number,
-    completedCourses: PropTypes.number,
-    completedModules: PropTypes.number
-  }),
-  onDownloadDiploma: PropTypes.func,
-  badge: PropTypes.shape({
-    badgeUrl: PropTypes.string,
-    onDownloadBadge: PropTypes.func
+    completedModules: PropTypes.number,
+    mandatoryModules: PropTypes.number,
+    totalModules: PropTypes.number,
+    totalCourses: PropTypes.number
   }),
-  ongoingCourses: PropTypes.shape(CardsGrid.propTypes),
+  diplomaUrl: PropTypes.string,
+  badgeUrl: PropTypes.string,
+  ongoingCoursesAvailable: PropTypes.bool,
   certificationCourses: PropTypes.shape(CardsGrid.propTypes),
-  totalCourses: PropTypes.number,
-  totalModules: PropTypes.number,
   filters: PropTypes.shape({
     onChange: PropTypes.func,
     options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))
   }),
-  sorting: PropTypes.shape(Select.propTypes),
   onBackClick: PropTypes.func,
   onContinueLearningClick: PropTypes.func
 } : {};

package/es/template/certification-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","classnames","Provider","Tag","Select","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","ContinueLearning","ContinueLearningButton","ProgressWrapper","style","DESCRIPTION_BREAKPOINT","CertificationDetail","props","context","certificationRef","title","description","certificationCourses","ongoingCourses","totalCourses","totalModules","filters","sorting","onBackClick","onContinueLearningClick","metrics","logoUrl","onDownloadDiploma","badge","translate","progression","completedCourses","completedModules","stars","badgeUrl","onDownloadBadge","showMore","setShowMore","handleShowMore","Description","truncate","backgroundContainer","container","backButton","ctaContainer","logoContainer","logo","length","showMoreWrapper","faSize","wrapperSize","contentStats","divider","list","continueLearningSection","type","onDownload","contextTypes","skin","childContextTypes","propTypes","string","isRequired","shape","number","func","onChange","options","arrayOf"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport ContinueLearning from '../skill-detail/continue-learning';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst DESCRIPTION_BREAKPOINT = 382;\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    description,\n    certificationCourses,\n    ongoingCourses,\n    totalCourses,\n    totalModules,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    onDownloadDiploma,\n    badge = {}\n  } = props;\n  const {translate} = context;\n  const {progression, completedCourses, completedModules, stars} = metrics;\n  const {badgeUrl = false, onDownloadBadge} = badge;\n\n  const [showMore, setShowMore] = useState(false);\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  const Description = useCallback(() => {\n    return (\n      <div className={classnames(style.description, !showMore && style.truncate)}>\n        {description}\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        <ButtonLinkIcon\n          faIcon=\"arrow-left\"\n          data-name=\"back-button\"\n          aria-label=\"Back\"\n          onClick={onBackClick}\n          className={style.backButton}\n          tooltipPlacement=\"right\"\n        />\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={translate('certification')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {description.length >= DESCRIPTION_BREAKPOINT ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalCourses} ${lowerCase(translate('courses'))}`}</span>\n              <div className={style.divider} />\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={!!ongoingCourses.list.length}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <div className={style.continueLearningSection}>\n          <ContinueLearning ongoingCourses={ongoingCourses} />\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedCourses={completedCourses}\n          completedModules={completedModules}\n          sections={compact([\n            {\n              type: 'diploma',\n              onDownload: () => onDownloadDiploma\n            },\n            badgeUrl && {\n              type: 'badge',\n              badgeUrl,\n              onDownload: () => onDownloadBadge\n            },\n            {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          courses={certificationCourses}\n          totalCourses={totalCourses}\n          filters={filters}\n          sorting={sorting}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    completedCourses: PropTypes.number,\n    completedModules: PropTypes.number\n  }),\n  onDownloadDiploma: PropTypes.func,\n  badge: PropTypes.shape({\n    badgeUrl: PropTypes.string,\n    onDownloadBadge: PropTypes.func\n  }),\n  ongoingCourses: PropTypes.shape(CardsGrid.propTypes),\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  totalCourses: PropTypes.number,\n  totalModules: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func\n};\n\nexport default CertificationDetail;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","classnames","Provider","Tag","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","ContinueLearningButton","ProgressWrapper","style","DESCRIPTION_BREAKPOINT","CertificationDetail","props","context","certificationRef","title","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","translate","progression","completedModules","mandatoryModules","stars","totalModules","totalCourses","showMore","setShowMore","handleShowMore","Description","truncate","backgroundContainer","container","backButton","ctaContainer","logoContainer","logo","length","showMoreWrapper","faSize","wrapperSize","contentStats","type","downloadUrl","contextTypes","skin","childContextTypes","propTypes","string","isRequired","shape","number","bool","onChange","func","options","arrayOf"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst DESCRIPTION_BREAKPOINT = 382;\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl\n  } = props;\n  const {translate} = context;\n  const {progression, completedModules, mandatoryModules, stars, totalModules, totalCourses} =\n    metrics;\n\n  const [showMore, setShowMore] = useState(false);\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  const Description = useCallback(() => {\n    return (\n      <div className={classnames(style.description, !showMore && style.truncate)}>\n        {description}\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        <ButtonLinkIcon\n          faIcon=\"arrow-left\"\n          data-name=\"back-button\"\n          aria-label=\"Back\"\n          onClick={onBackClick}\n          className={style.backButton}\n          tooltipPlacement=\"right\"\n        />\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={translate('certification')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {description.length >= DESCRIPTION_BREAKPOINT ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses courses={certificationCourses} totalCourses={totalCourses} filters={filters} />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    completedModules: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number,\n    totalCourses: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func\n};\n\nexport default CertificationDetail;\n"],"mappings":"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"}

package/es/template/certification-detail/style.css

@@ -8,14 +8,6 @@
 @value cm_grey_200 from colors;
 @value cm_grey_400 from colors;
 
-.divider {
-  width: 4px;
-  height: 4px;
-  background-color: cm_grey_400;
-  border: solid cm_grey_400 1px;
-  border-radius: 4px;
-}
-
 .textBase {
   font-family: "Gilroy";
   font-style: normal;
@@ -53,6 +45,7 @@
   align-items: center;
   width: 100%;
   gap: 40px;
+  margin-bottom: 40px;
 }
 
 .logoContainer {
@@ -112,10 +105,6 @@
   color: cm_grey_400;
 }
 
-.continueLearningSection {
-  padding: 24px 0 32px 0;
-}
-
 @media tablet {
   .ctaContainer {
     flex-direction: column;

package/es/template/skill-detail/all-courses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.js"],"names":[],"mappings":";AA2CA,mEAwHC"}
+{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.js"],"names":[],"mappings":";AA2CA,mEA0HC"}

package/es/template/skill-detail/all-courses.js

@@ -126,9 +126,9 @@ const AllCourses = (props, context) => {
     "aria-label": 'Show completed courses aria label',
     value: showCompleted,
     onChange: handleShowCompletedToggle
-  }), /*#__PURE__*/React.createElement("div", {
+  }), sortView ? /*#__PURE__*/React.createElement("div", {
     className: style.sortWrapper
-  }, translate('sort_by'), sortView))), /*#__PURE__*/React.createElement("div", {
+  }, translate('sort_by'), sortView) : null)), /*#__PURE__*/React.createElement("div", {
     className: style.filterWrapper
   }, options.length > 2 && searchResults.length > 0 ? options.map((filter, index) => {
     const {

package/es/template/skill-detail/all-courses.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.js","names":["React","useState","useCallback","useEffect","PropTypes","Provider","Select","SelectOptionPropTypes","ButtonLink","SearchForm","CardsGrid","searchValueIncluded","InputSwitch","style","FilterButton","props","context","selected","filter","onClick","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","width","label","contextTypes","childContextTypes","translate","propTypes","bool","string","func","AllCourses","courses","totalCourses","filters","sorting","options","onChange","list","loading","showCompleted","setShowCompleted","searchValue","setSearchValue","searchResults","setSearchResults","course","sortView","undefined","handleSearch","value","skill","title","handleSearchReset","handleShowCompletedToggle","toggledShowCompleted","progress","continueLearningWrapper","continueLearningTitle","continueLearningNumber","searchAndSortSection","searchWrapper","placeholder","sortSection","sortWrapper","filterWrapper","length","map","index","name","handleChange","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","number","arrayOf"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, sortBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport searchValueIncluded from '../../util/search-value-included';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './all-courses.css';\n\nconst FilterButton = (props, context) => {\n  const {selected, filter, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label: filter,\n    onClick,\n    'data-name': 'filter-type-course-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  selected: PropTypes.bool,\n  filter: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {courses, totalCourses, filters, sorting} = props;\n  const {options, onChange} = filters;\n  const {list, loading} = courses;\n  const {translate} = context;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(course => -getOr(0, ['progress'], course), list)\n  );\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  useEffect(() => {\n    setSearchResults(sortBy(course => -getOr(0, ['progress'], course), list));\n  }, [list]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(list.filter(skill => searchValueIncluded(skill.title, value)));\n    },\n    [list, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(list);\n  }, [list, setSearchValue, setSearchResults]);\n\n  const handleShowCompletedToggle = useCallback(() => {\n    const toggledShowCompleted = !showCompleted;\n    setShowCompleted(toggledShowCompleted);\n    if (toggledShowCompleted) {\n      setSearchResults(list);\n      handleSearchReset();\n    } else {\n      setSearchResults(searchResults.filter(skill => skill.progress < 100));\n    }\n  }, [list, searchResults, showCompleted, setShowCompleted, setSearchResults, handleSearchReset]);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_courses')}</span>\n        <span className={style.continueLearningNumber}>{totalCourses}</span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: handleSearch\n            }}\n            onReset={handleSearchReset}\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          <div className={style.sortWrapper}>\n            {translate('sort_by')}\n            {sortView}\n          </div>\n        </div>\n      </div>\n      <div className={style.filterWrapper}>\n        {options.length > 2 && searchResults.length > 0\n          ? options.map((filter, index) => {\n              const {name, value, selected} = filter;\n\n              function handleChange() {\n                onChange(value);\n                handleSearchReset();\n              }\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton selected={selected} filter={name} onClick={handleChange} />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            })\n          : null}\n      </div>\n      <div>\n        {searchResults.length > 0 ? (\n          <CardsGrid\n            list={searchResults}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  courses: PropTypes.shape(CardsGrid.propTypes),\n  totalCourses: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default AllCourses;\n"],"mappings":"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"}
+{"version":3,"file":"all-courses.js","names":["React","useState","useCallback","useEffect","PropTypes","Provider","Select","SelectOptionPropTypes","ButtonLink","SearchForm","CardsGrid","searchValueIncluded","InputSwitch","style","FilterButton","props","context","selected","filter","onClick","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","width","label","contextTypes","childContextTypes","translate","propTypes","bool","string","func","AllCourses","courses","totalCourses","filters","sorting","options","onChange","list","loading","showCompleted","setShowCompleted","searchValue","setSearchValue","searchResults","setSearchResults","course","sortView","undefined","handleSearch","value","skill","title","handleSearchReset","handleShowCompletedToggle","toggledShowCompleted","progress","continueLearningWrapper","continueLearningTitle","continueLearningNumber","searchAndSortSection","searchWrapper","placeholder","sortSection","sortWrapper","filterWrapper","length","map","index","name","handleChange","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","number","arrayOf"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, sortBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport searchValueIncluded from '../../util/search-value-included';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './all-courses.css';\n\nconst FilterButton = (props, context) => {\n  const {selected, filter, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label: filter,\n    onClick,\n    'data-name': 'filter-type-course-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  selected: PropTypes.bool,\n  filter: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {courses, totalCourses, filters, sorting} = props;\n  const {options, onChange} = filters;\n  const {list, loading} = courses;\n  const {translate} = context;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(course => -getOr(0, ['progress'], course), list)\n  );\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  useEffect(() => {\n    setSearchResults(sortBy(course => -getOr(0, ['progress'], course), list));\n  }, [list]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(list.filter(skill => searchValueIncluded(skill.title, value)));\n    },\n    [list, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(list);\n  }, [list, setSearchValue, setSearchResults]);\n\n  const handleShowCompletedToggle = useCallback(() => {\n    const toggledShowCompleted = !showCompleted;\n    setShowCompleted(toggledShowCompleted);\n    if (toggledShowCompleted) {\n      setSearchResults(list);\n      handleSearchReset();\n    } else {\n      setSearchResults(searchResults.filter(skill => skill.progress < 100));\n    }\n  }, [list, searchResults, showCompleted, setShowCompleted, setSearchResults, handleSearchReset]);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_courses')}</span>\n        <span className={style.continueLearningNumber}>{totalCourses}</span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: handleSearch\n            }}\n            onReset={handleSearchReset}\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      <div className={style.filterWrapper}>\n        {options.length > 2 && searchResults.length > 0\n          ? options.map((filter, index) => {\n              const {name, value, selected} = filter;\n\n              function handleChange() {\n                onChange(value);\n                handleSearchReset();\n              }\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton selected={selected} filter={name} onClick={handleChange} />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            })\n          : null}\n      </div>\n      <div>\n        {searchResults.length > 0 ? (\n          <CardsGrid\n            list={searchResults}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  courses: PropTypes.shape(CardsGrid.propTypes),\n  totalCourses: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default AllCourses;\n"],"mappings":"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"}

package/lib/atom/input-text/index.d.ts

@@ -14,6 +14,7 @@ declare namespace InputText {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         description: PropTypes.Requireable<string>;
         modified: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
         valid: PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;

package/lib/atom/input-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDAmFC"}

package/lib/atom/input-text/index.js

@@ -41,6 +41,7 @@ const InputText = props => {
     autoFocus = false,
     placeholder = '',
     value,
+    type = 'text',
     hint,
     defaultValue,
     onChange = _noop2.default,
@@ -87,7 +88,7 @@ const InputText = props => {
     className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/_react.default.createElement("input", {
     autoFocus: autoFocus,
-    type: "text",
+    type: type,
     name: propsTitle,
     className: _style.default.input,
     placeholder: placeholder,
@@ -115,6 +116,7 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   description: _propTypes.default.string,
   modified: _propTypes.default.bool,
+  type: _propTypes.default.string,
   valid: _propTypes.default.bool,
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string