@coorpacademy/components 11.4.4-alpha.2 → 11.4.5-alpha.33

package/lib/atom/review-presentation/style.css

@@ -82,8 +82,6 @@
 }
 
 .toolTip {
-  visibility: hidden;
-  opacity: 0;
   transition: opacity 0.8s;
   position: absolute;
   height: auto;
@@ -97,8 +95,8 @@
 .toolTip::before {
   content: '';
   display: inline-block;
-  visibility: hidden;
-  opacity: 0;
+  visibility: inherit;
+  opacity: inherit;
   width: 15px;
   height: 15px;
   transform: rotate(-45deg);
@@ -126,19 +124,12 @@
   position: relative;
 }
 
-.reviewListItemWrapper:hover .tooltipContainer .toolTip {
-  visibility: visible;
-  opacity: 1;
-}
-
-.reviewListItemWrapper:hover .tooltipContainer .toolTip::before {
-  visibility: visible;
-  opacity: 1;
-}
-
 .tooltipIconContainer {
   display: flex;
   justify-content: flex-end;
+  border: none;
+  background: cm_grey_75;
+  height: 25px;
 }
 
 @media tablet {

package/lib/atom/select/index.d.ts

@@ -51,6 +51,7 @@ declare namespace Select {
         modified: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
+        selectId: PropTypes.Requireable<string>;
     };
 }
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AA6BA,qEA6JC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AA6BA,qEA+JC"}

package/lib/atom/select/index.js

@@ -69,7 +69,8 @@ const Select = (props, legacyContext) => {
     modified = false,
     error = false,
     title: propTitle,
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    selectId
   } = props;
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const title = (0, _react.useMemo)(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
@@ -118,28 +119,31 @@ const Select = (props, legacyContext) => {
   const isLongLabel = (0, _react.useMemo)(() => labelSize >= 65, [labelSize]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(composedClassName, theme === 'coorpmanager' ? _style.default.coorpmanager : null)
-  }, /*#__PURE__*/_react.default.createElement("label", {
+  }, /*#__PURE__*/_react.default.createElement("label", _extends({}, selectId ? {
+    htmlFor: selectId
+  } : {}, {
     "data-name": "select-wrapper",
     style: _extends({}, shouldUseSkinFontColor && {
       color
     }),
     className: _style.default.selectWrapper
-  }, titleView, /*#__PURE__*/_react.default.createElement("span", {
+  }), titleView, /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "select-span",
     className: (0, _classnames.default)(_style.default.selectSpan, (0, _includes.default)(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? _style.default.noLabelCommon : null, borderClassName, isLongLabel ? _style.default.longLabel : null),
     style: _extends({}, shouldUseSkinFontColor && {
       color
     })
-  }, selectedLabel), arrowView, /*#__PURE__*/_react.default.createElement("select", {
+  }, selectedLabel), arrowView, /*#__PURE__*/_react.default.createElement("select", _extends({}, selectId ? {
+    id: selectId
+  } : {}, {
     "data-name": "native-select",
     className: _style.default.selectBox,
-    title: selectedLabel,
     name: name,
     onChange: handleChange,
     value: selected,
     multiple: multiple,
     disabled: disabled
-  }, optionList)), /*#__PURE__*/_react.default.createElement("div", {
+  }), optionList)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.description
   }, description));
 };
@@ -168,7 +172,8 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   options: _propTypes.default.arrayOf(_propTypes.default.shape(SelectOptionPropTypes)),
   modified: _propTypes.default.bool,
   error: _propTypes.default.bool,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  selectId: _propTypes.default.string
 } : {};
 var _default = Select;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabel","skin","GetSkinFromContext","useMemo","optionList","map","option","index","value","selectOption","titleView","selected","get","find","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","includes","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys","arrayOf","shape"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} 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  coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\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  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\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}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\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            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\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 shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n      aria-label={ariaLabel}\n      data-testid=\"select-arrow-down-icon\"\n    />\n  ) : null;\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-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\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        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\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\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  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabel","selectId","skin","GetSkinFromContext","useMemo","optionList","map","option","index","value","selectOption","titleView","selected","get","find","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","includes","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","htmlFor","selectWrapper","selectSpan","noLabelCommon","longLabel","id","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys","arrayOf","shape"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} 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  coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\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    selectId\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\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}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\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            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\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 shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n      aria-label={ariaLabel}\n      data-testid=\"select-arrow-down-icon\"\n    />\n  ) : null;\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        {...(selectId ? {htmlFor: selectId} : {})}\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\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        <select\n          {...(selectId ? {id: selectId} : {})}\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        >\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\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  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  selectId: PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}

