@coorpacademy/components 11.32.33 → 11.32.35-alpha.6

package/es/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/es/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/es/atom/input-text/index.js

@@ -20,6 +20,7 @@ const InputText = props => {
     autoFocus = false,
     placeholder = '',
     value,
+    type = 'text',
     hint,
     defaultValue,
     onChange = _noop,
@@ -66,7 +67,7 @@ const InputText = props => {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/React.createElement("input", {
     autoFocus: autoFocus,
-    type: "text",
+    type: type,
     name: propsTitle,
     className: style.input,
     placeholder: placeholder,
@@ -94,6 +95,7 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   description: PropTypes.string,
   modified: PropTypes.bool,
+  type: PropTypes.string,
   valid: PropTypes.bool,
   'aria-label': PropTypes.string,
   'data-name': PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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"}

package/es/atom/input-text-with-title/index.d.ts

@@ -16,6 +16,7 @@ declare namespace InputTextWithTitle {
             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/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AA6HA,yDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AA8HA,yDAuBC"}

package/es/molecule/brand-form-group/index.js

@@ -1,9 +1,12 @@
 import _snakeCase from "lodash/fp/snakeCase";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
+const _excluded = ["type"];
 
 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); }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -39,7 +42,8 @@ const inputContainerStyle = {
 const buildInput = field => {
   const {
     type
-  } = field;
+  } = field,
+        rest = _objectWithoutPropertiesLoose(field, _excluded);
 
   switch (type) {
     case 'autoComplete':
@@ -91,6 +95,7 @@ const buildInput = field => {
       return /*#__PURE__*/React.createElement(SetupSections, field);
 
     case 'text':
+    case 'password':
       return /*#__PURE__*/React.createElement(InputText, field);
 
     case 'downloadbox':
@@ -129,7 +134,9 @@ const buildInput = field => {
       return /*#__PURE__*/React.createElement(TitleAndInput, field);
 
     default:
-      return /*#__PURE__*/React.createElement(InputText, field);
+      return /*#__PURE__*/React.createElement(InputText, _extends({}, rest, {
+        type: 'text'
+      }));
   }
 };
 
@@ -194,6 +201,9 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(['color'])
   })), PropTypes.shape(_extends({}, InputReadonly.propTypes, {
     type: PropTypes.oneOf(['readonly'])
+  })), PropTypes.shape(_extends({}, InputText.propTypes, {
+    type: PropTypes.oneOf(['password']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends({}, InputSwitch.propTypes, {
     type: PropTypes.oneOf(['switch'])
   })), PropTypes.shape(_extends({}, InputTextarea.propTypes, {
@@ -217,7 +227,7 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   })), PropTypes.shape(_extends({}, SetupSections.propTypes, {
     type: PropTypes.oneOf(['sections'])
   })), PropTypes.shape(_extends({}, InputText.propTypes, {
-    type: PropTypes.oneOf(['text']),
+    type: PropTypes.oneOf(['text', 'password']),
     size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends({}, BrandDownloadBox.propTypes, {
     type: PropTypes.oneOf(['downloadbox'])

package/es/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","submitValue","href","target","download","width","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\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 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return (\n        <ButtonLink\n          {...field}\n          type=\"primary\"\n          label={field.submitValue}\n          link={\n            field.href ? {href: field.href, target: field.target, download: field.download} : null\n          }\n          customStyle={{width: 'fit-content'}}\n        />\n      );\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\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        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","rest","imageUploadContainer","bulkUploadContainer","submitValue","href","target","download","width","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type, ...rest} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\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 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n    case 'password':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return (\n        <ButtonLink\n          {...field}\n          type=\"primary\"\n          label={field.submitValue}\n          link={\n            field.href ? {href: field.href, target: field.target, download: field.download} : null\n          }\n          customStyle={{width: 'fit-content'}}\n        />\n      );\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...rest} type={'text'} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\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        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text', 'password']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

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

@@ -47,6 +47,7 @@ declare namespace CourseSections {
                 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/molecule/progress-wrapper/index.d.ts

@@ -1,7 +1,7 @@
 export default ProgressWrapper;
-declare function ProgressWrapper({ completedCourses, completedModules, title, subtitle, progression, sections }: {
-    completedCourses: any;
+declare function ProgressWrapper({ completedModules, mandatoryModules, title, subtitle, progression, sections }: {
     completedModules: any;
+    mandatoryModules: any;
     title: any;
     subtitle: any;
     progression: any;
@@ -14,13 +14,12 @@ declare namespace ProgressWrapper {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const subtitle: PropTypes.Requireable<string>;
-        const completedCourses: PropTypes.Requireable<number>;
         const completedModules: PropTypes.Requireable<number>;
+        const mandatoryModules: PropTypes.Requireable<number>;
         const progression: PropTypes.Requireable<number>;
         const sections: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-            badgeUrl: PropTypes.Requireable<string>;
-            onDownload: PropTypes.Requireable<(...args: any[]) => any>;
+            downloadUrl: PropTypes.Requireable<string>;
             stars: PropTypes.Requireable<number>;
         }> | null | undefined)[]>;
     }

package/es/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAyFA;;;;;;;8BA8DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA6FA;;;;;;;8BAuDC"}

package/es/molecule/progress-wrapper/index.js

@@ -1,5 +1,4 @@
 import _map from "lodash/fp/map";
-import _lowerCase from "lodash/fp/lowerCase";
 import _isEmpty from "lodash/fp/isEmpty";
 
 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); }
@@ -24,8 +23,7 @@ const DetailSection = ({
   index,
   type,
   isLocked,
-  badgeUrl,
-  onDownload,
+  downloadUrl,
   stars
 }, context) => {
   const {
@@ -34,7 +32,10 @@ const DetailSection = ({
   const isTypeStars = type === 'stars';
   const DownloadButton = /*#__PURE__*/React.createElement(ButtonLink, {
     label: translate('download'),
-    onClick: onDownload,
+    link: {
+      target: '_blank',
+      href: downloadUrl
+    },
     "data-name": "download-button",
     "aria-label": "download button",
     customStyle: {
@@ -86,7 +87,7 @@ const DetailSection = ({
     className: style[`detailsSection${index}`]
   }, /*#__PURE__*/React.createElement("img", {
     className: style.img,
-    src: badgeUrl || 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
+    src: type === 'badge' ? downloadUrl : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
   }), /*#__PURE__*/React.createElement("div", {
     className: style.detailsInfo
   }, /*#__PURE__*/React.createElement("div", {
@@ -99,8 +100,8 @@ const DetailSection = ({
 };
 
 const ProgressWrapper = ({
-  completedCourses,
   completedModules,
+  mandatoryModules,
   title,
   subtitle,
   progression,
@@ -109,7 +110,7 @@ const ProgressWrapper = ({
   const {
     translate
   } = context;
-  const modulesCompletedLocal = translate('modules_completed');
+  const mandatoryCompletedModulesLocal = translate('modules_completed_mandatory');
   const isLocked = progression !== 100;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
@@ -126,13 +127,7 @@ const ProgressWrapper = ({
     className: style.stats
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     className: style.statsNumber
-  }, completedCourses), _lowerCase(translate('courses_completed'))), /*#__PURE__*/React.createElement("div", {
-    className: style.divider
-  }), /*#__PURE__*/React.createElement("div", {
-    className: style.statsModule
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.statsNumber
-  }, completedModules), modulesCompletedLocal)), /*#__PURE__*/React.createElement("div", {
+  }, `${completedModules > mandatoryModules ? mandatoryModules : completedModules} / ${mandatoryModules}`), mandatoryCompletedModulesLocal)), /*#__PURE__*/React.createElement("div", {
     className: style.progression
   }, /*#__PURE__*/React.createElement("span", {
     className: style.statsNumber
@@ -145,27 +140,19 @@ const ProgressWrapper = ({
     value: progression,
     max: 100
   }), /*#__PURE__*/React.createElement("div", {
-    className: style.statsMobile
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.statsModuleMobile
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.statsNumber
-  }, completedModules), modulesCompletedLocal), /*#__PURE__*/React.createElement("div", {
     className: style.statsProgressionMobile
   }, /*#__PURE__*/React.createElement("span", {
     className: style.statsNumber
-  }, progression, "%"))), _isEmpty(sections) ? null : /*#__PURE__*/React.createElement("div", {
+  }, progression, "%")), _isEmpty(sections) ? null : /*#__PURE__*/React.createElement("div", {
     className: style.details
   }, uncappedMap(({
     type,
     stars,
-    badgeUrl,
-    onDownload
+    downloadUrl
   }, index) => /*#__PURE__*/React.createElement(DetailSection, {
     type,
     isLocked,
-    badgeUrl,
-    onDownload,
+    downloadUrl,
     stars,
     key: `${type}-${index}`,
     index: index
@@ -174,8 +161,7 @@ const ProgressWrapper = ({
 
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(['diploma', 'badge', 'stars']),
-  badgeUrl: PropTypes.string,
-  onDownload: PropTypes.func,
+  downloadUrl: PropTypes.string,
   stars: PropTypes.number
 } : {};
 DetailSection.contextTypes = {
@@ -191,8 +177,8 @@ ProgressWrapper.contextTypes = {
 ProgressWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
-  completedCourses: PropTypes.number,
   completedModules: PropTypes.number,
+  mandatoryModules: PropTypes.number,
   progression: PropTypes.number,
   sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))
 } : {};

package/es/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","badgeUrl","onDownload","stars","context","translate","isTypeStars","DownloadButton","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedCourses","completedModules","title","subtitle","progression","sections","modulesCompletedLocal","container","titleContainer","statscontainer","stats","statsNumber","divider","statsModule","customProgressBar","positive","statsMobile","statsModuleMobile","statsProgressionMobile","details","commonDetailSectionPropTypes","oneOf","string","func","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, lowerCase, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, badgeUrl, onDownload, stars}, context) => {\n  const {translate} = context;\n  const isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      onClick={onDownload}\n      data-name=\"download-button\"\n      aria-label=\"download button\"\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label=\"Locked\"\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div className={style[`detailsSection${index}`]}>\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className={style[`detailsSection${index}`]}>\n      <img\n        className={style.img}\n        src={\n          badgeUrl ||\n          'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedCourses, completedModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const modulesCompletedLocal = translate('modules_completed');\n  const isLocked = progression !== 100;\n\n  return (\n    <div className={style.container}>\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber}>{completedCourses}</span>\n            {lowerCase(translate('courses_completed'))}\n          </div>\n          <div className={style.divider} />\n          <div className={style.statsModule}>\n            <span className={style.statsNumber}>{completedModules}</span>\n            {modulesCompletedLocal}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsMobile}>\n        <div className={style.statsModuleMobile}>\n          <span className={style.statsNumber}>{completedModules}</span>\n          {modulesCompletedLocal}\n        </div>\n        <div className={style.statsProgressionMobile}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            ({type, stars, badgeUrl, onDownload}, index) => (\n              <DetailSection\n                {...{type, isLocked, badgeUrl, onDownload, stars}}\n                key={`${type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  badgeUrl: PropTypes.string,\n  onDownload: PropTypes.func,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedCourses: PropTypes.number,\n  completedModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","isTypeStars","DownloadButton","target","href","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocal","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","positive","statsProgressionMobile","details","commonDetailSectionPropTypes","oneOf","string","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      link={{\n        target: '_blank',\n        href: downloadUrl\n      }}\n      data-name=\"download-button\"\n      aria-label=\"download button\"\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label=\"Locked\"\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div className={style[`detailsSection${index}`]}>\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className={style[`detailsSection${index}`]}>\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocal = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div className={style.container}>\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber}>\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocal}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            ({type, stars, downloadUrl}, index) => (\n              <DetailSection\n                {...{type, isLocked, downloadUrl, stars}}\n                key={`${type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}

package/es/molecule/progress-wrapper/style.css

@@ -41,14 +41,6 @@
   gap: 16px;
 }
 
-.divider {
-  width: 4px;
-  height: 4px;
-  background-color: #d7d7da;
-  border: solid #d7d7da 1px;
-  border-radius: 4px;
-}
-
 .progression {
   display: flex;
   justify-content: end;
@@ -129,10 +121,6 @@
   font-weight: 700;
 }
 
-.statsMobile {
-  display: none;
-}
-
 .statsModuleMobile {
   display: none;
 }
@@ -140,6 +128,9 @@
 .statsProgressionMobile {
   composes: progression;
   display: none;
+  color: cm_grey_400;
+  font-weight: 600;
+  padding-top: 16px;
 }
 
 @media mobile, tablet {
@@ -160,12 +151,6 @@
    justify-content: space-around;
    gap: 0;
   }
-  .divider {
-    display: none;
-  }
-  .statsModule {
-    display: none;
-  }
   .progression {
     display: none;
   }
@@ -175,11 +160,4 @@
   .statsModuleMobile {
     display: block;
   }
-  .statsMobile {
-    display: flex;
-    justify-content: space-between;
-    padding-top: 16px;
-    color: cm_grey_400;
-    font-weight: 600;
-  }    
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAiBA,sDAsEC;;;;AAkDD,wCAGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAiBA,sDAyEC;;;;AAsDD,wCAGE"}

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

@@ -1,7 +1,10 @@
 import _map from "lodash/fp/map";
+const _excluded = ["type"];
 
 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); }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Accordion from '../../organism/accordion/toggler';
@@ -31,7 +34,8 @@ const SetupSlider = props => {
       const buildInput = field => {
         const {
           type
-        } = field;
+        } = field,
+              rest = _objectWithoutPropertiesLoose(field, _excluded);
 
         switch (type) {
           case 'switch':
@@ -80,8 +84,14 @@ const SetupSlider = props => {
               theme: 'setup'
             }, buildSlides(field.slides));
 
-          default:
+          case 'text':
+          case 'password':
             return /*#__PURE__*/React.createElement(InputText, field);
+
+          default:
+            return /*#__PURE__*/React.createElement(InputText, _extends({}, rest, {
+              type: 'text'
+            }));
         }
       };
 
@@ -127,6 +137,8 @@ const SlidePropTypes = process.env.NODE_ENV !== "production" ? PropTypes.shape({
     type: PropTypes.oneOf(['image'])
   })), PropTypes.shape(_extends({}, InputReadonly.propTypes, {
     type: PropTypes.oneOf(['readonly'])
+  })), PropTypes.shape(_extends({}, InputText.propTypes, {
+    type: PropTypes.oneOf(['text', 'password'])
   })), PropTypes.shape(_extends({}, InputDoublestep.propTypes, {
     type: PropTypes.oneOf(['doublestep'])
   })), PropTypes.shape(_extends({}, SetupCohortItem.propTypes, {