@coorpacademy/components 11.38.8-alpha.7 → 11.39.1-alpha.0

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":";;;;;;;;;;;;;;;;;AAwDA,qEAmNC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAkMC"}

package/lib/atom/select/index.js

@@ -68,7 +68,6 @@ const Select = (props, legacyContext) => {
     onChange,
     multiple = false,
     disabled,
-    readOnly,
     required,
     description,
     theme,
@@ -81,17 +80,8 @@ const Select = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const title = (0, _react.useMemo)(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
   const [isArrowUp, setIsArrowUp] = (0, _react.useState)(false);
-  const isNonInteractive = disabled || readOnly;
-  const handleSelectOnFocus = (0, _react.useCallback)(() => {
-    if (!isNonInteractive) {
-      setIsArrowUp(true);
-    }
-  }, [isNonInteractive]);
-  const handleSelectOnBlur = (0, _react.useCallback)(() => {
-    if (!isNonInteractive) {
-      setIsArrowUp(false);
-    }
-  }, [isNonInteractive]);
+  const handleSelectOnFocus = (0, _react.useCallback)(() => setIsArrowUp(true), []);
+  const handleSelectOnBlur = (0, _react.useCallback)(() => setIsArrowUp(false), []);
   const selectOption = (option, index) => {
     return /*#__PURE__*/_react.default.createElement("option", {
       key: index,
@@ -123,23 +113,19 @@ const Select = (props, legacyContext) => {
     selected: true
   }, options)), [options, theme]);
   const handleChange = (0, _react.useMemo)(() => multiple ? e => {
-    if (!isNonInteractive && onChange) {
-      setIsArrowUp(false);
-      onChange((0, _map.default)((0, _get.default)('value'), e.target.selectedOptions));
-    }
+    setIsArrowUp(false);
+    onChange((0, _map.default)((0, _get.default)('value'), e.target.selectedOptions));
   } : e => {
-    if (!isNonInteractive && onChange) {
-      setIsArrowUp(false);
-      onChange(e.target.value);
-    }
-  }, [onChange, multiple, isNonInteractive]);
+    setIsArrowUp(false);
+    onChange(e.target.value);
+  }, [onChange, multiple]);
   const black = (0, _react.useMemo)(() => (0, _getOr.default)('#14171A', 'common.black', skin), [skin]);
   const color = (0, _react.useMemo)(() => (0, _getOr.default)('#00B0FF', 'common.primary', skin), [skin]);
   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.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, disabled ? _style.default.disabled : null, readOnly ? _style.default.readOnly : null, className), [behaviorClassName, className, selected, theme, disabled, readOnly]);
+  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]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -183,13 +169,13 @@ const Select = (props, legacyContext) => {
     value: selected,
     multiple: multiple,
     disabled: disabled,
-    onClick: isNonInteractive ? undefined : handleSelectOnFocus,
-    onBlur: isNonInteractive ? undefined : handleSelectOnBlur
+    onClick: handleSelectOnFocus,
+    onBlur: handleSelectOnBlur
     // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
-    onMouseLeave: isNonInteractive ? undefined : handleSelectOnBlur,
+    onMouseLeave: handleSelectOnBlur,
     "data-testid": "native-select"
   }), optionList)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.description
@@ -214,7 +200,6 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   borderClassName: _propTypes.default.string,
   disabled: _propTypes.default.bool,