package/lib/molecule/add-to-my-list/index.js

@@ -64,7 +64,9 @@ const AddToMyListFeedback = ({
     className: _style.default.checkIcon,
     width: 13,
     height: 13
-  }), /*#__PURE__*/_react.default.createElement("p", null, favorite ? addToMyListText : removeFromMyListText));
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    role: "status"
+  }, favorite ? addToMyListText : removeFromMyListText));
 };
 
 exports.AddToMyListFeedback = AddToMyListFeedback;

package/lib/molecule/add-to-my-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","React","createContext","AddToMyListStatusProvider","children","status","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","useMemo","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","useContext","classnames","styles","feedback","checkIcon","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div className={classnames(styles.feedback)} data-name={'add-to-my-list-feedback'}>\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p>{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link data-name={'add-to-my-list-button'} onClick={onClick} className={styles.cta}>\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","React","createContext","AddToMyListStatusProvider","children","status","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","useMemo","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","useContext","classnames","styles","feedback","checkIcon","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div className={classnames(styles.feedback)} data-name={'add-to-my-list-feedback'}>\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p role=\"status\">{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link data-name={'add-to-my-list-button'} onClick={onClick} className={styles.cta}>\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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"}

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

@@ -99,6 +99,7 @@ declare namespace BrandFormGroup {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            selectId: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;
@@ -203,6 +204,7 @@ declare namespace BrandFormGroup {
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
+                    selectId: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;

package/lib/molecule/card/notification.js

@@ -51,7 +51,9 @@ const Notification = props => {
     stroke: null
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _notification.default.message
-  }, /*#__PURE__*/_react.default.createElement("span", null, message))));
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    role: "status"
+  }, message))));
 };
 
 Notification.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","classnames","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CADW;EAExBC,cAAc,EAAEC,wCAFQ;EAGxBC,IAAI,EAAEC,+BAHkB;EAIxBC,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAF;EACAD,CAAC,CAACE,cAAF;EACA,OAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAkBF,KAAxB;EAEA,MAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;EACA,oBACE;IACE,aAAU,cADZ;IAEE,aAAWgB,IAFb;IAGE,OAAO,EAAEP,kBAHX;IAIE,SAAS,EAAE,IAAAS,mBAAA,EAAWC,qBAAA,CAAMC,WAAjB,EAA8BD,qBAAA,CAAME,mBAApC;EAJb,gBAME;IAAK,SAAS,EAAEF,qBAAA,CAAMG;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEH,qBAAA,CAAMH,IAA3B;IAAiC,KAAK,EAAE,IAAxC;IAA8C,MAAM,EAAE;EAAtD,EADF,eAEE;IAAK,SAAS,EAAEG,qBAAA,CAAMJ;EAAtB,gBACE,2CAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACU,SAAb,2CAAyB;EACvBR,OAAO,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBV,IAAI,EAAEQ,kBAAA,CAAUG,KAAV,CAAgB,oBAAK3B,iBAAL,CAAhB,EAAyC0B;AAFxB,CAAzB;eAKeb,Y"}
+{"version":3,"file":"notification.js","names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","classnames","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CADW;EAExBC,cAAc,EAAEC,wCAFQ;EAGxBC,IAAI,EAAEC,+BAHkB;EAIxBC,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAF;EACAD,CAAC,CAACE,cAAF;EACA,OAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAkBF,KAAxB;EAEA,MAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;EACA,oBACE;IACE,aAAU,cADZ;IAEE,aAAWgB,IAFb;IAGE,OAAO,EAAEP,kBAHX;IAIE,SAAS,EAAE,IAAAS,mBAAA,EAAWC,qBAAA,CAAMC,WAAjB,EAA8BD,qBAAA,CAAME,mBAApC;EAJb,gBAME;IAAK,SAAS,EAAEF,qBAAA,CAAMG;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEH,qBAAA,CAAMH,IAA3B;IAAiC,KAAK,EAAE,IAAxC;IAA8C,MAAM,EAAE;EAAtD,EADF,eAEE;IAAK,SAAS,EAAEG,qBAAA,CAAMJ;EAAtB,gBACE;IAAM,IAAI,EAAC;EAAX,GAAqBA,OAArB,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACU,SAAb,2CAAyB;EACvBR,OAAO,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBV,IAAI,EAAEQ,kBAAA,CAAUG,KAAV,CAAgB,oBAAK3B,iBAAL,CAAhB,EAAyC0B;AAFxB,CAAzB;eAKeb,Y"}

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

