@bigbinary/neeto-molecules 1.14.0 → 1.15.0

package/dist/KeyboardShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcuts.js","sources":["../src/components/KeyboardShortcuts/hooks/useKeyboardShortcutsPaneState.js","../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":["import withImmutableActions from \"neetocommons/react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\nimport { shallow } from \"zustand/shallow\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useKeyboardShortcutsStore = create(\n  withImmutableActions(set => ({\n    isOpen: false,\n\n    setIsOpen: arg => {\n      if (typeof arg === \"function\") {\n        set(state => ({ isOpen: arg(state.isOpen) }));\n      } else {\n        set({ isOpen: arg });\n      }\n    },\n  }))\n);\n\nconst useKeyboardShortcutsPaneState = () =>\n  useKeyboardShortcutsStore(\n    ({ isOpen, setIsOpen }) => [isOpen, setIsOpen],\n    shallow\n  );\n\nexport default useKeyboardShortcutsPaneState;\n","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 React 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            <React.Fragment key={idx}>\n              <Kbd {...{ keyName }} tooltipProps={getTooltipProps(keyName)} />\n              {isSequentialHotkey && idx + 1 !== sequences.length && (\n                <Kbd keyName=\"then\" />\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(HotKey);\n","import React from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Button, Typography } from \"@bigbinary/neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FULL_SHORTCUTS_LINK_PROP_NAME } from \"./constants\";\nimport HotKey from \"./HotKey\";\n\nconst HotKeyList = ({ hotkeys }) => {\n  const { t } = useTranslation();\n\n  return 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 && (\n              <HotKey\n                description={description}\n                key={sequence}\n                sequence={sequence}\n              />\n            )\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 React.memo(HotKeyList);\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport React from \"react\";\n\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-screen 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":["useKeyboardShortcutsStore","create","withImmutableActions","set","isOpen","setIsOpen","arg","state","useKeyboardShortcutsPaneState","_ref","shallow","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","_ref2","_slicedToArray","macKey","windowsKey","convertHotkeyToUsersPlatform","_platformInfo$os","_platformInfo$os$fami","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","React","createElement","className","Typography","lineHeight","style","idx","Fragment","Kbd","tooltipProps","length","memo","HotKeyList","hotkeys","_useTranslation","useTranslation","keys","categoryName","categoryValues","fullShortcutsLink","textTransform","weight","_ref3$","Button","href","target","label","KeyboardShortcutsPane","_ref$productShortcuts","productShortcuts","_useKeyboardShortcuts","_useKeyboardShortcuts2","hasOverlays","manager","GLOBAL_SHORTCUTS","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/hooks/useKeyboardShortcutsPaneState.js","../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":["import withImmutableActions from \"neetocommons/react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useKeyboardShortcutsStore = create(\n  withImmutableActions(set => ({\n    isOpen: false,\n\n    setIsOpen: arg => {\n      if (typeof arg === \"function\") {\n        set(state => ({ isOpen: arg(state.isOpen) }));\n      } else {\n        set({ isOpen: arg });\n      }\n    },\n  }))\n);\n\nconst useKeyboardShortcutsPaneState = () => {\n  const { isOpen, setIsOpen } = useKeyboardShortcutsStore.pick();\n\n  return [isOpen, setIsOpen];\n};\n\nexport default useKeyboardShortcutsPaneState;\n","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 React 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            <React.Fragment key={idx}>\n              <Kbd {...{ keyName }} tooltipProps={getTooltipProps(keyName)} />\n              {isSequentialHotkey && idx + 1 !== sequences.length && (\n                <Kbd keyName=\"then\" />\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(HotKey);\n","import React from \"react\";\n\n// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { Button, Typography } from \"@bigbinary/neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FULL_SHORTCUTS_LINK_PROP_NAME } from \"./constants\";\nimport HotKey from \"./HotKey\";\n\nconst HotKeyList = ({ hotkeys }) => {\n  const { t } = useTranslation();\n\n  return 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 && (\n              <HotKey\n                description={description}\n                key={sequence}\n                sequence={sequence}\n              />\n            )\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 React.memo(HotKeyList);\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport React from \"react\";\n\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-screen 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":["useKeyboardShortcutsStore","create","withImmutableActions","set","isOpen","setIsOpen","arg","state","useKeyboardShortcutsPaneState","_useKeyboardShortcuts","store","shallow","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$os$fami","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","React","createElement","className","Typography","lineHeight","style","idx","Fragment","Kbd","tooltipProps","length","memo","HotKeyList","hotkeys","_useTranslation","useTranslation","keys","categoryName","categoryValues","fullShortcutsLink","textTransform","weight","_ref3$","Button","href","target","label","KeyboardShortcutsPane","_ref$productShortcuts","productShortcuts","_useKeyboardShortcuts2","hasOverlays","manager","GLOBAL_SHORTCUTS","shortcuts","useHotkeys","prevIsOpen","classnames","absolute","icon","Close","onClick","KeyboardShortcuts","Pane","usePaneState"],"mappings":";;;;;;;;;;;;;;;;;AAGA;AACA,IAAMA,yBAAyB,GAAGC,MAAM,CACtCC,oBAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,MAAM,EAAE,KAAK;AAEbC,IAAAA,SAAS,EAAE,SAAAA,SAAAC,CAAAA,GAAG,EAAI;AAChB,MAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7BH,GAAG,CAAC,UAAAI,KAAK,EAAA;UAAA,OAAK;AAAEH,YAAAA,MAAM,EAAEE,GAAG,CAACC,KAAK,CAACH,MAAM,CAAA;WAAG,CAAA;AAAA,SAAC,CAAC,CAAA;AAC/C,OAAC,MAAM;AACLD,QAAAA,GAAG,CAAC;AAAEC,UAAAA,MAAM,EAAEE,GAAAA;AAAI,SAAC,CAAC,CAAA;AACtB,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CACJ,CAAC,CAAA;AAED,IAAME,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAS;AAC1C,EAAA,IAAAC,qBAAA,GAAAT,yBAAA,CAAA,UAAAU,KAAA,EAAA;AAAA,MAAA,OAAA;AAAQN,QAAAA,MAAM,EAAAM,KAAA,CAAA,QAAA,CAAA;AAAEL,QAAAA,SAAS,EAAAK,KAAA,CAAA,WAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAAC,OAAA,CAAA;IAAjBP,MAAM,GAAAK,qBAAA,CAANL,MAAM;IAAEC,SAAS,GAAAI,qBAAA,CAATJ,SAAS,CAAA;AAEzB,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC,CAAA;AAC5B,CAAC;;ACtBM,IAAMO,iBAAiB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,MAAM,EAAE,KAAK;EACb,QAAQ,EAAA,OAAA;AACV,CAAC,CAAA;AAEM,IAAMC,uBAAuB,GAAG;AACrCD,EAAAA,MAAM,EAAE,KAAK;AACbH,EAAAA,OAAO,EAAE,MAAM;AACf,EAAA,QAAA,EAAQ,OAAO;EACf,QAAQ,EAAA,WAAA;AACV,CAAC,CAAA;AAEM,IAAMK,EAAE,GAAG;AAAEC,EAAAA,GAAG,EAAE,MAAM;AAAEC,EAAAA,OAAO,EAAE,SAAA;AAAU,CAAC,CAAA;AAE9C,IAAMC,6BAA6B,GAAG,mBAAmB,CAAA;AAEzD,IAAMC,eAAe,GAAG;AAC7B,EAAA,GAAG,EAAE,SAAS;AACdC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,SAAS,EAAE,QAAA;AACb,CAAC;;ACdD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,MAAM,EAAA;AAAA,EAAA,OAAIC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAExD,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIH,MAAM,EAAEI,OAAO,EAAEC,WAAW,EAAA;EAAA,OAC/CN,gBAAgB,CAACC,MAAM,CAAC,GACpBA,MAAM,CAACM,GAAG,CAAC,UAAAC,IAAI,EAAA;AAAA,IAAA,OAAIA,IAAI,CAACC,UAAU,CAACJ,OAAO,EAAEC,WAAW,CAAC,CAAA;GAAC,CAAA,GACzDL,MAAM,CAACQ,UAAU,CAACJ,OAAO,EAAEC,WAAW,CAAC,CAAA;AAAA,CAAA,CAAA;AAE7C,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAGT,MAAM,EAAI;EACvCU,OAAO,CAACrB,uBAAuB,CAAC,CAACsB,OAAO,CAAC,UAAAC,IAAA,EAA0B;AAAA,IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAxBG,MAAAA,MAAM,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,UAAU,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;IAC3Db,MAAM,GAAGG,WAAW,CAACH,MAAM,EAAEe,MAAM,EAAEC,UAAU,CAAC,CAAA;AAClD,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOhB,MAAM,CAAA;AACf,CAAC,CAAA;AAEM,IAAMiB,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGjB,MAAM,EAAI;EAAA,IAAAkB,gBAAA,EAAAC,qBAAA,CAAA;EACpD,IAAMC,YAAY,GAAGC,QAAQ,CAACC,KAAK,CAACC,SAAS,CAACC,SAAS,CAAC,CAAA;EACxD,IAAMC,KAAK,GAAAP,CAAAA,gBAAA,GAAGE,YAAY,CAACM,EAAE,MAAA,IAAA,IAAAR,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAAfD,gBAAA,CAAiBS,MAAM,MAAAR,IAAAA,IAAAA,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAyBS,QAAQ,CAACtC,EAAE,CAACC,GAAG,CAAC,CAAA;EACvD,IAAIkC,KAAK,EAAE,OAAOzB,MAAM,CAAA;EAExB,OAAOS,sBAAsB,CAACT,MAAM,CAAC,CAAA;AACvC,CAAC,CAAA;AAEM,IAAM6B,aAAa,GAAG,SAAhBA,aAAaA,CAAG7B,MAAM,EAAI;EACrC,IAAI8B,MAAM,GAAG9B,MAAM,CAAA;EACnB+B,MAAM,CAACC,OAAO,CAAChD,iBAAiB,CAAC,CAAC2B,OAAO,CAAC,UAAAsB,KAAA,EAA2B;AAAA,IAAA,IAAAC,KAAA,GAAApB,cAAA,CAAAmB,KAAA,EAAA,CAAA,CAAA;AAAzBE,MAAAA,QAAQ,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;IAC7DJ,MAAM,GAAGA,MAAM,CAACtB,UAAU,CAAC2B,QAAQ,EAAEC,SAAS,CAAC,CAAA;AACjD,GAAC,CAAC,CAAA;AAEF,EAAA,OAAON,MAAM,CAAA;AACf,CAAC,CAAA;AAEM,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;EAAA,OAAAC,eAAA,KAC5BC,OAAO,CAACC,CAAC,CAAC,sDAAsD,CAAC,EAAG;AACnEC,IAAAA,yBAAyB,EAAE;AACzBC,MAAAA,QAAQ,EAAE,SAAS;AACnBC,MAAAA,WAAW,EAAEJ,OAAO,CAACC,CAAC,CACpB,mEACF,CAAA;KACD;AACDI,IAAAA,KAAK,EAAE;AACLF,MAAAA,QAAQ,EAAE,KAAK;AACfC,MAAAA,WAAW,EAAEJ,OAAO,CAACC,CAAC,CAAC,+CAA+C,CAAA;KACvE;AACDK,IAAAA,UAAU,EAAE;AACVH,MAAAA,QAAQ,EAAE,gBAAgB;AAC1BC,MAAAA,WAAW,EAAEJ,OAAO,CAACC,CAAC,CACpB,oDACF,CAAA;AACF,KAAA;GACD,CAAA,CAAA;AAAA,CACD,CAAA;AAEK,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,GAAG,EAAI;AACpC,EAAA,IAAIrD,eAAe,CAACqD,GAAG,CAAC,EAAE;IACxB,OAAO;AACLC,MAAAA,QAAQ,EAAE,KAAK;AACfC,MAAAA,OAAO,EAAEvD,eAAe,CAACqD,GAAG,CAAC;AAC7BG,MAAAA,YAAY,EAAE,YAAA;KACf,CAAA;AACH,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC;;AC/DD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAvC,IAAA,EAAkC;AAAA,EAAA,IAA5B+B,WAAW,GAAA/B,IAAA,CAAX+B,WAAW;IAAED,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ,CAAA;EACrC,IAAM1C,MAAM,GAAG6B,aAAa,CAACZ,4BAA4B,CAACyB,QAAQ,CAAC,CAAC,CAAA;AACpE,EAAA,IAAMU,kBAAkB,GAAGpD,MAAM,CAAC4B,QAAQ,CAAC,GAAG,CAAC,CAAA;AAC/C,EAAA,IAAMyB,oBAAoB,GAAGrD,MAAM,CAAC4B,QAAQ,CAAC,GAAG,CAAC,CAAA;AACjD,EAAA,IAAM0B,iBAAiB,GAAG,CAACF,kBAAkB,IAAI,CAACC,oBAAoB,CAAA;EACtE,IAAIE,SAAS,GAAG,EAAE,CAAA;AAElB,EAAA,IAAID,iBAAiB,EAAE;IACrBC,SAAS,GAAG,CAACvD,MAAM,CAAC,CAAA;GACrB,MAAM,IAAIoD,kBAAkB,EAAE;AAC7BG,IAAAA,SAAS,GAAGvD,MAAM,CAACwD,KAAK,CAAC,GAAG,CAAC,CAAA;GAC9B,MAAM,IAAIH,oBAAoB,EAAE;AAC/BE,IAAAA,SAAS,GAAGvD,MAAM,CAACwD,KAAK,CAAC,GAAG,CAAC,CAAA;AAC/B,GAAA;EAEA,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,aAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,yCAAyC;AACnD,IAAA,SAAA,EAAQ,aAAa;IACrB,aAAY,EAAA,aAAA;AAAa,GAAA,eAEzBF,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACTD,IAAAA,SAAS,EAAC,sDAAsD;AAChEE,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZnB,WACS,CAAC,eACbc,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,uCAAA;AAAuC,GAAA,EACnDJ,SAAS,CAACjD,GAAG,CAAC,UAACF,OAAO,EAAE2D,GAAG,EAAA;AAAA,IAAA,oBAC1BN,cAAA,CAAAC,aAAA,CAACD,cAAK,CAACO,QAAQ,EAAA;AAACjB,MAAAA,GAAG,EAAEgB,GAAAA;AAAI,KAAA,eACvBN,cAAA,CAAAC,aAAA,CAACO,GAAG,EAAA;AAAO7D,MAAAA,OAAO,EAAPA,OAAO;MAAI8D,YAAY,EAAEpB,eAAe,CAAC1C,OAAO,CAAA;AAAE,KAAE,CAAC,EAC/DgD,kBAAkB,IAAIW,GAAG,GAAG,CAAC,KAAKR,SAAS,CAACY,MAAM,iBACjDV,cAAA,CAAAC,aAAA,CAACO,GAAG,EAAA;AAAC7D,MAAAA,OAAO,EAAC,MAAA;AAAM,KAAE,CAET,CAAC,CAAA;GAClB,CACE,CACF,CACF,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,eAAA,aAAeqD,cAAK,CAACW,IAAI,CAACjB,MAAM,CAAC;;AC9CjC,IAAMkB,UAAU,GAAG,SAAbA,UAAUA,CAAAzD,IAAA,EAAoB;AAAA,EAAA,IAAd0D,OAAO,GAAA1D,IAAA,CAAP0D,OAAO,CAAA;AAC3B,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBhC,CAAC,GAAA+B,eAAA,CAAD/B,CAAC,CAAA;EAET,OAAOT,MAAM,CAAC0C,IAAI,CAACH,OAAO,CAAC,CAAChE,GAAG,CAAC,UAAAoE,YAAY,EAAI;AAC9C,IAAA,IAAMC,cAAc,GAAGL,OAAO,CAACI,YAAY,CAAC,CAAA;AAC5C,IAAA,IAAME,iBAAiB,GAAGD,cAAc,CAAClF,6BAA6B,CAAC,CAAA;IAEvE,oBACEgE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;AAACZ,MAAAA,GAAG,EAAE2B,YAAAA;AAAa,KAAA,eAC3CjB,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AAACE,MAAAA,KAAK,EAAC,IAAI;AAACe,MAAAA,aAAa,EAAC,WAAW;AAACC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAA,EAC3DJ,YACS,CAAC,EACZ3C,MAAM,CAACC,OAAO,CAAC2C,cAAc,CAAC,CAACrE,GAAG,CACjC,UAAAO,KAAA,EAAA;AAAA,MAAA,IAAAoB,KAAA,GAAAnB,cAAA,CAAAD,KAAA,EAAA,CAAA,CAAA;AAAAkE,QAAAA,MAAA,GAAA9C,KAAA,CAAA,CAAA,CAAA;QAAMS,QAAQ,GAAAqC,MAAA,CAARrC,QAAQ;QAAEC,WAAW,GAAAoC,MAAA,CAAXpC,WAAW,CAAA;AAAA,MAAA,OACzBD,QAAQ,iBACNe,cAAA,CAAAC,aAAA,CAACP,QAAM,EAAA;AACLR,QAAAA,WAAW,EAAEA,WAAY;AACzBI,QAAAA,GAAG,EAAEL,QAAS;AACdA,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;KACL,CAAC,EACAkC,iBAAiB,iBAChBnB,cAAA,CAAAC,aAAA,CAACsB,MAAM,EAAA;AACLrB,MAAAA,SAAS,EAAC,MAAM;AAChBsB,MAAAA,IAAI,EAAEL,iBAAkB;AACxBd,MAAAA,KAAK,EAAC,MAAM;AACZoB,MAAAA,MAAM,EAAC,QAAQ;MACfC,KAAK,EAAE3C,CAAC,CACN,0DACF,CAAA;AAAE,KACH,CAEA,CAAC,CAAA;AAEV,GAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,mBAAA,aAAeiB,cAAK,CAACW,IAAI,CAACC,UAAU,CAAC;;;;;AC9BrC,IAAMe,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAxE,IAAA,EAAkC;AAAA,EAAA,IAAAyE,qBAAA,GAAAzE,IAAA,CAA5B0E,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA,CAAA;AACpD,EAAA,IAAAxG,qBAAA,GAA4BD,6BAA6B,EAAE;IAAA2G,sBAAA,GAAAzE,cAAA,CAAAjC,qBAAA,EAAA,CAAA,CAAA;AAApDL,IAAAA,MAAM,GAAA+G,sBAAA,CAAA,CAAA,CAAA;AAAE9G,IAAAA,SAAS,GAAA8G,sBAAA,CAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMC,WAAW,GAAGC,OAAO,CAACD,WAAW,EAAE,CAAA;AACzC;AACA,EAAA,IAAME,gBAAgB,GAAGrD,kBAAkB,EAAE,CAAA;AAC7C,EAAA,IAAAkC,eAAA,GAAcC,cAAc,EAAE;IAAtBhC,CAAC,GAAA+B,eAAA,CAAD/B,CAAC,CAAA;EAET,IAAMmD,SAAS,GACbD,gBAAgB,CAAClD,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAA;AAE7EoD,EAAAA,UAAU,CAACD,SAAS,CAAClD,yBAAyB,CAACC,QAAQ,EAAE,YAAA;IAAA,OACvDjE,SAAS,CAAC,UAAAoH,UAAU,EAAA;AAAA,MAAA,OAAI,CAACA,UAAU,CAAA;KAAC,CAAA,CAAA;AAAA,GACtC,CAAC,CAAA;AAEDD,EAAAA,UAAU,CAACD,SAAS,CAAC/C,KAAK,CAACF,QAAQ,EAAE,YAAA;IAAA,OAAMjE,SAAS,CAAC,KAAK,CAAC,CAAA;GAAC,CAAA,CAAA;EAE5D,oBACEgF,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAA,EAAQ,yBAAyB;AACjCC,IAAAA,SAAS,EAAEmC,UAAU,CACnB,wKAAwK,EACxK;AACE,MAAA,MAAM,EAAEtH,MAAM;MACd,KAAK,EAAE,CAACA,MAAM;AACduH,MAAAA,QAAQ,EAAEP,WAAW;AACrB,MAAA,SAAS,EAAEA,WAAAA;KAEf,CAAA;GAEA/B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,oFAAA;AAAoF,GAAA,eACjGF,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AAAC,IAAA,SAAA,EAAQ,+BAA+B;AAACE,IAAAA,KAAK,EAAC,IAAA;GACvDtB,EAAAA,CAAC,CAAC,wCAAwC,CACjC,CAAC,eACbiB,cAAA,CAAAC,aAAA,CAACsB,MAAM,EAAA;AACL,IAAA,SAAA,EAAQ,sCAAsC;AAC9CgB,IAAAA,IAAI,EAAEC,KAAM;AACZnC,IAAAA,KAAK,EAAC,MAAM;IACZoC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMzH,SAAS,CAAC,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GACjC,CACE,CAAC,eACNgF,cAAA,CAAAC,aAAA,CAACW,YAAU,EAAA;AAACC,IAAAA,OAAO,EAAEoB,gBAAAA;AAAiB,GAAE,CAAC,eACzCjC,cAAA,CAAAC,aAAA,CAACW,YAAU,EAAA;AAACC,IAAAA,OAAO,EAAEgB,gBAAAA;GAAmB,CACrC,CACF,CAAC,CAAA;AAEV,CAAC;;AC3DD,IAAMa,iBAAiB,GAAG;AACxBC,EAAAA,IAAI,EAAEhB,qBAAqB;AAC3BiB,EAAAA,YAAY,EAAEzH,6BAA6B;EAC3C8G,gBAAgB,EAAErD,kBAAkB,EAAC;AACvC;;;;"}

package/dist/MadeWith.js

@@ -0,0 +1,32 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { Trans } from 'react-i18next';
+import { n } from './inject-css-c86de496.js';
+
+var css = ".neeto-molecules-made-with__wrapper{background:#fff;border-radius:4px;color:#000;font-size:14px;font-weight:400;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-made-with__wrapper strong{font-weight:700}";
+n(css,{});
+
+var _excluded = ["productName"];
+var MadeWith = function MadeWith(_ref) {
+  var productName = _ref.productName,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var name = productName || globalProps.appName;
+  return /*#__PURE__*/React__default.createElement("a", _extends({
+    className: "neeto-molecules-made-with__wrapper",
+    "data-cy": "made-with-".concat(name),
+    "data-testid": "made-with-".concat(name),
+    href: "https://www.neeto.com/".concat(name.toLowerCase()),
+    rel: "noreferrer",
+    target: "_blank"
+  }, otherProps), /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "neetoMolecules.common.madeWith",
+    values: {
+      productName: name
+    }
+  }));
+};
+var index = /*#__PURE__*/React__default.memo(MadeWith);
+
+export { index as default };
+//# sourceMappingURL=MadeWith.js.map

