@bigbinary/neeto-molecules 3.16.97 → 3.16.99

package/dist/InlineInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","sources":["../src/components/InlineInput/constants.js","../src/components/InlineInput/utils.js","../src/components/InlineInput/InlineInput.jsx","../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n  save: {\n    content: t(\"neetoMolecules.common.actions.save\"),\n    position: \"top\",\n    delay: 300,\n  },\n  cancel: {\n    content: t(\"neetoMolecules.common.actions.cancel\"),\n    position: \"top\",\n    delay: 300,\n  },\n};\n","export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import { forwardRef, useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = forwardRef((props, ref) => {\n  const {\n    saveOnBlur = false,\n    clearOnSave = false,\n    nullable = false,\n    value = \"\",\n    isSaving,\n    className = \"\",\n    handleSubmit = noop,\n    handleCancel = noop,\n    submitButtonProps = {},\n    cancelButtonProps = {},\n    dirty,\n    onInlineInputBlur = noop,\n    ...otherProps\n  } = props;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n  const inputRef = useRef(null);\n  const inputWrapperRef = useRef(null);\n  const trimmedValue = internalValue && internalValue?.trim();\n  const isValidValue =\n    nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n  const isDirty = internalValue !== value || dirty;\n\n  const handleFocusOut = () => {\n    if (!isValidValue || isSubmitting) return;\n\n    onInlineInputBlur(trimmedValue);\n\n    if (saveOnBlur && isDirty) {\n      onSubmit();\n\n      return;\n    }\n\n    onCancel();\n  };\n\n  useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n  const onSubmit = async () => {\n    setIsSubmitting(true);\n    await handleSubmit(trimmedValue);\n    setIsSubmitting(false);\n    clearOnSave && setInternalValue(\"\");\n  };\n\n  const onCancel = () => {\n    handleCancel(trimmedValue);\n  };\n\n  const closeRef = useHotkeys(\n    \"escape\",\n    event => {\n      event.stopPropagation();\n      onCancel();\n    },\n    { mode: \"scoped\" }\n  );\n\n  const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n    mode: \"scoped\",\n    enabled: isValidValue,\n  });\n\n  useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n  return (\n    <div\n      className={classnames(\"flex flex-grow\", { [className]: className })}\n      ref={inputWrapperRef}\n    >\n      <Input\n        disableTrimOnBlur\n        className=\"neeto-molecules-autosave-input\"\n        data-testid=\"neeto-molecules-autosave-input\"\n        disabled={isSubmitting}\n        ref={mergeRefs(inputRef, closeRef, submitRef)}\n        value={internalValue}\n        {...otherProps}\n        suffix={\n          <>\n            <Button\n              data-testid=\"neeto-molecules-autosave-input-save\"\n              icon={Check}\n              loading={isSubmitting || isSaving}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"save\"]}\n              onClick={onSubmit}\n              {...submitButtonProps}\n              disabled={\n                !isValidValue ||\n                isSubmitting ||\n                isSaving ||\n                submitButtonProps.disabled ||\n                !isDirty\n              }\n            />\n            <Button\n              {...{ ref }}\n              data-testid=\"neeto-molecules-autosave-input-cancel\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n              onClick={onCancel}\n              {...cancelButtonProps}\n              disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n            />\n          </>\n        }\n        onChange={e => {\n          otherProps?.onChange?.(e);\n          setInternalValue(e.target.value);\n        }}\n      />\n    </div>\n  );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To enable submission of empty values.\n   */\n  nullable: PropTypes.bool,\n  /**\n   * To specify whether the value is being saved.\n   */\n  isSaving: PropTypes.bool,\n  /**\n   * To specify whether to save the value on blur.\n   */\n  saveOnBlur: PropTypes.bool,\n  /**\n   * To specify whether to clear the input on save.\n   */\n  clearOnSave: PropTypes.bool,\n  /**\n   * To specify additional props for submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To specify additional props for cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n  /**\n   * Function to be called on clicking the submit button.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * Function to be called on clicking the cancel button .\n   */\n  handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n  const handleSubmit = value => {\n    setValue(value);\n\n    props.handleSubmit?.(value);\n\n    return submitForm();\n  };\n\n  return (\n    <InlineInput\n      error={meta.touched ? meta.error : \"\"}\n      isSaving={isSubmitting}\n      {...props}\n      handleCancel={() => {\n        resetForm();\n        props.handleCancel?.();\n      }}\n      {...{ handleSubmit, ...omit([\"onBlur\"], field), dirty }}\n      onInlineInputBlur={trimmedValue => {\n        setValue(trimmedValue);\n        setTouched(true);\n      }}\n    />\n  );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","_jsx","classnames","_defineProperty","children","Input","_objectSpread","disableTrimOnBlur","disabled","suffix","_jsxs","_Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","omit"],"mappings":"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"}
+{"version":3,"file":"InlineInput.js","sources":["../src/components/InlineInput/constants.js","../src/components/InlineInput/utils.js","../src/components/InlineInput/InlineInput.jsx","../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n  save: {\n    content: t(\"neetoMolecules.common.actions.save\"),\n    position: \"top\",\n    delay: 300,\n  },\n  cancel: {\n    content: t(\"neetoMolecules.common.actions.cancel\"),\n    position: \"top\",\n    delay: 300,\n  },\n};\n","export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import { forwardRef, useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = forwardRef((props, ref) => {\n  const {\n    saveOnBlur = false,\n    clearOnSave = false,\n    nullable = false,\n    value = \"\",\n    isSaving,\n    className = \"\",\n    handleSubmit = noop,\n    handleCancel = noop,\n    submitButtonProps = {},\n    cancelButtonProps = {},\n    dirty,\n    onInlineInputBlur = noop,\n    ...otherProps\n  } = props;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n  const inputRef = useRef(null);\n  const inputWrapperRef = useRef(null);\n  const trimmedValue = internalValue && internalValue?.trim();\n  const isValidValue =\n    nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n  const isDirty = internalValue !== value || dirty;\n\n  const handleFocusOut = () => {\n    if (!isValidValue || isSubmitting) return;\n\n    onInlineInputBlur(trimmedValue);\n\n    if (saveOnBlur && isDirty) {\n      onSubmit();\n\n      return;\n    }\n\n    onCancel();\n  };\n\n  useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n  const onSubmit = async () => {\n    setIsSubmitting(true);\n    try {\n      await handleSubmit(trimmedValue);\n      clearOnSave && setInternalValue(\"\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const onCancel = () => {\n    handleCancel(trimmedValue);\n  };\n\n  const closeRef = useHotkeys(\n    \"escape\",\n    event => {\n      event.stopPropagation();\n      onCancel();\n    },\n    { mode: \"scoped\" }\n  );\n\n  const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n    mode: \"scoped\",\n    enabled: isValidValue,\n  });\n\n  useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n  return (\n    <div\n      className={classnames(\"flex flex-grow\", { [className]: className })}\n      ref={inputWrapperRef}\n    >\n      <Input\n        disableTrimOnBlur\n        className=\"neeto-molecules-autosave-input\"\n        data-testid=\"neeto-molecules-autosave-input\"\n        disabled={isSubmitting}\n        ref={mergeRefs(inputRef, closeRef, submitRef)}\n        value={internalValue}\n        {...otherProps}\n        suffix={\n          <>\n            <Button\n              data-testid=\"neeto-molecules-autosave-input-save\"\n              icon={Check}\n              loading={isSubmitting || isSaving}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"save\"]}\n              onClick={onSubmit}\n              {...submitButtonProps}\n              disabled={\n                !isValidValue ||\n                isSubmitting ||\n                isSaving ||\n                submitButtonProps.disabled ||\n                !isDirty\n              }\n            />\n            <Button\n              {...{ ref }}\n              data-testid=\"neeto-molecules-autosave-input-cancel\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n              onClick={onCancel}\n              {...cancelButtonProps}\n              disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n            />\n          </>\n        }\n        onChange={e => {\n          otherProps?.onChange?.(e);\n          setInternalValue(e.target.value);\n        }}\n      />\n    </div>\n  );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To enable submission of empty values.\n   */\n  nullable: PropTypes.bool,\n  /**\n   * To specify whether the value is being saved.\n   */\n  isSaving: PropTypes.bool,\n  /**\n   * To specify whether to save the value on blur.\n   */\n  saveOnBlur: PropTypes.bool,\n  /**\n   * To specify whether to clear the input on save.\n   */\n  clearOnSave: PropTypes.bool,\n  /**\n   * To specify additional props for submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To specify additional props for cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n  /**\n   * Function to be called on clicking the submit button.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * Function to be called on clicking the cancel button .\n   */\n  handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n  const handleSubmit = value => {\n    setValue(value);\n\n    props.handleSubmit?.(value);\n\n    return submitForm();\n  };\n\n  return (\n    <InlineInput\n      error={meta.touched ? meta.error : \"\"}\n      isSaving={isSubmitting}\n      {...props}\n      handleCancel={() => {\n        resetForm();\n        props.handleCancel?.();\n      }}\n      {...{ handleSubmit, ...omit([\"onBlur\"], field), dirty }}\n      onInlineInputBlur={trimmedValue => {\n        setValue(trimmedValue);\n        setTouched(true);\n      }}\n    />\n  );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","finish","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","_jsx","classnames","_defineProperty","children","Input","_objectSpread","disableTrimOnBlur","disabled","suffix","_jsxs","_Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","omit"],"mappings":"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"}