@@ -31,6 +31,7 @@ declare class Filters extends React.Component<any, any, any> {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            selectId: PropTypes.Requireable<string>;
         }>>;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         onToggleFilters: PropTypes.Requireable<(...args: any[]) => any>;

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

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

package/lib/molecule/forum/forum-post/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAgJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAkJC"}

package/lib/molecule/forum/forum-post/index.js

@@ -127,7 +127,8 @@ const ForumPost = (props, context) => {
       display: rejectable ? 'block' : 'none'
     }
   }, rejected ? putBackLabel : rejectLabel), /*#__PURE__*/_react.default.createElement("div", {
-    className: messageClassName
+    className: messageClassName,
+    role: "status"
   }, deleted ? infoDeleted : message), /*#__PURE__*/_react.default.createElement("div", {
     className: `${_style.default.edition} ${showEditBox ? _style.default.visible : ''}`
   }, /*#__PURE__*/_react.default.createElement(_forumComment.default, {

package/lib/molecule/forum/forum-post/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          <div className={messageClassName}>{deleted ? infoDeleted : message}</div>\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IACJG,EADI;IAEJC,MAFI;IAGJC,MAHI;IAIJC,SAJI;IAKJC,gBALI;IAMJC,IANI;IAOJC,OAPI;IAQJC,MARI;IASJC,kBAAkB,GAAG,KATjB;IAUJC,sBAAsB,GAAG,KAVrB;IAWJC,YAXI;IAYJC,UAAU,GAAG,IAZT;IAaJC,QAAQ,GAAG,KAbP;IAcJC,UAAU,GAAG,KAdT;IAeJC,QAAQ,GAAG,KAfP;IAgBJC,QAAQ,GAAG,KAhBP;IAiBJC,OAAO,GAAG,KAjBN;IAkBJC,OAlBI;IAmBJC,mBAAmB,GAAG,KAnBlB;IAoBJC,uBAAuB,GAAG,KApBtB;IAqBJC,aAAa,GAAG,KArBZ;IAsBJC,WAAW,GAAG,KAtBV;IAuBJC,QAAQ,qBAvBJ;IAwBJC,MAAM,qBAxBF;IAyBJC,YAAY,qBAzBR;IA0BJC,aAAa,qBA1BT;IA2BJC,cAAc,qBA3BV;IA4BJC,eAAe,qBA5BX;IA6BJC,UA7BI;IA8BJC;EA9BI,IA+BFjC,KA/BJ;EAgCA,MAAMkC,KAAK,GAAG,mBAAI,gBAAJ,EAAsB/B,IAAtB,CAAd;EAEA,MAAMgC,WAAW,GAAGjC,SAAS,CAAC,6CAAD,CAA7B;EACA,MAAMkC,WAAW,GAAGlC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMmC,SAAS,GAAGnC,SAAS,CAAC,MAAD,CAA3B;EACA,MAAMoC,WAAW,GAAGpC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMqC,WAAW,GAAGrC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMsC,YAAY,GAAGtC,SAAS,CAAC,UAAD,CAA9B;EACA,IAAIuC,gBAAgB,GAAGC,cAAA,CAAMhC,OAA7B;;EACA,IAAIU,OAAJ,EAAa;IACXqB,gBAAgB,GAAGC,cAAA,CAAMC,cAAzB;EACD,CAFD,MAEO,IAAIlB,WAAJ,EAAiB;IACtBgB,gBAAgB,GAAGC,cAAA,CAAME,aAAzB;EACD;;EAED,oBACE;IACE,aAAU,WADZ;IAEE,EAAE,EAAG,cAAaxC,EAAE,IAAI,cAAe,EAFzC;IAGE,SAAS,EAAE,IAAAyC,mBAAA,EACT3B,QAAQ,GAAGwB,cAAA,CAAMxB,QAAT,GAAoB,IADnB,EAETC,QAAQ,GAAGuB,cAAA,CAAMvB,QAAT,GAAoBuB,cAAA,CAAMI,IAFzB;EAHb,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAE1C,MAAd;IAAsB,SAAS,EAAEoC,cAAA,CAAMpC,MAAvC;IAA+C,GAAG,EAAEC;EAApD,EADF,CADF,eAIE;IAAM,aAAU,QAAhB;IAAyB,SAAS,EAAEmC,cAAA,CAAMrC;EAA1C,GACGA,MADH,CAJF,CARF,eAgBE;IAAK,SAAS,EAAEqC,cAAA,CAAMO;EAAtB,gBACE,uDACE;IAAM,SAAS,EAAEP,cAAA,CAAMjC;EAAvB,GAA8BA,IAA9B,CADF,CADF,eAIE;IAAK,SAAS,EAAEiC,cAAA,CAAMQ;EAAtB,gBACE;IACE,SAAS,EAAER,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEzB,QAFX;IAGE,KAAK,EAAE;MACLQ,KADK;MAELkB,OAAO,EAAErC,UAAU,IAAI,CAACK,OAAf,IAA0B,CAACD,QAA3B,GAAsC,OAAtC,GAAgD;IAFpD;EAHT,GAQGiB,WARH,CADF,eAYE;IACE,SAAS,EAAEM,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAExB,MAFX;IAGE,KAAK,EAAE;MACLO,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGqB,SARH,CAZF,eAuBE;IACE,SAAS,EAAEK,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAElB,QAFX;IAGE,KAAK,EAAE;MACLC,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGsB,WARH,CAvBF,eAkCE;IACE,SAAS,EAAEI,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEnB,UAFX;IAGE,KAAK,EAAE;MACLE,KADK;MAELkB,OAAO,EAAEnC,UAAU,GAAG,OAAH,GAAa;IAF3B;EAHT,GAQGE,QAAQ,GAAGqB,YAAH,GAAkBD,WAR7B,CAlCF,eA6CE;IAAK,SAAS,EAAEE;EAAhB,GAAmCrB,OAAO,GAAGe,WAAH,GAAiBzB,OAA3D,CA7CF,eA+CE;IAAK,SAAS,EAAG,GAAEgC,cAAA,CAAMrB,OAAQ,IAAGI,WAAW,GAAGiB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAArE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAE,IADV;IAEE,gBAAgB,EAAE7C,gBAFpB;IAGE,KAAK,EAAEa,OAHT;IAIE,gBAAgB,EAAEE,uBAJpB;IAKE,YAAY,EAAED,mBALhB;IAME,MAAM,EAAEO,aANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CA/CF,eA2DE;IAAK,SAAS,EAAG,GAAEW,cAAA,CAAM/B,MAAO,IAAGa,aAAa,GAAGkB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAAtE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAEvC,YADV;IAEE,gBAAgB,EAAEN,gBAFpB;IAGE,gBAAgB,EAAEK,sBAHpB;IAIE,YAAY,EAAED,kBAJhB;IAKE,KAAK,EAAED,MALT;IAME,MAAM,EAAEiB,YANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CA3DF,CAJF,CAhBF,CADF;AA+FD,CAhJD;;AAkJA/B,SAAS,CAACuD,YAAV,GAAyB;EACvBpD,SAAS,EAAEqD,iBAAA,CAASC,iBAAT,CAA2BtD,SADf;EAEvBC,IAAI,EAAEoD,iBAAA,CAASC,iBAAT,CAA2BrD;AAFV,CAAzB;AAKAJ,SAAS,CAAC0D,SAAV,2CAAsB;EACpBrD,EAAE,EAAEsD,kBAAA,CAAUC,MADM;EAEpBtD,MAAM,EAAEqD,kBAAA,CAAUC,MAFE;EAGpBpD,SAAS,EAAEmD,kBAAA,CAAUC,MAHD;EAIpBnD,gBAAgB,EAAEkD,kBAAA,CAAUC,MAJR;EAKpBlD,IAAI,EAAEiD,kBAAA,CAAUC,MALI;EAMpBjD,OAAO,EAAEgD,kBAAA,CAAUC,MANC;EAOpBrD,MAAM,EAAEsD,sBAPY;EAQpB9C,YAAY,EAAE8C,sBARM;EASpBjD,MAAM,EAAE+C,kBAAA,CAAUC,MATE;EAUpBtC,OAAO,EAAEqC,kBAAA,CAAUC,MAVC;EAWpBnC,aAAa,EAAEkC,kBAAA,CAAUG,IAXL;EAYpBpC,WAAW,EAAEiC,kBAAA,CAAUG,IAZH;EAapB3C,QAAQ,EAAEwC,kBAAA,CAAUG,IAbA;EAcpBnC,QAAQ,EAAEgC,kBAAA,CAAUI,IAdA;EAepBnC,MAAM,EAAE+B,kBAAA,CAAUI,IAfE;EAgBpBlC,YAAY,EAAE8B,kBAAA,CAAUI,IAhBJ;EAiBpBjC,aAAa,EAAE6B,kBAAA,CAAUI,IAjBL;EAkBpBhC,cAAc,EAAE4B,kBAAA,CAAUI,IAlBN;EAmBpB/B,eAAe,EAAE2B,kBAAA,CAAUI,IAnBP;EAoBpB9B,UAAU,EAAE0B,kBAAA,CAAUI,IApBF;EAqBpB7B,QAAQ,EAAEyB,kBAAA,CAAUI,IArBA;EAsBpBlD,kBAAkB,EAAE8C,kBAAA,CAAUG,IAtBV;EAuBpBhD,sBAAsB,EAAE6C,kBAAA,CAAUG,IAvBd;EAwBpB9C,UAAU,EAAE2C,kBAAA,CAAUG,IAxBF;EAyBpB7C,QAAQ,EAAE0C,kBAAA,CAAUG,IAzBA;EA0BpB5C,UAAU,EAAEyC,kBAAA,CAAUG,IA1BF;EA2BpB1C,QAAQ,EAAEuC,kBAAA,CAAUG,IA3BA;EA4BpBzC,OAAO,EAAEsC,kBAAA,CAAUG,IA5BC;EA6BpBvC,mBAAmB,EAAEoC,kBAAA,CAAUG,IA7BX;EA8BpBtC,uBAAuB,EAAEmC,kBAAA,CAAUG;AA9Bf,CAAtB;eAiCe9D,S"}
+{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          <div className={messageClassName} role=\"status\">\n            {deleted ? infoDeleted : message}\n          </div>\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}

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

@@ -57,6 +57,7 @@ declare namespace SetupSlide {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            selectId: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;

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

@@ -70,6 +70,7 @@ declare namespace SetupSlider {
                 modified: PropTypes.Requireable<boolean>;
                 error: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
+                selectId: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;

package/lib/molecule/share/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/share/index.js"],"names":[],"mappings":"AAkDO;;gBAcN;;;;;;AAEM;;;uBAgBN;;;;;;;;;;AAED;;;;gBA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/share/index.js"],"names":[],"mappings":"AAkDO;;gBAcN;;;;;;AAEM;;;uBAoBN;;;;;;;;;;AAED;;;;gBA8BC"}

package/lib/molecule/share/index.js

@@ -95,7 +95,11 @@ const ShareFeedback = ({
     className: _style.default.checkIcon,
     width: 13,
     height: 13
-  }), /*#__PURE__*/_react.default.createElement("p", null, status === SHARE_STATUS.SUCCESS ? successWording : errorWording));
+  }), status === SHARE_STATUS.SUCCESS ? /*#__PURE__*/_react.default.createElement("p", {
+    role: "status"
+  }, successWording) : /*#__PURE__*/_react.default.createElement("p", {
+    role: "alert"
+  }, errorWording));
 };
 
 exports.ShareFeedback = ShareFeedback;

package/lib/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","ShareFeedback","successWording","errorWording","useContext","classnames","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","ShareFeedback","successWording","errorWording","useContext","classnames","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}

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

