@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

package/lib/atom/select/index.js

@@ -124,7 +124,7 @@ const Select = (props, legacyContext) => {
   const isThemeOneOfQuestionTemplateOrPlayer = (0, _react.useMemo)(() => (0, _includes.default)(theme, ['question', 'template', 'player']), [theme]);
   const shouldUseSkinFontColor = (0, _react.useMemo)(() => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer, [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]);
   const arrowColor = selected ? color : undefined;
-  const behaviorClassName = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error), [error, modified]);
+  const behaviorClassName = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error), [error, modified]);
   const composedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? _style.default.selected : _style.default.unselected, className), [behaviorClassName, className, selected, theme]);
   const labelSize = (0, _react.useMemo)(() => (0, _size.default)(selectedLabel), [selectedLabel]);
   const isLongLabel = (0, _react.useMemo)(() => labelSize >= 65, [labelSize]);

package/lib/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","defaultStyle","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/select/style.css

@@ -17,12 +17,12 @@
 @value cm_blue_900 from colors;
 @value cm_grey_450 from colors;
 
-.default {
+.defaultStyle {
   display: flex;
 }
 
 .coorpmanager {
-  composes: default;
+  composes: defaultStyle;
 }
 
 div.coorpmanager label.selectWrapper {
@@ -51,18 +51,18 @@ div.coorpmanager label.selectWrapper {
   }
 }
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .selectWrapper {
   position: relative;
 }
 
-.default .selectWrapper {
+.defaultStyle .selectWrapper {
   display: flex;
   align-items: center;
   height: 50px;
@@ -94,7 +94,7 @@ div.coorpmanager label.selectWrapper {
   text-overflow: ellipsis;
 }
 
-.default .selectBox {
+.defaultStyle .selectBox {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
@@ -155,7 +155,7 @@ div.coorpmanager label.selectWrapper {
   margin: auto 0;
 }
 
-.default select:focus::-ms-value {
+.defaultStyle select:focus::-ms-value {
   background-color: transparent;  /* make the select background transparent in ie */
   color: dark;
 }
@@ -194,7 +194,7 @@ div.coorpmanager label.selectWrapper {
   }
 }
 
-.default .selectBox[multiple] {
+.defaultStyle .selectBox[multiple] {
   padding: 0;
   height: 80px;
 }
@@ -257,7 +257,7 @@ div.coorpmanager label.selectWrapper {
 */
 
 .no-label {
-  composes: default;
+  composes: defaultStyle;
   position: relative;
 }
 
@@ -278,7 +278,7 @@ div.coorpmanager label.selectWrapper {
   box-sizing: border-box;
 }
 
-div.default label.selectWrapper span.longLabel {
+div.defaultStyle label.selectWrapper span.longLabel {
     min-width: 230px;
     max-width: 280px;
     white-space: pre-wrap;
@@ -367,7 +367,7 @@ div.player:hover span.selectSpan {
     height: 100%;
   }
 
-  .player.default .selectBox {
+  .player.defaultStyle .selectBox {
     position: absolute;
     top: 0px;
     left: 0px;
@@ -407,7 +407,7 @@ div.player:hover span.selectSpan {
 */
 
 .mooc {
-  composes: default;
+  composes: defaultStyle;
   width: 150px;
 }
 
@@ -552,7 +552,7 @@ div.player:hover span.selectSpan {
   margin-left: 0;
 }
 
-.default .selectWrapper select.selectBox {
+.defaultStyle .selectWrapper select.selectBox {
   width: inherit;
   border-radius: 8px;
   padding: 0;

package/lib/atom/select-icon/index.js

@@ -68,7 +68,7 @@ const SelectIcon = props => {
     isSelected = false
   } = options;
   const contentView = getButtonContent(faIcon, options);
-  const styleButton = (0, _classnames.default)(_style.default.default, isSelected && _style.default.selected);
+  const styleButton = (0, _classnames.default)(_style.default.defaultStyle, isSelected && _style.default.selected);
   const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
   const IconButton = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("button", {
     type: "button",

package/lib/atom/select-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","style","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","selected","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","style","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","defaultStyle","selected","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/select-icon/style.css

@@ -36,7 +36,7 @@
   color: cm_grey_500;
 }
 
-.default {
+.defaultStyle {
   composes: button;
   width: 144px;
   height: 120px;

package/lib/atom/status-item/index.js

@@ -86,7 +86,7 @@ const StatusItem = props => {
     selected
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.default, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current, icon === 'valid' && _style.default.valid, icon === 'invalid' && _style.default.invalid, icon === 'errors-number' && _style.default.errorsNumber, selected && _style.default.selected),
+    className: (0, _classnames.default)(_style.default.defaultStyle, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current, icon === 'valid' && _style.default.valid, icon === 'invalid' && _style.default.invalid, icon === 'errors-number' && _style.default.errorsNumber, selected && _style.default.selected),
     "data-name": "status-item"
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };

package/lib/atom/status-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_novaIcons","_provider","_interopRequireWildcard","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","props","legacyContext","icon","current","value","translate","GetTranslateFromContext","child","contentAriaLabel","headerStepValue","createElement","NovaCompositionCoorpacademyCheck","className","classnames","style","rightIcon","currentRightIcon","role","NovaSolidStatusClose","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","StatusItem","selected","right","wrong","valid","invalid","errorsNumber","propTypes","process","env","NODE_ENV","contextTypes","skin","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_novaIcons","_provider","_interopRequireWildcard","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","props","legacyContext","icon","current","value","translate","GetTranslateFromContext","child","contentAriaLabel","headerStepValue","createElement","NovaCompositionCoorpacademyCheck","className","classnames","style","rightIcon","currentRightIcon","role","NovaSolidStatusClose","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","StatusItem","selected","defaultStyle","right","wrong","valid","invalid","errorsNumber","propTypes","process","env","NODE_ENV","contextTypes","skin","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.defaultStyle,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/status-item/style.css

@@ -11,7 +11,7 @@
 @value cm_pink_50 from colors;
 @value cm_primary_blue from colors;
 
-.default {
+.defaultStyle {
   width: 100%;
   height: 100%;
   opacity: 0.5;

package/lib/atom/tag/index.js

@@ -10,7 +10,7 @@ var _icon = _interopRequireDefault(require("../icon"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TAG_STYLES = {
-  default: _style.default.default,
+  default: _style.default.defaultStyle,
   success: _style.default.success,
   failure: _style.default.failure,
   warning: _style.default.warning,

package/lib/atom/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACF,OAAO;EACtBG,OAAO,EAAED,cAAK,CAACC,OAAO;EACtBC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,QAAQ,EAAEJ,cAAK,CAACI;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEN,cAAK,CAACO,KAAK;EACdC,CAAC,EAAER,cAAK,CAACS,MAAM;EACfC,CAAC,EAAEV,cAAK,CAACW;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE5B,MAAA,CAAAS,OAAA,CAAAsB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACvB,UAAU,CAACe,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCb,KAAK,EAAEgB;EAAY,gBAEnB3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAErB,cAAK,CAACuB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAI,OAAI,EAAKqB,SAAY,CAAC,GAAG,IAAI,eACrD9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAI,OAAI,EAAKqB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAjC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCgB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEac,GAAG","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACC,YAAY;EAC3BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,cAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,cAAK,CAACK;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEP,cAAK,CAACQ,KAAK;EACdC,CAAC,EAAET,cAAK,CAACU,MAAM;EACfC,CAAC,EAAEX,cAAK,CAACY;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE7B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACxB,UAAU,CAACgB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCd,KAAK,EAAEiB;EAAY,gBAEnB5B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEtB,cAAK,CAACwB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAAI,eACrD/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAlC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCiB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAEae,GAAG","ignoreList":[]}

package/lib/atom/tag/style.css

@@ -35,7 +35,7 @@
   padding: 8px 16px;
 }
 
-.default {
+.defaultStyle {
   composes: tag;
   background-color: cm_grey_100;
   color: cm_grey_500;

package/lib/molecule/brand-create-form/index.js

@@ -27,7 +27,7 @@ const BrandCreateForm = (props, context) => {
   } = context;
   const waitMessage = translate('Wait_creation');
   const wrapperClass = isModified || isPending || field.error ? _style.default.modifiedWrapper : _style.default.wrapper;
-  const fieldClass = field.error ? _style.default.error : _style.default.default;
+  const fieldClass = field.error ? _style.default.error : _style.default.defaultStyle;
   const disabled = isPending || !isModified;
   const {
     onChange

package/lib/molecule/brand-create-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","defaultStyle","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.defaultStyle;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/brand-create-form/style.css

@@ -73,22 +73,22 @@
   margin-bottom: 20px;
 }
 
-.default {
+.defaultStyle {
   margin-bottom: 70px;
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
-.default label {
+.defaultStyle label {
   font-family: 'Gilroy';
   font-weight: 600;
   font-size: 18px;
   color: medium;
 }
 
-.default input {
+.defaultStyle input {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;

package/lib/molecule/brand-upload-box/index.js

@@ -59,7 +59,7 @@ class BrandUploadBox extends _react.default.Component {
           className: _style.default.wrapper
         }, /*#__PURE__*/_react.default.createElement("div", {
           id: idBox,
-          className: dragging ? _style.default.dropping : _style.default.default
+          className: dragging ? _style.default.dropping : _style.default.defaultStyle
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.cont
         }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {

package/lib/molecule/brand-upload-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","defaultStyle","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.defaultStyle}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/brand-upload-box/style.css

@@ -24,7 +24,7 @@
   transform: scale(1.2);
 }
 
-.default {
+.defaultStyle {
   border: 2px dashed xtraLightGrey;
   border-radius: 4px;
   overflow: hidden;
@@ -34,14 +34,14 @@
 }
 
 .loading {
-  composes: default;
+  composes: defaultStyle;
   height: 80px;
   border: none;
   position: relative;
 }
 
 .dropping {
-  composes: default;
+  composes: defaultStyle;
   border: 3px dashed brand;
 }
 

package/lib/molecule/card/customer.css

@@ -3,7 +3,7 @@
 @value colors: "../../variables/colors.css";
 @value white from colors;
 
-.default {
+.defaultStyle {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -22,7 +22,7 @@
 }
 
 .content {
-  composes: default;
+  composes: defaultStyle;
   padding: 12px 12px 0;
   font-size: 12px;
 }

package/lib/molecule/card/customer.d.ts

@@ -1,5 +1,5 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }

package/lib/molecule/card/customer.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _customer = _interopRequireDefault(require("./customer.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const THEMES = exports.THEMES = {
-  default: null,
+  default: _customer.default.defaultStyle,
   coorpmanager: _customer.default.coorpmanager
 };
 const Customer = props => {