package/dist/KeyboardShortcuts.js

@@ -94,6 +94,10 @@ var getGlobalShortcuts = function getGlobalShortcuts() {
     submitForm: {
       sequence: "command+return",
       description: i18next.t("neetoMolecules.keyboardShortcuts.global.submitForm")
+    },
+    openProductSwitcher: {
+      sequence: "command+e",
+      description: i18next.t("neetoMolecules.keyboardShortcuts.global.openProductSwitcher")
     }
   });
 };

package/dist/KeyboardShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcuts.js","sources":["../src/components/KeyboardShortcuts/Pane/constants.js","../src/components/KeyboardShortcuts/Pane/utils.js","../src/components/KeyboardShortcuts/Pane/HotKey.jsx","../src/components/KeyboardShortcuts/Pane/HotKeyList.jsx","../src/components/KeyboardShortcuts/Pane/index.jsx","../src/components/KeyboardShortcuts/index.js"],"sourcesContent":["export const KEY_SHORTFORM_MAP = {\n  command: \"⌘\",\n  escape: \"esc\",\n  control: \"ctrl\",\n  option: \"opt\",\n  return: \"enter\",\n};\n\nexport const MAC_TO_WINDOWS_KEYS_MAP = {\n  option: \"alt\",\n  command: \"ctrl\",\n  return: \"enter\",\n  delete: \"backspace\",\n};\n\nexport const OS = { mac: \"OS X\", windows: \"Windows\" };\n\nexport const FULL_SHORTCUTS_LINK_PROP_NAME = \"fullShortcutsLink\";\n\nexport const TOOLTIP_CONTENT = {\n  \"⌘\": \"command\",\n  esc: \"escape\",\n  ctrl: \"control\",\n  opt: \"option\",\n  backspace: \"delete\",\n};\n","import i18next from \"i18next\";\nimport platform from \"platform\";\nimport { toPairs } from \"ramda\";\n\nimport {\n  KEY_SHORTFORM_MAP,\n  MAC_TO_WINDOWS_KEYS_MAP,\n  OS,\n  TOOLTIP_CONTENT,\n} from \"./constants\";\n\nconst isMultipleHotkey = hotkey => Array.isArray(hotkey);\n\nconst replaceKeys = (hotkey, keyName, replaceWith) =>\n  isMultipleHotkey(hotkey)\n    ? hotkey.map(item => item.replaceAll(keyName, replaceWith))\n    : hotkey.replaceAll(keyName, replaceWith);\n\nconst convertHotKeyToWindows = hotkey => {\n  toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(([macKey, windowsKey]) => {\n    hotkey = replaceKeys(hotkey, macKey, windowsKey);\n  });\n\n  return hotkey;\n};\n\nexport const convertHotkeyToUsersPlatform = hotkey => {\n  const platformInfo = platform.parse(navigator.userAgent);\n  const isOSX = platformInfo.os?.family?.includes(OS.mac);\n  if (isOSX) return hotkey;\n\n  return convertHotKeyToWindows(hotkey);\n};\n\nexport const shortenHotKey = hotkey => {\n  let result = hotkey;\n  Object.entries(KEY_SHORTFORM_MAP).forEach(([longform, shortform]) => {\n    result = result.replaceAll(longform, shortform);\n  });\n\n  return result;\n};\n\nexport const getGlobalShortcuts = () => ({\n  [i18next.t(\"neetoMolecules.keyboardShortcuts.global.categoryName\")]: {\n    openKeyboardShortcutsPane: {\n      sequence: \"shift+/\",\n      description: i18next.t(\n        \"neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane\"\n      ),\n    },\n    close: {\n      sequence: \"esc\",\n      description: i18next.t(\"neetoMolecules.keyboardShortcuts.global.close\"),\n    },\n    submitForm: {\n      sequence: \"command+return\",\n      description: i18next.t(\n        \"neetoMolecules.keyboardShortcuts.global.submitForm\"\n      ),\n    },\n  },\n});\n\nexport const getTooltipProps = key => {\n  if (TOOLTIP_CONTENT[key]) {\n    return {\n      position: \"top\",\n      content: TOOLTIP_CONTENT[key],\n      followCursor: \"horizontal\",\n    };\n  }\n\n  return null;\n};\n","import { memo, Fragment } from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Kbd, Typography } from \"@bigbinary/neetoui\";\n\nimport {\n  convertHotkeyToUsersPlatform,\n  shortenHotKey,\n  getTooltipProps,\n} from \"./utils\";\n\nconst HotKey = ({ description, sequence }) => {\n  const hotkey = shortenHotKey(convertHotkeyToUsersPlatform(sequence));\n  const isSequentialHotkey = hotkey.includes(\" \");\n  const isSimultaneousHotkey = hotkey.includes(\"+\");\n  const isSingleKeyHotkey = !isSequentialHotkey && !isSimultaneousHotkey;\n  let sequences = [];\n\n  if (isSingleKeyHotkey) {\n    sequences = [hotkey];\n  } else if (isSequentialHotkey) {\n    sequences = hotkey.split(\" \");\n  } else if (isSimultaneousHotkey) {\n    sequences = hotkey.split(\"+\");\n  }\n\n  return (\n    <div className=\"my-3 w-full\">\n      <div\n        className=\"flex items-center justify-between gap-3\"\n        data-cy=\"hotkey-item\"\n        data-testid=\"hotkey-item\"\n      >\n        <Typography\n          className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n        <div className=\"flex flex-shrink-0 items-center gap-1\">\n          {sequences.map((keyName, idx) => (\n            <Fragment key={idx}>\n              <Kbd {...{ keyName }} tooltipProps={getTooltipProps(keyName)} />\n              {isSequentialHotkey && idx + 1 !== sequences.length && (\n                <Kbd keyName=\"then\" />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default memo(HotKey);\n","import { memo } from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Button, Typography } from \"@bigbinary/neetoui\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport { FULL_SHORTCUTS_LINK_PROP_NAME } from \"./constants\";\nimport HotKey from \"./HotKey\";\n\nconst HotKeyList = withT(({ t, hotkeys }) =>\n  Object.keys(hotkeys).map(categoryName => {\n    const categoryValues = hotkeys[categoryName];\n    const fullShortcutsLink = categoryValues[FULL_SHORTCUTS_LINK_PROP_NAME];\n\n    return (\n      <div className=\"mt-4 px-4\" key={categoryName}>\n        <Typography style=\"h6\" textTransform=\"uppercase\" weight=\"bold\">\n          {categoryName}\n        </Typography>\n        {Object.entries(categoryValues).map(\n          ([, { sequence, description }]) =>\n            sequence && <HotKey {...{ description, sequence }} key={sequence} />\n        )}\n        {fullShortcutsLink && (\n          <Button\n            className=\"mb-3\"\n            href={fullShortcutsLink}\n            style=\"link\"\n            target=\"_blank\"\n            label={t(\n              \"neetoMolecules.keyboardShortcuts.viewFullListOfShortcuts\"\n            )}\n          />\n        )}\n      </div>\n    );\n  })\n);\n\nexport default memo(HotKeyList);\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport { Close } from \"@bigbinary/neeto-icons\";\nimport { Typography, Button } from \"@bigbinary/neetoui\";\nimport { manager } from \"@bigbinary/neetoui/managers\";\nimport classnames from \"classnames\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport HotKeyList from \"./HotKeyList\";\nimport \"./keyboard-shortcuts.scss\";\nimport { getGlobalShortcuts } from \"./utils\";\n\nimport useKeyboardShortcutsPaneState from \"../hooks/useKeyboardShortcutsPaneState\";\n\nconst KeyboardShortcutsPane = ({ productShortcuts = {} }) => {\n  const [isOpen, setIsOpen] = useKeyboardShortcutsPaneState();\n  const hasOverlays = manager.hasOverlays();\n  // eslint-disable-next-line @bigbinary/neeto/no-dangling-constants\n  const GLOBAL_SHORTCUTS = getGlobalShortcuts();\n  const { t } = useTranslation();\n\n  const shortcuts =\n    GLOBAL_SHORTCUTS[t(\"neetoMolecules.keyboardShortcuts.global.categoryName\")];\n\n  useHotkeys(shortcuts.openKeyboardShortcutsPane.sequence, () =>\n    setIsOpen(prevIsOpen => !prevIsOpen)\n  );\n\n  useHotkeys(shortcuts.close.sequence, () => setIsOpen(false));\n\n  return (\n    <div\n      data-cy=\"keyboard-shortcuts-pane\"\n      className={classnames(\n        \"neeto-molecules-keyboard-shortcuts-pane neeto-ui-border-gray-300 transition-width neeto-ui-bg-white ml-auto h-dvh overflow-hidden border-l duration-300 ease-in-out\",\n        {\n          \"w-80\": isOpen,\n          \"w-0\": !isOpen,\n          absolute: hasOverlays,\n          \"right-0\": hasOverlays,\n        }\n      )}\n    >\n      <div className=\"h-full w-80 overflow-y-auto\">\n        <div className=\"neeto-ui-border-gray-300 my-2 flex items-center justify-between border-b px-4 pb-2\">\n          <Typography data-cy=\"keyboard-shortcuts-pane-title\" style=\"h4\">\n            {t(\"neetoMolecules.keyboardShortcuts.title\")}\n          </Typography>\n          <Button\n            data-cy=\"keyboard-shortcuts-pane-close-button\"\n            icon={Close}\n            style=\"text\"\n            onClick={() => setIsOpen(false)}\n          />\n        </div>\n        <HotKeyList hotkeys={GLOBAL_SHORTCUTS} />\n        <HotKeyList hotkeys={productShortcuts} />\n      </div>\n    </div>\n  );\n};\n\nKeyboardShortcutsPane.propTypes = {\n  /**\n   * Used to pass in the product specific keyboard shortcuts.\n   */\n  productShortcuts: PropTypes.object,\n};\n\nexport default KeyboardShortcutsPane;\n","import useKeyboardShortcutsPaneState from \"./hooks/useKeyboardShortcutsPaneState\";\nimport KeyboardShortcutsPane from \"./Pane\";\nimport { getGlobalShortcuts } from \"./Pane/utils\";\n\nconst KeyboardShortcuts = {\n  Pane: KeyboardShortcutsPane,\n  usePaneState: useKeyboardShortcutsPaneState,\n  GLOBAL_SHORTCUTS: getGlobalShortcuts(),\n};\n\nexport default KeyboardShortcuts;\n"],"names":["KEY_SHORTFORM_MAP","command","escape","control","option","MAC_TO_WINDOWS_KEYS_MAP","OS","mac","windows","FULL_SHORTCUTS_LINK_PROP_NAME","TOOLTIP_CONTENT","esc","ctrl","opt","backspace","isMultipleHotkey","hotkey","Array","isArray","replaceKeys","keyName","replaceWith","map","item","replaceAll","convertHotKeyToWindows","toPairs","forEach","_ref","_ref2","_slicedToArray","macKey","windowsKey","convertHotkeyToUsersPlatform","_platformInfo$os","platformInfo","platform","parse","navigator","userAgent","isOSX","os","family","includes","shortenHotKey","result","Object","entries","_ref3","_ref4","longform","shortform","getGlobalShortcuts","_defineProperty","i18next","t","openKeyboardShortcutsPane","sequence","description","close","submitForm","getTooltipProps","key","position","content","followCursor","HotKey","isSequentialHotkey","isSimultaneousHotkey","isSingleKeyHotkey","sequences","split","_jsx","className","children","_jsxs","Typography","lineHeight","style","idx","Fragment","Kbd","tooltipProps","length","memo","HotKeyList","withT","hotkeys","keys","categoryName","categoryValues","fullShortcutsLink","textTransform","weight","_ref3$","_createElement","Button","href","target","label","KeyboardShortcutsPane","_ref$productShortcuts","productShortcuts","_useKeyboardShortcuts","useKeyboardShortcutsPaneState","_useKeyboardShortcuts2","isOpen","setIsOpen","hasOverlays","manager","GLOBAL_SHORTCUTS","_useTranslation","useTranslation","shortcuts","useHotkeys","prevIsOpen","classnames","absolute","icon","Close","onClick","KeyboardShortcuts","Pane","usePaneState"],"mappings":"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"}
+{"version":3,"file":"KeyboardShortcuts.js","sources":["../src/components/KeyboardShortcuts/Pane/constants.js","../src/components/KeyboardShortcuts/Pane/utils.js","../src/components/KeyboardShortcuts/Pane/HotKey.jsx","../src/components/KeyboardShortcuts/Pane/HotKeyList.jsx","../src/components/KeyboardShortcuts/Pane/index.jsx","../src/components/KeyboardShortcuts/index.js"],"sourcesContent":["export const KEY_SHORTFORM_MAP = {\n  command: \"⌘\",\n  escape: \"esc\",\n  control: \"ctrl\",\n  option: \"opt\",\n  return: \"enter\",\n};\n\nexport const MAC_TO_WINDOWS_KEYS_MAP = {\n  option: \"alt\",\n  command: \"ctrl\",\n  return: \"enter\",\n  delete: \"backspace\",\n};\n\nexport const OS = { mac: \"OS X\", windows: \"Windows\" };\n\nexport const FULL_SHORTCUTS_LINK_PROP_NAME = \"fullShortcutsLink\";\n\nexport const TOOLTIP_CONTENT = {\n  \"⌘\": \"command\",\n  esc: \"escape\",\n  ctrl: \"control\",\n  opt: \"option\",\n  backspace: \"delete\",\n};\n","import i18next from \"i18next\";\nimport platform from \"platform\";\nimport { toPairs } from \"ramda\";\n\nimport {\n  KEY_SHORTFORM_MAP,\n  MAC_TO_WINDOWS_KEYS_MAP,\n  OS,\n  TOOLTIP_CONTENT,\n} from \"./constants\";\n\nconst isMultipleHotkey = hotkey => Array.isArray(hotkey);\n\nconst replaceKeys = (hotkey, keyName, replaceWith) =>\n  isMultipleHotkey(hotkey)\n    ? hotkey.map(item => item.replaceAll(keyName, replaceWith))\n    : hotkey.replaceAll(keyName, replaceWith);\n\nconst convertHotKeyToWindows = hotkey => {\n  toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(([macKey, windowsKey]) => {\n    hotkey = replaceKeys(hotkey, macKey, windowsKey);\n  });\n\n  return hotkey;\n};\n\nexport const convertHotkeyToUsersPlatform = hotkey => {\n  const platformInfo = platform.parse(navigator.userAgent);\n  const isOSX = platformInfo.os?.family?.includes(OS.mac);\n  if (isOSX) return hotkey;\n\n  return convertHotKeyToWindows(hotkey);\n};\n\nexport const shortenHotKey = hotkey => {\n  let result = hotkey;\n  Object.entries(KEY_SHORTFORM_MAP).forEach(([longform, shortform]) => {\n    result = result.replaceAll(longform, shortform);\n  });\n\n  return result;\n};\n\nexport const getGlobalShortcuts = () => ({\n  [i18next.t(\"neetoMolecules.keyboardShortcuts.global.categoryName\")]: {\n    openKeyboardShortcutsPane: {\n      sequence: \"shift+/\",\n      description: i18next.t(\n        \"neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane\"\n      ),\n    },\n    close: {\n      sequence: \"esc\",\n      description: i18next.t(\"neetoMolecules.keyboardShortcuts.global.close\"),\n    },\n    submitForm: {\n      sequence: \"command+return\",\n      description: i18next.t(\n        \"neetoMolecules.keyboardShortcuts.global.submitForm\"\n      ),\n    },\n    openProductSwitcher: {\n      sequence: \"command+e\",\n      description: i18next.t(\n        \"neetoMolecules.keyboardShortcuts.global.openProductSwitcher\"\n      ),\n    },\n  },\n});\n\nexport const getTooltipProps = key => {\n  if (TOOLTIP_CONTENT[key]) {\n    return {\n      position: \"top\",\n      content: TOOLTIP_CONTENT[key],\n      followCursor: \"horizontal\",\n    };\n  }\n\n  return null;\n};\n","import { memo, Fragment } from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Kbd, Typography } from \"@bigbinary/neetoui\";\n\nimport {\n  convertHotkeyToUsersPlatform,\n  shortenHotKey,\n  getTooltipProps,\n} from \"./utils\";\n\nconst HotKey = ({ description, sequence }) => {\n  const hotkey = shortenHotKey(convertHotkeyToUsersPlatform(sequence));\n  const isSequentialHotkey = hotkey.includes(\" \");\n  const isSimultaneousHotkey = hotkey.includes(\"+\");\n  const isSingleKeyHotkey = !isSequentialHotkey && !isSimultaneousHotkey;\n  let sequences = [];\n\n  if (isSingleKeyHotkey) {\n    sequences = [hotkey];\n  } else if (isSequentialHotkey) {\n    sequences = hotkey.split(\" \");\n  } else if (isSimultaneousHotkey) {\n    sequences = hotkey.split(\"+\");\n  }\n\n  return (\n    <div className=\"my-3 w-full\">\n      <div\n        className=\"flex items-center justify-between gap-3\"\n        data-cy=\"hotkey-item\"\n        data-testid=\"hotkey-item\"\n      >\n        <Typography\n          className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n        <div className=\"flex flex-shrink-0 items-center gap-1\">\n          {sequences.map((keyName, idx) => (\n            <Fragment key={idx}>\n              <Kbd {...{ keyName }} tooltipProps={getTooltipProps(keyName)} />\n              {isSequentialHotkey && idx + 1 !== sequences.length && (\n                <Kbd keyName=\"then\" />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default memo(HotKey);\n","import { memo } from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Button, Typography } from \"@bigbinary/neetoui\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport { FULL_SHORTCUTS_LINK_PROP_NAME } from \"./constants\";\nimport HotKey from \"./HotKey\";\n\nconst HotKeyList = withT(({ t, hotkeys }) =>\n  Object.keys(hotkeys).map(categoryName => {\n    const categoryValues = hotkeys[categoryName];\n    const fullShortcutsLink = categoryValues[FULL_SHORTCUTS_LINK_PROP_NAME];\n\n    return (\n      <div className=\"mt-4 px-4\" key={categoryName}>\n        <Typography style=\"h6\" textTransform=\"uppercase\" weight=\"bold\">\n          {categoryName}\n        </Typography>\n        {Object.entries(categoryValues).map(\n          ([, { sequence, description }]) =>\n            sequence && <HotKey {...{ description, sequence }} key={sequence} />\n        )}\n        {fullShortcutsLink && (\n          <Button\n            className=\"mb-3\"\n            href={fullShortcutsLink}\n            style=\"link\"\n            target=\"_blank\"\n            label={t(\n              \"neetoMolecules.keyboardShortcuts.viewFullListOfShortcuts\"\n            )}\n          />\n        )}\n      </div>\n    );\n  })\n);\n\nexport default memo(HotKeyList);\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport { Close } from \"@bigbinary/neeto-icons\";\nimport { Typography, Button } from \"@bigbinary/neetoui\";\nimport { manager } from \"@bigbinary/neetoui/managers\";\nimport classnames from \"classnames\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport HotKeyList from \"./HotKeyList\";\nimport \"./keyboard-shortcuts.scss\";\nimport { getGlobalShortcuts } from \"./utils\";\n\nimport useKeyboardShortcutsPaneState from \"../hooks/useKeyboardShortcutsPaneState\";\n\nconst KeyboardShortcutsPane = ({ productShortcuts = {} }) => {\n  const [isOpen, setIsOpen] = useKeyboardShortcutsPaneState();\n  const hasOverlays = manager.hasOverlays();\n  // eslint-disable-next-line @bigbinary/neeto/no-dangling-constants\n  const GLOBAL_SHORTCUTS = getGlobalShortcuts();\n  const { t } = useTranslation();\n\n  const shortcuts =\n    GLOBAL_SHORTCUTS[t(\"neetoMolecules.keyboardShortcuts.global.categoryName\")];\n\n  useHotkeys(shortcuts.openKeyboardShortcutsPane.sequence, () =>\n    setIsOpen(prevIsOpen => !prevIsOpen)\n  );\n\n  useHotkeys(shortcuts.close.sequence, () => setIsOpen(false));\n\n  return (\n    <div\n      data-cy=\"keyboard-shortcuts-pane\"\n      className={classnames(\n        \"neeto-molecules-keyboard-shortcuts-pane neeto-ui-border-gray-300 transition-width neeto-ui-bg-white ml-auto h-dvh overflow-hidden border-l duration-300 ease-in-out\",\n        {\n          \"w-80\": isOpen,\n          \"w-0\": !isOpen,\n          absolute: hasOverlays,\n          \"right-0\": hasOverlays,\n        }\n      )}\n    >\n      <div className=\"h-full w-80 overflow-y-auto\">\n        <div className=\"neeto-ui-border-gray-300 my-2 flex items-center justify-between border-b px-4 pb-2\">\n          <Typography data-cy=\"keyboard-shortcuts-pane-title\" style=\"h4\">\n            {t(\"neetoMolecules.keyboardShortcuts.title\")}\n          </Typography>\n          <Button\n            data-cy=\"keyboard-shortcuts-pane-close-button\"\n            icon={Close}\n            style=\"text\"\n            onClick={() => setIsOpen(false)}\n          />\n        </div>\n        <HotKeyList hotkeys={GLOBAL_SHORTCUTS} />\n        <HotKeyList hotkeys={productShortcuts} />\n      </div>\n    </div>\n  );\n};\n\nKeyboardShortcutsPane.propTypes = {\n  /**\n   * Used to pass in the product specific keyboard shortcuts.\n   */\n  productShortcuts: PropTypes.object,\n};\n\nexport default KeyboardShortcutsPane;\n","import useKeyboardShortcutsPaneState from \"./hooks/useKeyboardShortcutsPaneState\";\nimport KeyboardShortcutsPane from \"./Pane\";\nimport { getGlobalShortcuts } from \"./Pane/utils\";\n\nconst KeyboardShortcuts = {\n  Pane: KeyboardShortcutsPane,\n  usePaneState: useKeyboardShortcutsPaneState,\n  GLOBAL_SHORTCUTS: getGlobalShortcuts(),\n};\n\nexport default KeyboardShortcuts;\n"],"names":["KEY_SHORTFORM_MAP","command","escape","control","option","MAC_TO_WINDOWS_KEYS_MAP","OS","mac","windows","FULL_SHORTCUTS_LINK_PROP_NAME","TOOLTIP_CONTENT","esc","ctrl","opt","backspace","isMultipleHotkey","hotkey","Array","isArray","replaceKeys","keyName","replaceWith","map","item","replaceAll","convertHotKeyToWindows","toPairs","forEach","_ref","_ref2","_slicedToArray","macKey","windowsKey","convertHotkeyToUsersPlatform","_platformInfo$os","platformInfo","platform","parse","navigator","userAgent","isOSX","os","family","includes","shortenHotKey","result","Object","entries","_ref3","_ref4","longform","shortform","getGlobalShortcuts","_defineProperty","i18next","t","openKeyboardShortcutsPane","sequence","description","close","submitForm","openProductSwitcher","getTooltipProps","key","position","content","followCursor","HotKey","isSequentialHotkey","isSimultaneousHotkey","isSingleKeyHotkey","sequences","split","_jsx","className","children","_jsxs","Typography","lineHeight","style","idx","Fragment","Kbd","tooltipProps","length","memo","HotKeyList","withT","hotkeys","keys","categoryName","categoryValues","fullShortcutsLink","textTransform","weight","_ref3$","_createElement","Button","href","target","label","KeyboardShortcutsPane","_ref$productShortcuts","productShortcuts","_useKeyboardShortcuts","useKeyboardShortcutsPaneState","_useKeyboardShortcuts2","isOpen","setIsOpen","hasOverlays","manager","GLOBAL_SHORTCUTS","_useTranslation","useTranslation","shortcuts","useHotkeys","prevIsOpen","classnames","absolute","icon","Close","onClick","KeyboardShortcuts","Pane","usePaneState"],"mappings":"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"}