@@ -129,6 +129,7 @@ declare namespace BrandForm {
                 modified: PropTypes.Requireable<boolean>;
                 error: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
+                selectId: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;
@@ -233,6 +234,7 @@ declare namespace BrandForm {
                         modified: PropTypes.Requireable<boolean>;
                         error: PropTypes.Requireable<boolean>;
                         'aria-label': PropTypes.Requireable<string>;
+                        selectId: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         title: PropTypes.Validator<string>;

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

@@ -146,6 +146,7 @@ declare namespace WizardContents {
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
+                    selectId: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;
@@ -250,6 +251,7 @@ declare namespace WizardContents {
                             modified: PropTypes.Requireable<boolean>;
                             error: PropTypes.Requireable<boolean>;
                             'aria-label': PropTypes.Requireable<string>;
+                            selectId: PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;

package/lib/template/back-office/brand-update/index.d.ts

@@ -231,6 +231,7 @@ declare namespace BrandUpdate {
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
+                    selectId: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;
@@ -335,6 +336,7 @@ declare namespace BrandUpdate {
                             modified: PropTypes.Requireable<boolean>;
                             error: PropTypes.Requireable<boolean>;
                             'aria-label': PropTypes.Requireable<string>;
+                            selectId: PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;
@@ -854,6 +856,7 @@ declare namespace BrandUpdate {
                         modified: PropTypes.Requireable<boolean>;
                         error: PropTypes.Requireable<boolean>;
                         'aria-label': PropTypes.Requireable<string>;
+                        selectId: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         title: PropTypes.Validator<string>;
@@ -958,6 +961,7 @@ declare namespace BrandUpdate {
                                 modified: PropTypes.Requireable<boolean>;
                                 error: PropTypes.Requireable<boolean>;
                                 'aria-label': PropTypes.Requireable<string>;
+                                selectId: PropTypes.Requireable<string>;
                             }> | PropTypes.InferProps<{
                                 type: PropTypes.Requireable<string>;
                                 title: PropTypes.Validator<string>;

package/lib/template/back-office/brand-update/style.css

@@ -32,7 +32,7 @@
 }
 
 .left {
-  width: 223px;
+  width: 248px;
 }
 
 .contentWrapper {
@@ -86,7 +86,7 @@
   height: 100%;
   overflow: scroll;
   z-index: 999;
-  width: 16%;
+  min-width: 240px
 }
 
 .content {

package/lib/template/common/search-page/index.d.ts

@@ -58,6 +58,7 @@ declare namespace SearchPage {
                 modified: PropTypes.Requireable<boolean>;
                 error: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
+                selectId: PropTypes.Requireable<string>;
             }>>;
             onSearch: PropTypes.Requireable<(...args: any[]) => any>;
             onToggleFilters: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAUA,mEAgDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAUA,mEAkDC"}

package/lib/template/common/search-page/index.js

@@ -62,7 +62,8 @@ const SearchPage = (props, context) => {
     "data-name": "searchResult",
     className: _style.default.cardsWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
+    className: _style.default.title,
+    role: "status"
   }, title), cardsView));
 };
 

package/lib/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","skin","defaultColor","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n      </div>\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC;EARI,IASFT,KATJ;EAWA,MAAM;IAACU;EAAD,IAAST,OAAf;EACA,MAAMU,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EAEA,MAAME,mBAAmB,GAAG,uBAAQL,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMM,SAAS,GAAG,uBAAQT,KAAK,CAACU,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCZ,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAES,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeR,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC;EAHvB,GADF,eAME;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEM,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMb;EAAtB,GAA8BA,KAA9B,CADF,EAEGW,SAFH,CANF,CADF;AAaD,CAhDD;;AAkDAd,UAAU,CAACsB,YAAX,GAA0B;EACxBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADT,CAA1B;AAIAX,UAAU,CAACyB,SAAX,2CAAuB;EACrBnB,cAAc,EAAEoB,kBAAA,CAAUC,MADL;EAErBxB,KAAK,EAAEuB,kBAAA,CAAUC,MAFI;EAGrBvB,aAAa,EAAEsB,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBpB,KAAK,EAAEqB,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBlB,YAAY,EAAEmB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBjB,eAAe,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBhB,iBAAiB,EAAEiB,kBAAA,CAAUC,MAPR;EAQrBjB,mBAAmB,EAAEgB,kBAAA,CAAUC;AARV,CAAvB;eAWe3B,U"}
+{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","skin","defaultColor","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC;EARI,IASFT,KATJ;EAWA,MAAM;IAACU;EAAD,IAAST,OAAf;EACA,MAAMU,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EAEA,MAAME,mBAAmB,GAAG,uBAAQL,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMM,SAAS,GAAG,uBAAQT,KAAK,CAACU,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCZ,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAES,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeR,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC;EAHvB,GADF,eAME;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEM,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMb,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGW,SAJH,CANF,CADF;AAeD,CAlDD;;AAoDAd,UAAU,CAACsB,YAAX,GAA0B;EACxBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADT,CAA1B;AAIAX,UAAU,CAACyB,SAAX,2CAAuB;EACrBnB,cAAc,EAAEoB,kBAAA,CAAUC,MADL;EAErBxB,KAAK,EAAEuB,kBAAA,CAAUC,MAFI;EAGrBvB,aAAa,EAAEsB,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBpB,KAAK,EAAEqB,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBlB,YAAY,EAAEmB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBjB,eAAe,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBhB,iBAAiB,EAAEiB,kBAAA,CAAUC,MAPR;EAQrBjB,mBAAmB,EAAEgB,kBAAA,CAAUC;AARV,CAAvB;eAWe3B,U"}