@bigbinary/neeto-molecules 1.19.10-beta → 1.19.11

package/dist/cjs/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\";\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":"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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":"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"}

package/dist/cjs/LoginPage.js

@@ -4,13 +4,16 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var React = require('react');
-var neetoui = require('@bigbinary/neetoui');
+var Button$1 = require('@bigbinary/neetoui/Button');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var i18next = require('i18next');
 var yup = require('yup');
-var formik$1 = require('formik');
+var formik = require('formik');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var formik = require('@bigbinary/neetoui/formik');
+var Button = require('@bigbinary/neetoui/formik/Button');
+var Input = require('@bigbinary/neetoui/formik/Input');
 var ramda = require('ramda');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -37,7 +40,12 @@ var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGene
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default$1 = /*#__PURE__*/_interopDefaultLegacy(Button$1);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 
 var INITIAL_FORM_VALUES = {
   email: "",
@@ -60,7 +68,7 @@ var SignInForm = function SignInForm(_ref) {
   var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
     return ramda.assoc("email", email, INITIAL_FORM_VALUES);
   };
-  if (formik.Button === undefined) {
+  if (Button__default["default"] === undefined) {
     return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
       components: {
         code: /*#__PURE__*/React__default["default"].createElement("code", null)
@@ -68,20 +76,20 @@ var SignInForm = function SignInForm(_ref) {
       i18nKey: "neetoMolecules.login.installNeetoUI"
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement(formik$1.Formik, {
+  return /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     initialValues: emailPrefilledInitialValues(),
     validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
     onSubmit: handleFormSubmit
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
     className: "w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     required: true,
     "data-cy": "login-email-text-field",
     "data-test-id": "login-email",
     label: t("neetoMolecules.login.email"),
     name: "email",
     size: "large"
-  }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+  }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     required: true,
     "data-cy": "login-password-text-field",
     "data-test-id": "login-password",
@@ -89,7 +97,7 @@ var SignInForm = function SignInForm(_ref) {
     name: "password",
     size: "large",
     type: "password"
-  }), /*#__PURE__*/React__default["default"].createElement(formik.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     fullWidth: true,
     "data-cy": "login-submit-button",
     "data-test-id": "login-submit-button",
@@ -124,7 +132,7 @@ var SignIn = function SignIn(_ref) {
             });
           case 3:
             response = _context.sent;
-            neetoui.Toastr.success(t("neetoMolecules.login.success"));
+            Toastr__default["default"].success(t("neetoMolecules.login.success"));
             redirectAfterSuccessfulLogin(response.redirectTo);
             _context.next = 10;
             break;
@@ -168,7 +176,7 @@ var SignIn = function SignIn(_ref) {
     className: "flex h-screen w-full justify-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h3",
     weight: "medium"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -181,7 +189,7 @@ var SignIn = function SignIn(_ref) {
     values: {
       organizationName: globalProps.organization.name
     }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  })), /*#__PURE__*/React__default["default"].createElement(Button__default$1["default"], {
     fullWidth: true,
     disabled: isSubmitting,
     label: t("neetoMolecules.login.loginAsOliver"),
@@ -189,7 +197,7 @@ var SignIn = function SignIn(_ref) {
     size: "large",
     style: "primary",
     onClick: loginAsOliver
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "text-center",
     style: "body1",
     weight: "semibold"

package/dist/cjs/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n  email: Yup.string()\n    .email(t(\"neetoMolecules.login.invalidEmail\"))\n    .required(t(\"neetoMolecules.login.emailRequired\")),\n  password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import React from \"react\";\n\nimport { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n  const { t } = useTranslation();\n  const { email = \"\" } = getQueryParams();\n\n  const emailPrefilledInitialValues = () =>\n    assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n  if (Button === undefined) {\n    return (\n      <Trans\n        components={{ code: <code /> }}\n        i18nKey=\"neetoMolecules.login.installNeetoUI\"\n      />\n    );\n  }\n\n  return (\n    <Formik\n      initialValues={emailPrefilledInitialValues()}\n      validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n      onSubmit={handleFormSubmit}\n    >\n      <Form className=\"w-full space-y-6\">\n        <Input\n          required\n          data-cy=\"login-email-text-field\"\n          data-test-id=\"login-email\"\n          label={t(\"neetoMolecules.login.email\")}\n          name=\"email\"\n          size=\"large\"\n        />\n        <Input\n          required\n          data-cy=\"login-password-text-field\"\n          data-test-id=\"login-password\"\n          label={t(\"neetoMolecules.login.password\")}\n          name=\"password\"\n          size=\"large\"\n          type=\"password\"\n        />\n        <Button\n          fullWidth\n          data-cy=\"login-submit-button\"\n          data-test-id=\"login-submit-button\"\n          label={t(\"neetoMolecules.login.login\")}\n          size=\"large\"\n          style=\"secondary\"\n          type=\"submit\"\n        />\n      </Form>\n    </Formik>\n  );\n};\n\nexport default SignInForm;\n","import React, { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n  const [isSubmitting, setIsSubmitting] = useState(null);\n  const { t } = useTranslation();\n\n  const redirectAfterSuccessfulLogin = redirectTo => {\n    window.location.pathname = redirectTo || \"/\";\n  };\n\n  const handleFormSubmit = async formValues => {\n    try {\n      const response = await handleSubmit({ user: formValues });\n      Toastr.success(t(\"neetoMolecules.login.success\"));\n      redirectAfterSuccessfulLogin(response.redirectTo);\n    } catch {\n      /* empty */\n    }\n  };\n\n  const loginAsOliver = async () => {\n    setIsSubmitting(true);\n    await handleFormSubmit({\n      email: DEFAULT_EMAIL,\n      password: DEFAULT_PASSWORD,\n    });\n    setIsSubmitting(false);\n  };\n\n  return (\n    <div className=\"flex h-screen w-full justify-center\">\n      <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n        <Typography style=\"h3\" weight=\"medium\">\n          <Trans\n            components={{ bold: <b data-test-id=\"organization-name\" /> }}\n            i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n            values={{ organizationName: globalProps.organization.name }}\n          />\n        </Typography>\n        <Button\n          fullWidth\n          disabled={isSubmitting}\n          label={t(\"neetoMolecules.login.loginAsOliver\")}\n          loading={isSubmitting}\n          size=\"large\"\n          style=\"primary\"\n          onClick={loginAsOliver}\n        />\n        <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n          {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n        </Typography>\n        <SignInForm {...{ handleFormSubmit }} />\n      </div>\n    </div>\n  );\n};\n\nSignIn.propTypes = {\n  /**\n   * The function that is triggered when login button is clicked.\n   */\n  handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","React","createElement","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}
+{"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n  email: Yup.string()\n    .email(t(\"neetoMolecules.login.invalidEmail\"))\n    .required(t(\"neetoMolecules.login.emailRequired\")),\n  password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import React from \"react\";\n\nimport { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n  const { t } = useTranslation();\n  const { email = \"\" } = getQueryParams();\n\n  const emailPrefilledInitialValues = () =>\n    assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n  if (Button === undefined) {\n    return (\n      <Trans\n        components={{ code: <code /> }}\n        i18nKey=\"neetoMolecules.login.installNeetoUI\"\n      />\n    );\n  }\n\n  return (\n    <Formik\n      initialValues={emailPrefilledInitialValues()}\n      validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n      onSubmit={handleFormSubmit}\n    >\n      <Form className=\"w-full space-y-6\">\n        <Input\n          required\n          data-cy=\"login-email-text-field\"\n          data-test-id=\"login-email\"\n          label={t(\"neetoMolecules.login.email\")}\n          name=\"email\"\n          size=\"large\"\n        />\n        <Input\n          required\n          data-cy=\"login-password-text-field\"\n          data-test-id=\"login-password\"\n          label={t(\"neetoMolecules.login.password\")}\n          name=\"password\"\n          size=\"large\"\n          type=\"password\"\n        />\n        <Button\n          fullWidth\n          data-cy=\"login-submit-button\"\n          data-test-id=\"login-submit-button\"\n          label={t(\"neetoMolecules.login.login\")}\n          size=\"large\"\n          style=\"secondary\"\n          type=\"submit\"\n        />\n      </Form>\n    </Formik>\n  );\n};\n\nexport default SignInForm;\n","import React, { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n  const [isSubmitting, setIsSubmitting] = useState(null);\n  const { t } = useTranslation();\n\n  const redirectAfterSuccessfulLogin = redirectTo => {\n    window.location.pathname = redirectTo || \"/\";\n  };\n\n  const handleFormSubmit = async formValues => {\n    try {\n      const response = await handleSubmit({ user: formValues });\n      Toastr.success(t(\"neetoMolecules.login.success\"));\n      redirectAfterSuccessfulLogin(response.redirectTo);\n    } catch {\n      /* empty */\n    }\n  };\n\n  const loginAsOliver = async () => {\n    setIsSubmitting(true);\n    await handleFormSubmit({\n      email: DEFAULT_EMAIL,\n      password: DEFAULT_PASSWORD,\n    });\n    setIsSubmitting(false);\n  };\n\n  return (\n    <div className=\"flex h-screen w-full justify-center\">\n      <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n        <Typography style=\"h3\" weight=\"medium\">\n          <Trans\n            components={{ bold: <b data-test-id=\"organization-name\" /> }}\n            i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n            values={{ organizationName: globalProps.organization.name }}\n          />\n        </Typography>\n        <Button\n          fullWidth\n          disabled={isSubmitting}\n          label={t(\"neetoMolecules.login.loginAsOliver\")}\n          loading={isSubmitting}\n          size=\"large\"\n          style=\"primary\"\n          onClick={loginAsOliver}\n        />\n        <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n          {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n        </Typography>\n        <SignInForm {...{ handleFormSubmit }} />\n      </div>\n    </div>\n  );\n};\n\nSignIn.propTypes = {\n  /**\n   * The function that is triggered when login button is clicked.\n   */\n  handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","React","createElement","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}

package/dist/cjs/MenuBar.js

@@ -4,15 +4,17 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
-var neetoui = require('@bigbinary/neetoui');
+var Typography = require('@bigbinary/neetoui/Typography');
 var reactTransitionGroup = require('react-transition-group');
 var _extends = require('@babel/runtime/helpers/extends');
 var neetoIcons = require('@bigbinary/neeto-icons');
+var Button = require('@bigbinary/neetoui/Button');
 var injectCss = require('./inject-css-80a5faa3.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var reactRouterDom = require('react-router-dom');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+var Input = require('@bigbinary/neetoui/Input');
 var index = require('./index-248c4f4c.js');
 var ramda = require('ramda');
 
@@ -22,8 +24,11 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 
 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}";
 injectCss.n(css,{});
@@ -36,7 +41,7 @@ var AddNew = function AddNew(_ref) {
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
   return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     className: "neeto-molecules-menubar__add-new-wrap"
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     icon: neetoIcons.Plus,
     iconPosition: "left",
     iconSize: 16,
@@ -83,14 +88,14 @@ var Block = function Block(_ref) {
     "data-cy": general.joinHyphenCase("menubar-block-label", label)
   }, icon && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "neeto-molecules-menubar__block-icon"
-  }, icon), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, icon), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     component: "span",
     style: "h5",
     title: label,
     weight: "medium"
   }, label)), Number.isInteger(count) && /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: handleEdit
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     component: "span",
     style: "h5",
     weight: "medium"
@@ -112,11 +117,11 @@ var Item = function Item(_ref) {
     className: classnames__default["default"]("neeto-molecules-menubar__item", _defineProperty__default["default"]({
       "neeto-molecules-menubar__item--active": active
     }, className, className))
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-molecules-menubar__item-header",
     component: "h5",
     style: "h4"
-  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, label), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-molecules-menubar__item-desc",
     style: "body3"
   }, description));
@@ -133,11 +138,11 @@ var Search = withT__default["default"](function (_ref) {
     props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-menubar__search"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends__default["default"]({
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends__default["default"]({
     placeholder: t("neetoMolecules.common.actions.search"),
     prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
     type: "search"
-  }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, ramda.omit(UNSUPPORTED_INPUT_PROPS, props))), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     "data-cy": "menubar-search-close-icon",
     icon: neetoIcons.Close,
     style: "text",
@@ -166,7 +171,7 @@ var SubTitle = function SubTitle(_ref) {
   }, otherProps), children, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-menubar__subtitle-actions"
   }, iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