package/dist/MadeWith.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadeWith.js","sources":["../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = productName || globalProps.appName;\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name}`}\n      data-testid={`made-with-${name}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","globalProps","appName","React","createElement","_extends","className","concat","href","toLowerCase","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAC5C,EAAA,IAAMC,IAAI,GAAGJ,WAAW,IAAIK,WAAW,CAACC,OAAO,CAAA;AAE/C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;IAC9C,SAAAC,EAAAA,YAAAA,CAAAA,MAAA,CAAsBP,IAAI,CAAG;IAC7B,aAAAO,EAAAA,YAAAA,CAAAA,MAAA,CAA0BP,IAAI,CAAG;IACjCQ,IAAI,EAAA,wBAAA,CAAAD,MAAA,CAA2BP,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDC,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXd,UAAU,CAEdM,eAAAA,cAAA,CAAAC,aAAA,CAACQ,KAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAElB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeG,cAAK,CAACY,IAAI,CAACrB,QAAQ,CAAC;;;;"}

package/dist/MenuBar.js

@@ -12,6 +12,7 @@ import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general'
 import { Link } from 'react-router-dom';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { p as propTypes } from './index-e5588516.js';
+import { omit } from 'ramda';
 
 var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-white))!important;border-right:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:32px!important;width:324px}@media screen and (max-width:1024px){.neeto-molecules-menubar__container{padding:40px 24px 24px!important;width:280px}}@media screen and (max-width:768px){.neeto-molecules-menubar__container{padding:40px 20px 24px!important;width:240px}}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-100));box-shadow:none;position:relative}.neeto-molecules-menubar__block--active:after{background-color:rgb(var(--neeto-ui-primary-500));border-bottom-left-radius:var(--neeto-ui-rounded);border-top-left-radius:var(--neeto-ui-rounded);content:\"\";height:100%;left:-1px;position:absolute;top:0;width:3px}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-primary-100))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}@media screen and (max-width:1024px){.neeto-molecules-menubar__item{padding:10px}}@media screen and (max-width:768px){.neeto-molecules-menubar__item{padding:8px}}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
 n(css,{});
@@ -110,6 +111,8 @@ var Item = function Item(_ref) {
   }, description));
 };
 