-  readOnly: _propTypes.default.bool,
   multiple: _propTypes.default.bool,
   description: _propTypes.default.string,
   required: _propTypes.default.bool,

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","readOnly","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","isNonInteractive","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    readOnly,\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 isNonInteractive = disabled || readOnly;\n\n  const handleSelectOnFocus = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(true);\n    }\n  }, [isNonInteractive]);\n  const handleSelectOnBlur = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(false);\n    }\n  }, [isNonInteractive]);\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            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(map(get('value'), e.target.selectedOptions));\n            }\n          }\n        : e => {\n            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(e.target.value);\n            }\n          },\n    [onChange, multiple, isNonInteractive]\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        disabled ? style.disabled : null,\n        readOnly ? style.readOnly : null,\n        className\n      ),\n    [behaviorClassName, className, selected, theme, disabled, readOnly]\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={isNonInteractive ? undefined : handleSelectOnFocus}\n          onBlur={isNonInteractive ? undefined : 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={isNonInteractive ? undefined : 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  readOnly: 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

@@ -665,64 +665,3 @@ div.player:hover span.selectSpan {
 .skillDetail.no-label .selectBox {
   max-width: 100%;
 }
-
-/*
-  Disabled state
-*/
-
-.disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.disabled .selectWrapper {
-  cursor: not-allowed;
-}
-
-.disabled .selectBox {
-  cursor: not-allowed !important;
-  background-color: xtraLightGrey;
-}
-
-.disabled .arrow,
-.disabled .selectedArrow {
-  cursor: not-allowed;
-}
-
-.disabled:hover .arrow,
-.disabled:hover .selectedArrow {
-  color: inherit;
-}
-
-/*
-  ReadOnly state - keeps visual appearance but prevents interaction
-*/
-
-.readOnly .selectBox {
-  cursor: default;
-}
-
-.readOnly .selectWrapper {
-  cursor: default;
-  position: relative;
-}
-
-.readOnly .selectWrapper::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 10;
-  cursor: default;
-}
-
-.readOnly .selectWrapper * {
-  cursor: default;
-}
-
-.readOnly .arrow,
-.readOnly .selectedArrow {
-  cursor: default;
-}

package/lib/atom/status-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAoFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;CAsBzC,CAAC;AAMF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAqFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;CAmBzC,CAAC;AAWF,eAAe,UAAU,CAAC"}

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

@@ -5,24 +5,26 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _novaIcons = require("@coorpacademy/nova-icons");
-var _provider = require("../provider");
+var _provider = _interopRequireWildcard(require("../provider"));
 var _style = _interopRequireDefault(require("./style.css"));
 var _types = _interopRequireDefault(require("./types"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Content = props => {
+const Content = (props, legacyContext) => {
   const {
     icon,
     current,
-    value,
-    translate
+    value
   } = props;
+  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
   let child;
   let contentAriaLabel;
   switch (icon) {
     case 'no-answer':
       child = value;
-      contentAriaLabel = translate?.('review_header_step_item.not_answered_question', {
+      contentAriaLabel = translate('review_header_step_item.not_answered_question', {
         current: current ? 'current ' : '',
         headerStepValue: value
       });
@@ -31,7 +33,7 @@ const Content = props => {
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
         className: (0, _classnames.default)(_style.default.rightIcon, current && _style.default.currentRightIcon),
         role: "status",
-        "aria-label": translate?.('review_header_step_item.correct_question', {
+        "aria-label": translate('review_header_step_item.correct_question', {
           current: current ? 'current ' : '',
           headerStepValue: value
         })
@@ -41,7 +43,7 @@ const Content = props => {
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         className: (0, _classnames.default)(_style.default.wrongIcon, current && _style.default.currentWrongIcon),
         role: "alert",
-        "aria-label": translate?.('review_header_step_item.incorrect_question', {
+        "aria-label": translate('review_header_step_item.incorrect_question', {
           current: current ? 'current ' : '',
           headerStepValue: value
         })
@@ -49,7 +51,7 @@ const Content = props => {
       break;
     case 'errors-number':
       child = value;
-      contentAriaLabel = translate?.('bulk_import.errors_number', {
+      contentAriaLabel = translate('bulk_import.errors_number', {
         bulkImportErrorsNumber: value
       });
       break;
@@ -57,14 +59,14 @@ const Content = props => {
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
         className: (0, _classnames.default)(_style.default.validIcon),
         role: "status",
-        "aria-label": translate?.('bulk_import.valid_scorm')
+        "aria-label": translate('bulk_import.valid_scorm')
       });
       break;
     case 'invalid':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         className: (0, _classnames.default)(_style.default.invalidIcon),
         role: "alert",
-        "aria-label": translate?.('bulk_import.invalid_scorm')
+        "aria-label": translate('bulk_import.invalid_scorm')
       });
       break;
     default:
@@ -83,16 +85,16 @@ const StatusItem = props => {
     current,
     selected
   } = props;
-  const context = (0, _provider.useWebContext)();
-  const translate = context.translate || (key => key);
   return /*#__PURE__*/_react.default.createElement("div", {
     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, _extends({}, props, {
-    translate: translate
-  })));
+  }, /*#__PURE__*/_react.default.createElement(Content, props));
 };
 Content.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+Content.contextTypes = {
+  skin: _provider.default.childContextTypes.skin,
+  translate: _provider.default.childContextTypes.translate
+};
 StatusItem.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = StatusItem;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_novaIcons","_provider","_style","_types","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Content","props","icon","current","value","translate","child","contentAriaLabel","headerStepValue","createElement","NovaCompositionCoorpacademyCheck","className","classnames","style","rightIcon","currentRightIcon","role","NovaSolidStatusClose","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","StatusItem","selected","context","useWebContext","key","defaultStyle","right","wrong","valid","invalid","errorsNumber","propTypes","process","env","NODE_ENV","_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 {useWebContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps & {translate: WebContextValues['translate']}) => {\n  const {icon, current, value, translate} = props;\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 as string\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 as string\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 as string\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate?.('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value as string\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  const context = useWebContext();\n  const translate = context.translate || ((key: string) => key);\n\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} translate={translate} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\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/molecule/bullet-point-menu-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/lib/molecule/bullet-point-menu-button/index.js

@@ -12,8 +12,6 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Global event for menu coordination
-const MENU_TOGGLE_EVENT = 'bulletPointMenuToggle';
 const BulletPointMenuButton = props => {
   const {
     disabled = false,
@@ -27,36 +25,12 @@ const BulletPointMenuButton = props => {
   } = props;
   const [visible, setVisible] = (0, _react.useState)(false);
   const wrapperRef = (0, _react.useRef)(null);
-  const menuIdRef = (0, _react.useRef)(`menu-${Date.now()}-${Math.random()}`);
   const handleOnClick = (0, _react.useCallback)(event => {
     event.stopPropagation();
     event.preventDefault();
     onClick();
-    // Emit event to close other menus
-    // had to do it this way because state is handled per item.
-    // meaning > item has no knowledge of other items state.
-    const customEvent = new CustomEvent(MENU_TOGGLE_EVENT, {
-      detail: {
-        menuId: menuIdRef.current
-      }
-    });
-    window.dispatchEvent(customEvent);
     setVisible(!visible);
   }, [onClick, visible]);
-  (0, _react.useEffect)(() => {
-    const handleMenuToggle = event => {
-      const customEvent = event;
-      if (customEvent.detail.menuId !== menuIdRef.current && visible) {
-        setVisible(false);
-      }
-    };
-    window.addEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);
-    return () => {
-      window.removeEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);
-    };
-  }, [visible]);
-
-  // Handle clicks outside the menu
   (0, _react.useEffect)(() => {
     const handleClick = clickEvent => {
       if (wrapperRef && wrapperRef.current && !wrapperRef.current.contains(clickEvent.target)) {
@@ -86,27 +60,14 @@ const BulletPointMenuButton = props => {
     "aria-label": menuAriaLabel,
     ref: wrapperRef
   }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps)) : null;
-
-  // Conditionally show tooltip - hide it when menu is open or just closed
-  const [tooltipDisabled, setTooltipDisabled] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (visible) {
-      setTooltipDisabled(true);
-    } else {
-      // Delay re-enabling tooltip after menu closes
-      const timer = setTimeout(() => setTooltipDisabled(false), 500);
-      return () => clearTimeout(timer);
-    }
-  }, [visible]);
   const bulletPointButtonProps = {
     size: 'default',
-    'aria-label': tooltipDisabled ? undefined : buttonAriaLabel,
+    'aria-label': buttonAriaLabel,
     'data-name': dataName,
     icon: 'bullet-point',
     onClick: handleOnClick,
     disabled,
-    className: menuButtonClassName,
-    tooltipPlacement: 'top'
+    className: menuButtonClassName
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bulletPointWrapper,

package/lib/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_buttonLinkIcon","_buttonMenu","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MENU_TOGGLE_EVENT","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop2","buttons","menuButtonClassName","isBulkMenu","dataName","visible","setVisible","useState","wrapperRef","useRef","menuIdRef","Date","now","Math","random","handleOnClick","useCallback","event","stopPropagation","preventDefault","customEvent","CustomEvent","detail","menuId","current","window","dispatchEvent","useEffect","handleMenuToggle","addEventListener","removeEventListener","handleClick","clickEvent","contains","target","document","menuProps","menuStyle","classnames","style","bulletPointMenu","bulkBulletPointMenu","menu","createElement","className","ref","tooltipDisabled","setTooltipDisabled","timer","setTimeout","clearTimeout","bulletPointButtonProps","size","undefined","icon","tooltipPlacement","bulletPointWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\n// Global event for menu coordination\nconst MENU_TOGGLE_EVENT = 'bulletPointMenuToggle';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu,\n    'data-name': dataName = 'bullet-point-button'\n  } = props;\n  const [visible, setVisible] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const menuIdRef = useRef<string>(`menu-${Date.now()}-${Math.random()}`);\n\n  const handleOnClick = useCallback(\n    (event: React.MouseEvent | React.TouchEvent) => {\n      event.stopPropagation();\n      event.preventDefault();\n      onClick();\n      // Emit event to close other menus\n      // had to do it this way because state is handled per item.\n      // meaning > item has no knowledge of other items state.\n      const customEvent = new CustomEvent(MENU_TOGGLE_EVENT, {\n        detail: {menuId: menuIdRef.current}\n      });\n      window.dispatchEvent(customEvent);\n\n      setVisible(!visible);\n    },\n    [onClick, visible]\n  );\n\n  useEffect(() => {\n    const handleMenuToggle = (event: Event) => {\n      const customEvent = event as CustomEvent;\n      if (customEvent.detail.menuId !== menuIdRef.current && visible) {\n        setVisible(false);\n      }\n    };\n\n    window.addEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    return () => {\n      window.removeEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    };\n  }, [visible]);\n\n  // Handle clicks outside the menu\n  useEffect(() => {\n    const handleClick = (clickEvent: MouseEvent | TouchEvent) => {\n      if (\n        wrapperRef &&\n        wrapperRef.current &&\n        !wrapperRef.current.contains(clickEvent.target as Node)\n      ) {\n        setVisible(false);\n      }\n    };\n    if (visible) {\n      document.addEventListener('click', handleClick);\n      document.addEventListener('touchstart', handleClick);\n    } else {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    }\n    return () => {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [visible]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menuStyle = classnames(\n    style.bulletPointMenu,\n    isBulkMenu && style.bulkBulletPointMenu,\n    style.visible\n  );\n\n  const menu = visible ? (\n    <div className={menuStyle} data-name=\"menu-wrapper\" aria-label={menuAriaLabel} ref={wrapperRef}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  ) : null;\n\n  // Conditionally show tooltip - hide it when menu is open or just closed\n  const [tooltipDisabled, setTooltipDisabled] = useState(false);\n\n  useEffect(() => {\n    if (visible) {\n      setTooltipDisabled(true);\n    } else {\n      // Delay re-enabling tooltip after menu closes\n      const timer = setTimeout(() => setTooltipDisabled(false), 500);\n      return () => clearTimeout(timer);\n    }\n  }, [visible]);\n\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': tooltipDisabled ? undefined : buttonAriaLabel,\n    'data-name': dataName,\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName,\n    tooltipPlacement: 'top' as const\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_buttonLinkIcon","_buttonMenu","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop2","buttons","menuButtonClassName","isBulkMenu","dataName","visible","setVisible","useState","wrapperRef","useRef","handleOnClick","useCallback","event","stopPropagation","preventDefault","useEffect","handleClick","clickEvent","current","contains","target","document","addEventListener","removeEventListener","menuProps","menuStyle","classnames","style","bulletPointMenu","bulkBulletPointMenu","menu","createElement","className","ref","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu,\n    'data-name': dataName = 'bullet-point-button'\n  } = props;\n  const [visible, setVisible] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const handleOnClick = useCallback(\n    (event: React.MouseEvent | React.TouchEvent) => {\n      event.stopPropagation();\n      event.preventDefault();\n      onClick();\n      setVisible(!visible);\n    },\n    [onClick, visible]\n  );\n\n  useEffect(() => {\n    const handleClick = (clickEvent: MouseEvent | TouchEvent) => {\n      if (\n        wrapperRef &&\n        wrapperRef.current &&\n        !wrapperRef.current.contains(clickEvent.target as Node)\n      ) {\n        setVisible(false);\n      }\n    };\n    if (visible) {\n      document.addEventListener('click', handleClick);\n      document.addEventListener('touchstart', handleClick);\n    } else {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    }\n    return () => {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [visible]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menuStyle = classnames(\n    style.bulletPointMenu,\n    isBulkMenu && style.bulkBulletPointMenu,\n    style.visible\n  );\n\n  const menu = visible ? (\n    <div className={menuStyle} data-name=\"menu-wrapper\" aria-label={menuAriaLabel} ref={wrapperRef}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  ) : null;\n\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': dataName,\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCA+JC"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCAkJC"}

package/lib/molecule/card/favorite.js

@@ -72,19 +72,6 @@ const Favorite = ({
     });
     return () => window.removeEventListener('scroll', hide);
   }, [toolTipIsVisible]);
-
-  // Hide tooltip when favorite state changes
-  // This prevents showing stale tooltip content
-  (0, _react.useEffect)(() => {
-    if (toolTipIsVisible) {
-      setToolTipIsVisible(false);
-    }
-    if (mouseLeaveTimer) {
-      clearTimeout(mouseLeaveTimer);
-      setMouseLeaveTimer(undefined);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [favorite]);
   const handleKeyPress = (0, _react.useCallback)(event => {
     (0, _tooltip.toggleStateOnKeyPress)(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);
   }, [toolTipIsVisible]);