package/dist/cjs/FloatingActionMenu.js

@@ -8,23 +8,24 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var neetoCist = require('@bigbinary/neeto-cist');
 var useFetchNeetoApps = require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Help = require('@bigbinary/neeto-icons/Help');
 var Profile = require('@bigbinary/neeto-team-members-frontend/Profile');
 var Avatar = require('@bigbinary/neetoui/Avatar');
 var Dropdown$1 = require('@bigbinary/neetoui/Dropdown');
+var ramda = require('ramda');
 var KeyboardShortcuts = require('./KeyboardShortcuts.js');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Modal$1 = require('@bigbinary/neetoui/Modal');
-var Typography = require('@bigbinary/neetoui/Typography');
 var classnames = require('classnames');
 var Search = require('@bigbinary/neeto-icons/Search');
 var Input = require('@bigbinary/neetoui/Input');
+var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var injectCss = require('./inject-css-vQvjPR2x.js');
 var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');
 var AppIcons = require('@bigbinary/neeto-icons/typeface-logos');
 var jsxRuntime = require('react/jsx-runtime');
-var ramda = require('ramda');
 var i18next = require('i18next');
 var Book = require('@bigbinary/neeto-icons/Book');
 var Community = require('@bigbinary/neeto-icons/Community');
@@ -47,7 +48,6 @@ require('zustand');
 require('@bigbinary/neeto-icons/Close');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/managers');