+var UNSUPPORTED_INPUT_PROPS = ["tReady"];
+
 var _excluded$2 = ["t", "isCollapsed", "onCollapse"];
 var Search = withT(function (_ref) {
   var t = _ref.t,
@@ -123,7 +126,7 @@ var Search = withT(function (_ref) {
     placeholder: t("neetoMolecules.common.actions.search"),
     prefix: /*#__PURE__*/React__default.createElement(Search$1, null),
     type: "search"
-  }, props)), /*#__PURE__*/React__default.createElement(Button, {
+  }, omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": "menubar-search-close-icon",
     icon: Close,
     style: "text",

package/dist/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../src/components/MenuBar/AddNew.jsx","../src/components/MenuBar/Block.jsx","../src/components/MenuBar/Item.jsx","../src/components/MenuBar/Search.jsx","../src/components/MenuBar/SubTitle.jsx","../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n    <Button\n      icon={Plus}\n      iconPosition=\"left\"\n      iconSize={16}\n      label={label}\n      size=\"small\"\n      style=\"link\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nAddNew.propTypes = {\n  /**\n   * To specify the label to be rendered as the add new Button.\n   */\n  label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    e.stopPropagation();\n    onEdit && onEdit();\n  };\n\n  const Parent = url ? Link : props => <button {...props} />;\n\n  return (\n    <Parent\n      data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\"neeto-molecules-menubar__block\", {\n        \"neeto-molecules-menubar__block--editable\": !!onEdit,\n        \"neeto-molecules-menubar__block--active\": active,\n        [className]: className,\n      })}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"neeto-molecules-menubar__block-label\"\n        data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n        <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n          {label}\n        </Typography>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n            {count}\n          </Typography>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  /**\n   * To provide the url of the Block.\n   */\n  url: PropTypes.string,\n  /**\n   * To provide the icon of the Block.\n   */\n  icon: PropTypes.node,\n  /**\n   * To provide the label of the Block.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the count of items in the Block.\n   */\n  count: PropTypes.number,\n  /**\n   * To specify whether the Block is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * The handler function that is called when the number is clicked.\n   */\n  onEdit: PropTypes.func,\n  /**\n   * To provide a callback function on click of the Block.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify external classnames as overrides to the Block.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    className={classnames(\"neeto-molecules-menubar__item\", {\n      \"neeto-molecules-menubar__item--active\": active,\n      [className]: className,\n    })}\n    {...otherProps}\n  >\n    <Typography\n      className=\"neeto-molecules-menubar__item-header\"\n      component=\"h5\"\n      style=\"h4\"\n    >\n      {label}\n    </Typography>\n    <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n      {description}\n    </Typography>\n  </button>\n);\n\nItem.propTypes = {\n  /**\n   * To specify the text to be rendered as the label.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the text to be rendered as the description.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the current Item is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n  <>\n    {!isCollapsed && (\n      <div className=\"neeto-molecules-menubar__search\">\n        <Input\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          prefix={<NeetoUISearchIcon />}\n          type=\"search\"\n          {...props}\n        />\n        <Button\n          data-cy=\"menubar-search-close-icon\"\n          icon={Close}\n          style=\"text\"\n          onClick={onCollapse}\n        />\n      </div>\n    )}\n  </>\n));\n\nSearch.propTypes = {\n  /**\n   * To specify whether the search field is collapsed.\n   */\n  isCollapsed: PropTypes.bool,\n  /**\n   * To provide a callback function on collapse of the search field.\n   */\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"neeto-molecules-menubar__subtitle\"\n    data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"neeto-molecules-menubar__subtitle-actions\">\n      {iconProps?.map((iconProp, index) => (\n        <Button key={index} style=\"text\" {...iconProp} />\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  /**\n   * To specify the content to be rendered as the SubTitle.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the icon properties.\n   */\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <CSSTransition\n    unmountOnExit\n    classNames=\"neeto-molecules-menubar\"\n    in={showMenu}\n    timeout={300}\n  >\n    <div\n      className={classnames(\"neeto-molecules-menubar__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        className=\"neeto-molecules-menubar__container\"\n        data-cy=\"menubar-container\"\n      >\n        {title && (\n          <Typography\n            className=\"neeto-molecules-menubar__title\"\n            data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  /**\n   * To specify the content to be rendered as the title for the `MenuBar`.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify the content to be rendered inside the `MenuBar`.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify whether the MenuBar is visible or not.\n   */\n  showMenu: PropTypes.bool,\n  /**\n   * To specify external classnames for the MenuBar.\n   */\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":"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"}
+{"version":3,"file":"MenuBar.js","sources":["../src/components/MenuBar/AddNew.jsx","../src/components/MenuBar/Block.jsx","../src/components/MenuBar/Item.jsx","../src/components/MenuBar/constants.js","../src/components/MenuBar/Search.jsx","../src/components/MenuBar/SubTitle.jsx","../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n    <Button\n      icon={Plus}\n      iconPosition=\"left\"\n      iconSize={16}\n      label={label}\n      size=\"small\"\n      style=\"link\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nAddNew.propTypes = {\n  /**\n   * To specify the label to be rendered as the add new Button.\n   */\n  label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    e.stopPropagation();\n    onEdit && onEdit();\n  };\n\n  const Parent = url ? Link : props => <button {...props} />;\n\n  return (\n    <Parent\n      data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\"neeto-molecules-menubar__block\", {\n        \"neeto-molecules-menubar__block--editable\": !!onEdit,\n        \"neeto-molecules-menubar__block--active\": active,\n        [className]: className,\n      })}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"neeto-molecules-menubar__block-label\"\n        data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n        <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n          {label}\n        </Typography>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n            {count}\n          </Typography>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  /**\n   * To provide the url of the Block.\n   */\n  url: PropTypes.string,\n  /**\n   * To provide the icon of the Block.\n   */\n  icon: PropTypes.node,\n  /**\n   * To provide the label of the Block.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the count of items in the Block.\n   */\n  count: PropTypes.number,\n  /**\n   * To specify whether the Block is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * The handler function that is called when the number is clicked.\n   */\n  onEdit: PropTypes.func,\n  /**\n   * To provide a callback function on click of the Block.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify external classnames as overrides to the Block.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    className={classnames(\"neeto-molecules-menubar__item\", {\n      \"neeto-molecules-menubar__item--active\": active,\n      [className]: className,\n    })}\n    {...otherProps}\n  >\n    <Typography\n      className=\"neeto-molecules-menubar__item-header\"\n      component=\"h5\"\n      style=\"h4\"\n    >\n      {label}\n    </Typography>\n    <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n      {description}\n    </Typography>\n  </button>\n);\n\nItem.propTypes = {\n  /**\n   * To specify the text to be rendered as the label.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the text to be rendered as the description.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the current Item is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","export const UNSUPPORTED_INPUT_PROPS = [\"tReady\"];\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\n\nimport { UNSUPPORTED_INPUT_PROPS } from \"./constants\";\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n  <>\n    {!isCollapsed && (\n      <div className=\"neeto-molecules-menubar__search\">\n        <Input\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          prefix={<NeetoUISearchIcon />}\n          type=\"search\"\n          {...omit(UNSUPPORTED_INPUT_PROPS, props)}\n        />\n        <Button\n          data-cy=\"menubar-search-close-icon\"\n          icon={Close}\n          style=\"text\"\n          onClick={onCollapse}\n        />\n      </div>\n    )}\n  </>\n));\n\nSearch.propTypes = {\n  /**\n   * To specify whether the search field is collapsed.\n   */\n  isCollapsed: PropTypes.bool,\n  /**\n   * To provide a callback function on collapse of the search field.\n   */\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"neeto-molecules-menubar__subtitle\"\n    data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"neeto-molecules-menubar__subtitle-actions\">\n      {iconProps?.map((iconProp, index) => (\n        <Button key={index} style=\"text\" {...iconProp} />\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  /**\n   * To specify the content to be rendered as the SubTitle.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the icon properties.\n   */\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <CSSTransition\n    unmountOnExit\n    classNames=\"neeto-molecules-menubar\"\n    in={showMenu}\n    timeout={300}\n  >\n    <div\n      className={classnames(\"neeto-molecules-menubar__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        className=\"neeto-molecules-menubar__container\"\n        data-cy=\"menubar-container\"\n      >\n        {title && (\n          <Typography\n            className=\"neeto-molecules-menubar__title\"\n            data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  /**\n   * To specify the content to be rendered as the title for the `MenuBar`.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify the content to be rendered inside the `MenuBar`.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify whether the MenuBar is visible or not.\n   */\n  showMenu: PropTypes.bool,\n  /**\n   * To specify external classnames for the MenuBar.\n   */\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","UNSUPPORTED_INPUT_PROPS","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","omit","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":"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"}

package/dist/Metadata.js

@@ -69,6 +69,15 @@ var DetailsBlock = function DetailsBlock(_ref) {
     _ref3 = _slicedToArray(_ref2, 2),
     visibleDetails = _ref3[0],
     truncatedDetails = _ref3[1];
+  var renderDetailsValue = function renderDetailsValue(value) {
+    if (typeof value === "string") {
+      return /*#__PURE__*/React__default.createElement(Typography, {
+        className: "break-anywhere",
+        style: "body2"
+      }, value);
+    }
+    return /*#__PURE__*/React__default.createElement("span", null, value);
+  };
   return /*#__PURE__*/React__default.createElement(Block, {
     actionBlock: actionBlock,
     className: className,
@@ -91,10 +100,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-ui-text-gray-600",
       style: "body2"
-    }, label), /*#__PURE__*/React__default.createElement(Typography, {
-      className: "break-anywhere",
-      style: "body2"
-    }, value)));
+    }, label), renderDetailsValue(value)));
   }), !truncate && children, showTruncated && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, truncatedDetails.map(function (_ref5, index) {
     var label = _ref5.label,
       value = _ref5.value,
@@ -109,10 +115,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
     }, /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-ui-text-gray-600",
       style: "body2"
-    }, label), /*#__PURE__*/React__default.createElement(Typography, {
-      className: "break-anywhere",
-      style: "body2"
-    }, value)));
+    }, label), renderDetailsValue(value)));
   }), children), truncate && isNotEmpty(truncatedDetails) && /*#__PURE__*/React__default.createElement(Button, {
     "data-testid": "expand-button",
     icon: showTruncated ? Up : Down,

package/dist/Metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metadata.js","sources":["../src/components/Metadata/Block.jsx","../src/components/Metadata/constants.js","../src/components/Metadata/DetailsBlock.jsx","../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <React.Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                <Typography className=\"break-anywhere\" style=\"body2\">\n                  {value}\n                </Typography>\n              </div>\n            )}\n          </React.Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <React.Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    <Typography className=\"break-anywhere\" style=\"body2\">\n                      {value}\n                    </Typography>\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    if (isLargerScreen) return;\n    setIsElementsPanelCollapsed(true);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","map","_ref4","index","label","value","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}
+{"version":3,"file":"Metadata.js","sources":["../src/components/Metadata/Block.jsx","../src/components/Metadata/constants.js","../src/components/Metadata/DetailsBlock.jsx","../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span>{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <React.Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </React.Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <React.Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    if (isLargerScreen) return;\n    setIsElementsPanelCollapsed(true);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}

package/dist/MoreDropdown.js

@@ -2,6 +2,7 @@ import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb28
 import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _extends } from './extends-093996c9.js';
 import React__default from 'react';
+import { hyphenate } from '@bigbinary/neeto-cist';
 import { MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
 import { Dropdown, Tooltip, Button } from '@bigbinary/neetoui';
 import { mergeRight } from 'ramda';
@@ -126,7 +127,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
       menuItemProps = _objectWithoutProperties(_ref2, _excluded);
     if (!isVisible) return null;
     return /*#__PURE__*/React__default.createElement(MoreDropdownMenuItem, _extends({
-      key: key
+      key: key !== null && key !== void 0 ? key : hyphenate(menuItemProps.label)
     }, menuItemProps));
   }), menuBottomChildren));
 };