+    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default["default"]({
       key: index,
       style: "text"
     }, iconProp));
@@ -193,7 +198,7 @@ var MenuBar = function MenuBar(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-menubar__container",
     "data-cy": "menubar-container"
-  }, title && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, title && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-molecules-menubar__title",
     "data-cy": otherProps["data-cy"] || "menubar-heading",
     lineHeight: "tight",

package/dist/cjs/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/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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"}
+{"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/cjs/Metadata.js

@@ -5,7 +5,8 @@ var React = require('react');
 var classnames = require('classnames');
 var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactI18next = require('react-i18next');
 var injectCss = require('./inject-css-80a5faa3.js');
@@ -16,6 +17,8 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 
 var Block = function Block(_ref) {
   var title = _ref.title,
@@ -31,7 +34,7 @@ var Block = function Block(_ref) {
     className: "mb-2 flex w-full items-center justify-between gap-2"
   }, title && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-60 items-center gap-2 break-all"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-ui-text-gray-700",
     "data-testid": "metadata-block-title",
     style: "h5",
@@ -80,7 +83,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
     truncatedDetails = _ref3[1];
   var renderDetailsValue = function renderDetailsValue(value) {
     if (typeof value === "string") {
-      return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         className: "break-anywhere",
         style: "body2"
       }, value);
@@ -106,7 +109,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
         "space-x-4": style === STYLES.inline,
         "flex-col": style === STYLES.multiline
       })
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       className: "neeto-ui-text-gray-600",
       style: "body2"
     }, label), renderDetailsValue(value)));
@@ -121,11 +124,11 @@ var DetailsBlock = function DetailsBlock(_ref) {
         "space-x-4": style === STYLES.inline,
         "flex-col": style === STYLES.multiline
       })
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       className: "neeto-ui-text-gray-600",
       style: "body2"
     }, label), renderDetailsValue(value)));
-  }), children), truncate && neetoCist.isNotEmpty(truncatedDetails) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }), children), truncate && neetoCist.isNotEmpty(truncatedDetails) && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     "data-testid": "expand-button",
     icon: showTruncated ? neetoIcons.Up : neetoIcons.Down,
     style: "link",
@@ -180,7 +183,7 @@ var Metadata = function Metadata(_ref) {
     className: "neeto-molecules-metadata__header mb-5 flex w-full justify-center",
     "data-cy": "neeto-molecules-metadata-header",
     "data-testid": "metadata-header"
-  }, headerBlock), children)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, headerBlock), children)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     className: "neeto-molecules-metadata-list-panel__toggler",
     icon: neetoIcons.Collapse,
     style: "secondary",