-require('@bigbinary/neeto-hotkeys');
 require('@bigbinary/neetoui/Kbd');
 require('./platform-BUcCb8Jx.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -71,7 +71,7 @@ function _interopNamespaceDefault(e) {
 
 var AppIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(AppIcons);
 
-var css$1 = ".neeto-molecules-product-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:24px;position:relative;transition:all .3s;width:100%}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-switcher__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__wrapper{padding:0}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-switcher-link{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-200));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:100%;padding:10px 8px;text-decoration:none;transition:all .3s ease-in-out;width:100%}.neeto-molecules-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link--active{background-color:rgb(var(--neeto-ui-primary-50));border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link__icon-holder{flex-grow:1;flex-shrink:0}.neeto-molecules-product-switcher-link__icon-holder svg{height:36px;width:auto}.neeto-molecules-product-switcher-link__icon-holder .neeto-molecules-product-switcher-link__icon-default{height:24px}.neeto-molecules-product-switcher-link__content{flex-shrink:0}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{flex-grow:1;min-height:0;overflow-y:auto}.neeto-ui-theme--dark .neeto-molecules-product-switcher__wrapper [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}";
+var css$1 = ".neeto-molecules-product-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:24px;position:relative;transition:all .3s;width:100%}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-switcher__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__wrapper{padding:0}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-switcher-link{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-200));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:100%;padding:10px 8px;text-decoration:none;transition:all .3s ease-in-out;width:100%}.neeto-molecules-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link--active{background-color:rgb(var(--neeto-ui-primary-50));border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link__icon-holder{flex-grow:1;flex-shrink:0}.neeto-molecules-product-switcher-link__icon-holder svg{height:36px;width:auto}.neeto-molecules-product-switcher-link__icon-holder .neeto-molecules-product-switcher-link__icon-default{height:24px}.neeto-molecules-product-switcher-link__content{flex-shrink:0}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{--neeto-ui-modal-body-padding-top:24px;flex-grow:1;min-height:0;overflow-y:auto}.neeto-ui-theme--dark .neeto-molecules-product-switcher__wrapper [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-molecules-product-switcher__header{padding-right:56px}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__close{z-index:2}";
 injectCss.n(css$1,{});
 
 var ProductLink = function ProductLink(_ref) {
@@ -173,29 +173,20 @@ var Menu$3 = function Menu(_ref) {
 };
 
 var Modal = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    isOpen = _ref.isOpen,
+  var isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsxRuntime.jsxs(Modal$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Modal$1, {
     isOpen: isOpen,
     onClose: onClose,
     backdropClassName: "neeto-molecules-product-switcher_modal",
     size: "fullScreen",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Modal$1.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "pr-4",
-        style: "h2",
-        children: t("neetoMolecules.productSwitcher.chooseNeetoProduct")
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(Modal$1.Body, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Modal$1.Body, {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-molecules-product-switcher_modal-container",
         "data-testid": "product-switcher-modal",
-        children: /*#__PURE__*/jsxRuntime.jsx(Menu$3, {
-          isMobile: true
-        })
+        children: /*#__PURE__*/jsxRuntime.jsx(Menu$3, {})
       })
-    })]
+    })
   });
 });
 
@@ -762,6 +753,11 @@ var ProfileButton = function ProfileButton(_ref) {
     data = _useFetchNeetoApps.data,
     refetch = _useFetchNeetoApps.refetch,
     isStale = _useFetchNeetoApps.isStale;
+  useHotkeys(["ctrl+e", "command+e"], function () {
+    return setIsModalOpen(ramda.not);
+  }, {
+    mode: "global"
+  });
   var profileInfo = getProfileInfo(profileInfoOverrides, isConsumer);
   React.useEffect(function () {
     var Nv = {