package/dist/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            {...dropdownButtonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: \"min-h-0 flex-shrink-0\",\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...dropdownButtonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MenuItem key={key} {...menuItemProps} />;\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","autoWidth","className","buttonProps","content"],"mappings":"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"}
+{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            {...dropdownButtonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: \"min-h-0 flex-shrink-0\",\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...dropdownButtonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","autoWidth","className","buttonProps","content","hyphenate"],"mappings":";;;;;;;;;;;AAaO,IAAMA,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC;;;;ACfD,IAAQC,UAAQ,GAAWC,QAAQ,CAA3BD,QAAQ;EAAEE,MAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEtB,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;AAAKC,IAAAA,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,cAAA,CAAAC,aAAA,CAACV,QAAQ,EAAAW,QAAA,CAAA;IACPC,YAAY,eAAEH,cAAA,CAAAC,aAAA,CAACX,UAAQ,CAACc,MAAM,EAAET,IAAAA,EAAAA,KAAuB,CAAE;AACzDC,IAAAA,GAAG,EAAEA,GAAI;AACTP,IAAAA,QAAQ,EAAC,MAAM;AACfgB,IAAAA,OAAO,EAAC,OAAA;AAAO,GAAA,EACXR,aAAa,CAACS,aAAa,gBAE/BN,cAAA,CAAAC,aAAA,CAACT,MAAI,EACFK,IAAAA,EAAAA,aAAa,CAACU,SAAS,CAACC,GAAG,CAC1B,UAAAC,KAAA,EAAiD;AAAA,IAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAEd,GAAG,GAAAa,KAAA,CAAHb,GAAG;AAAKC,MAAAA,aAAa,GAAAC,wBAAA,CAAAW,KAAA,EAAAG,UAAA,CAAA,CAAA;AACxC,IAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,IAAA,oBAAOX,cAAA,CAAAC,aAAA,CAACY,oBAAoB,EAAAX,QAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;KAASC,EAAAA,aAAa,CAAG,CAAC,CAAA;GAEhE,CACI,CACE,CAAC,CAAA;AAAA,CACZ;;;;;ACnBD,IAAQP,QAAQ,GAAcC,QAAQ,CAA9BD,QAAQ;EAAEwB,OAAO,GAAKvB,QAAQ,CAApBuB,OAAO,CAAA;AAEzB,IAAMD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAnB,IAAA,EAMpB;AAAA,EAAA,IALJqB,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IACPpB,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAqB,SAAA,GAAAtB,IAAA,CACLuB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGhC,eAAe,CAACC,QAAQ,GAAA+B,SAAA;IAAAE,gBAAA,GAAAxB,IAAA,CAC/ByB,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;AAChBrB,IAAAA,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAEhB,EAAA,IAAIkB,IAAI,KAAKjC,eAAe,CAACE,OAAO,EAAE;AACpC,IAAA,oBAAOc,cAAA,CAAAC,aAAA,CAACa,OAAO,MAAE,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,IAAIK,WAAW,EAAE;AACf,IAAA,oBAAOnB,cAAA,CAAAC,aAAA,CAACR,OAAO,EAAA2B,eAAA,CAAA;AAAOzB,MAAAA,KAAK,EAALA,KAAAA;KAAUE,EAAAA,aAAa,CAAK,CAAC,CAAA;AACrD,GAAA;EAEA,oBACEG,cAAA,CAAAC,aAAA,CAACX,QAAQ,CAACc,MAAM,EAAAgB,eAAA,CAAA;AAAOL,IAAAA,OAAO,EAAPA,OAAAA;GAAYlB,EAAAA,aAAa,CAC7CF,EAAAA,KACc,CAAC,CAAA;AAEtB,CAAC;;;;;;;;ACVD,IAAQH,IAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEZ,IAAM6B,YAAY,GAAG,SAAfA,YAAYA,CAAA3B,IAAA,EAQZ;AAAA,EAAA,IAAA4B,qBAAA,GAAA5B,IAAA,CAPJ6B,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAA9B,IAAA,CACxB+B,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAhC,IAAA,CAClBiC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAAlC,IAAA,CAClBY,aAAa;AAAbA,IAAAA,aAAa,GAAAsB,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBC,eAAe,GAAAnC,IAAA,CAAfmC,eAAe;IACfC,kBAAkB,GAAApC,IAAA,CAAlBoC,kBAAkB;IAAAC,cAAA,GAAArC,IAAA,CAClBa,SAAS;AAATA,IAAAA,SAAS,GAAAwB,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,IAAMC,YAAY,GAAGC,UAAU,CAC7BjD,qBAAqB,EACrBoC,mBAAmB,CAACY,YACtB,CAAC,CAAA;AAED,EAAA,IAAME,UAAU,GAAGZ,UAAU,GAAGa,YAAY,GAAGC,cAAc,CAAA;AAE7D,EAAA,IAAMC,kBAAkB,GAAGb,UAAU,IAAIrB,aAAa,CAAClB,QAAQ,CAAA;AAC/D,EAAA,IAAIoD,kBAAkB,IAAI,CAACL,YAAY,CAAC/C,QAAQ,EAAE;AAChD,IAAA,oBACEY,cAAA,CAAAC,aAAA,CAACwC,OAAO,EAAKN,YAAY,eACvBnC,cAAA,CAAAC,aAAA,4BACED,cAAA,CAAAC,aAAA,CAACG,MAAM,EAAAF,QAAA,CAAA;MACLd,QAAQ,EAAA,IAAA;AACR,MAAA,SAAA,EAAQ,sBAAsB;AAC9B,MAAA,4BAAA,EAA2B,eAAe;AAC1C,MAAA,aAAA,EAAY,qBAAqB;AACjCsD,MAAAA,IAAI,EAAEL,UAAW;AACjBM,MAAAA,YAAY,EAAC,OAAO;AACpBC,MAAAA,IAAI,EAAC,QAAQ;AACbC,MAAAA,KAAK,EAAC,MAAA;AAAM,KAAA,EACRtB,mBAAmB,CACxB,CACG,CACC,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,oBACEvB,cAAA,CAAAC,aAAA,CAACV,QAAQ,EAAAW,QAAA,CAAA;IACP4C,SAAS,EAAA,IAAA;AACTC,IAAAA,SAAS,EAAC,MAAM;AAChB3D,IAAAA,QAAQ,EAAEuC,UAAW;AACrBe,IAAAA,IAAI,EAAEL,UAAW;AACjBW,IAAAA,WAAW,EAAA5B,aAAA,CAAA;AACT,MAAA,4BAA4B,EAAE,eAAe;AAC7C2B,MAAAA,SAAS,EAAE,uBAAuB;AAClCF,MAAAA,KAAK,EAAE,MAAM;AACbV,MAAAA,YAAY,EAAE;AACZc,QAAAA,OAAO,EAAEf,CAAC,CAAC,qCAAqC,CAAC;AACjD7C,QAAAA,QAAQ,EAAE,KAAA;AACZ,OAAA;AAAC,KAAA,EACEkC,mBAAmB,CAAA;AACtB,GAAA,EACEjB,aAAa,CAEjBN,eAAAA,cAAA,CAAAC,aAAA,CAACT,IAAI,EAAA,IAAA,EACFqC,eAAe,EACftB,SAAS,CAACC,GAAG,CAAC,UAAAC,KAAA,EAAiD;AAAA,IAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAEd,GAAG,GAAAa,KAAA,CAAHb,GAAG;AAAKC,MAAAA,aAAa,GAAAC,wBAAA,CAAAW,KAAA,EAAAV,SAAA,CAAA,CAAA;AACvD,IAAA,IAAI,CAACY,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,IAAA,oBACEX,cAAA,CAAAC,aAAA,CAACX,oBAAQ,EAAAY,QAAA,CAAA;MACPN,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAIsD,SAAS,CAACrD,aAAa,CAACF,KAAK,CAAA;KACrCE,EAAAA,aAAa,CAClB,CAAC,CAAA;AAEN,GAAC,CAAC,EACDiC,kBACG,CACE,CAAC,CAAA;AAEf;;;;"}

package/dist/Onboarding.js

@@ -59,7 +59,7 @@ CompletedScreen.propTypes = {
   /**
    * Description of the completed screen
    */
-  description: propTypes.exports.string,
+  description: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
   /**
    * Additional children elements to be rendered within the completed screen.
    */

package/dist/Onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n  ({ t, title, description, children, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-congratulations-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-emoji\"\n          style=\"h1\"\n        >\n          🎉\n        </Typography>\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-title\"\n          data-testid=\"onboarding-congratulations-title\"\n          style=\"h1\"\n        >\n          <span className=\"neeto-ui-text-success-500\">\n            {t(\"neetoMolecules.onboarding.congratulations\")}\n          </span>\n          <br />\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-congratulations-description\"\n            data-testid=\"onboarding-congratulations-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {isPresent(buttonProps) && (\n        <Button\n          data-cy=\"onboarding-congratulations-button\"\n          data-testid=\"onboarding-congratulations-button\"\n          label={t(\"neetoMolecules.onboarding.startUsing\")}\n          {...buttonProps}\n        />\n      )}\n    </div>\n  )\n);\n\nCompletedScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the completed screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the completed screen\n   */\n  description: PropTypes.string,\n  /**\n   * Additional children elements to be rendered within the completed screen.\n   */\n  children: PropTypes.node,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n  ({ t, title, description, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-welcome-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-welcome-title\"\n          data-testid=\"onboarding-welcome-title\"\n          style=\"h1\"\n        >\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-welcome-description\"\n            data-testid=\"onboarding-welcome-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n      </div>\n      <Button\n        data-cy=\"onboarding-welcome-button\"\n        data-testid=\"onboarding-welcome-button\"\n        icon={RightArrow}\n        label={t(\"neetoMolecules.onboarding.getStarted\")}\n        {...buttonProps}\n      />\n    </div>\n  )\n);\n\nWelcomeScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the welcome screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the welcome screen\n   */\n  description: PropTypes.string,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","node","object","WelcomeScreen","icon","RightArrow"],"mappings":"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"}
+{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n  ({ t, title, description, children, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-congratulations-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-emoji\"\n          style=\"h1\"\n        >\n          🎉\n        </Typography>\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-title\"\n          data-testid=\"onboarding-congratulations-title\"\n          style=\"h1\"\n        >\n          <span className=\"neeto-ui-text-success-500\">\n            {t(\"neetoMolecules.onboarding.congratulations\")}\n          </span>\n          <br />\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-congratulations-description\"\n            data-testid=\"onboarding-congratulations-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {isPresent(buttonProps) && (\n        <Button\n          data-cy=\"onboarding-congratulations-button\"\n          data-testid=\"onboarding-congratulations-button\"\n          label={t(\"neetoMolecules.onboarding.startUsing\")}\n          {...buttonProps}\n        />\n      )}\n    </div>\n  )\n);\n\nCompletedScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the completed screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the completed screen\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Additional children elements to be rendered within the completed screen.\n   */\n  children: PropTypes.node,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n  ({ t, title, description, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-welcome-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-welcome-title\"\n          data-testid=\"onboarding-welcome-title\"\n          style=\"h1\"\n        >\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-welcome-description\"\n            data-testid=\"onboarding-welcome-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n      </div>\n      <Button\n        data-cy=\"onboarding-welcome-button\"\n        data-testid=\"onboarding-welcome-button\"\n        icon={RightArrow}\n        label={t(\"neetoMolecules.onboarding.getStarted\")}\n        {...buttonProps}\n      />\n    </div>\n  )\n);\n\nWelcomeScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the welcome screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the welcome screen\n   */\n  description: PropTypes.string,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","WelcomeScreen","icon","RightArrow"],"mappings":"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"}

package/dist/Settings.js

@@ -2,7 +2,7 @@ import React__default, { memo, useEffect } from 'react';
 import classnames from 'classnames';
 import useQueryParams from '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
 import { Typography, NoData } from '@bigbinary/neetoui';
-import { isEmpty } from 'ramda';
+import { omit, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import Header from './Header.js';
 import { _ as _extends } from './extends-093996c9.js';
@@ -21,6 +21,8 @@ import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
 import '@bigbinary/neeto-icons';
 import './MoreDropdown.js';
 
+var UNSUPPORTED_LINK_PROPS = ["staticContext"];
+
 var _excluded = ["label", "description", "icon", "path", "dataCy", "className"];
 var Item = function Item(_ref) {
   var label = _ref.label,
@@ -36,7 +38,7 @@ var Item = function Item(_ref) {
     "data-cy": dataCy,
     to: path,
     className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline outline-none transition-colors", className)
-  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
+  }, omit(UNSUPPORTED_LINK_PROPS, otherProps)), /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "settings-item-".concat(joinHyphenCase(label))
   }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
     className: "neeto-ui-text-gray-600 mb-4",