@bigbinary/neeto-molecules 3.16.52 → 3.16.54

package/dist/cjs/KeyboardShortcuts.js

@@ -1,8 +1,6 @@
 'use strict';
 
-var shallow = require('zustand/shallow');
-var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
-var zustand = require('zustand');
+var useKeyboardShortcutsPaneState = require('./useKeyboardShortcutsPaneState-YnXpWOcs.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var Close = require('@bigbinary/neeto-icons/Close');
 var Typography = require('@bigbinary/neetoui/Typography');
@@ -20,39 +18,11 @@ var platform = require('./platform-BUcCb8Jx.js');
 var ramda = require('ramda');
 var jsxRuntime = require('react/jsx-runtime');
 var injectCss = require('./inject-css-vQvjPR2x.js');
+require('zustand/shallow');
+require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
+require('zustand');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
-/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
-var useKeyboardShortcutsStore = zustand.create(withImmutableActions(function (set) {
-  return {
-    isOpen: false,
-    setIsOpen: function setIsOpen(arg) {
-      if (typeof arg === "function") {
-        set(function (state) {
-          return {
-            isOpen: arg(state.isOpen)
-          };
-        });
-      } else {
-        set({
-          isOpen: arg
-        });
-      }
-    }
-  };
-}));
-var useKeyboardShortcutsPaneState = function useKeyboardShortcutsPaneState() {
-  var _useKeyboardShortcuts = useKeyboardShortcutsStore(function (store) {
-      return {
-        isOpen: store["isOpen"],
-        setIsOpen: store["setIsOpen"]
-      };
-    }, shallow.shallow),
-    isOpen = _useKeyboardShortcuts.isOpen,
-    setIsOpen = _useKeyboardShortcuts.setIsOpen;
-  return [isOpen, setIsOpen];
-};
-
 var KEY_SHORTFORM_MAP = {
   command: "⌘",
   escape: "esc",
@@ -225,7 +195,7 @@ injectCss.n(css,{});
 var KeyboardShortcutsPane = function KeyboardShortcutsPane(_ref) {
   var _ref$productShortcuts = _ref.productShortcuts,
     productShortcuts = _ref$productShortcuts === void 0 ? {} : _ref$productShortcuts;
-  var _useKeyboardShortcuts = useKeyboardShortcutsPaneState(),
+  var _useKeyboardShortcuts = useKeyboardShortcutsPaneState.useKeyboardShortcutsPaneState(),
     _useKeyboardShortcuts2 = _slicedToArray(_useKeyboardShortcuts, 2),
     isOpen = _useKeyboardShortcuts2[0],
     setIsOpen = _useKeyboardShortcuts2[1];
@@ -278,7 +248,7 @@ var KeyboardShortcutsPane = function KeyboardShortcutsPane(_ref) {
 
 var KeyboardShortcuts = {
   Pane: KeyboardShortcutsPane,
-  usePaneState: useKeyboardShortcutsPaneState,
+  usePaneState: useKeyboardShortcutsPaneState.useKeyboardShortcutsPaneState,
   GLOBAL_SHORTCUTS: getGlobalShortcuts()
 };
 

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

package/dist/cjs/ProductEmbed.js

@@ -109,14 +109,11 @@ var inlineEmbedCode$1 = function inlineEmbedCode(_ref3) {
     id = _ref3.id,
     embedScriptLink = _ref3.embedScriptLink,
     extraArgs = _ref3.extraArgs,
-    inlineWrapperStyle = _ref3.inlineWrapperStyle;
+    inlineWrapperStyle = _ref3.inlineWrapperStyle,
+    iframeStyle = _ref3.iframeStyle;
   var elementSelector = customization.elementSelector,
-    _customization$width = customization.width,
-    width = _customization$width === void 0 ? 100 : _customization$width,
-    _customization$height = customization.height,
-    height = _customization$height === void 0 ? 100 : _customization$height,
     queryParams = customization.queryParams;
-  return "\n  <!-- ".concat(globalProps.appName, " inline embed code begins -->\n  <div style=\"").concat(inlineWrapperStyle || "height: 90vh; width: 100%;", "\" id=\"").concat(elementSelector, "\">\n    <!-- ").concat(globalProps.appName, " widget will be added here -->\n  </div>\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"inline\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",\n      styles: { height: \"").concat(height, "%\", width: \"").concat(width, "%\"},").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " inline embed code ends -->");
+  return "\n  <!-- ".concat(globalProps.appName, " inline embed code begins -->\n  <div style=\"").concat(inlineWrapperStyle, "\" id=\"").concat(elementSelector, "\">\n    <!-- ").concat(globalProps.appName, " widget will be added here -->\n  </div>\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"inline\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",\n      styles: \"").concat(iframeStyle, "\", ").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " inline embed code ends -->");
 };
 var floatingPopupEmbedCode$1 = function floatingPopupEmbedCode(_ref4) {
   var customization = _ref4.customization,
@@ -168,7 +165,7 @@ var parseExtraArgs = function parseExtraArgs(extraArgs) {
   });
 };
 var parseInlineStyle = function parseInlineStyle(styleString) {
-  return styleString ? styleString.split(";").map(function (rule) {
+  return styleString.split(";").map(function (rule) {
     var _rule$split$map = rule.split(":").map(function (s) {
         return s.trim();
       }),
@@ -176,21 +173,18 @@ var parseInlineStyle = function parseInlineStyle(styleString) {
       key = _rule$split$map2[0],
       value = _rule$split$map2[1];
     return key && value ? "".concat(key, ": \"").concat(value, "\"") : null;
-  }).filter(Boolean).join(", ") : 'height: "90vh", width: "100%"';
+  }).filter(Boolean).join(", ");
 };
 var inlineEmbedCode = function inlineEmbedCode(_ref3) {
   var customization = _ref3.customization,
     id = _ref3.id,
     embedScriptLink = _ref3.embedScriptLink,
     extraArgs = _ref3.extraArgs,
-    inlineWrapperStyle = _ref3.inlineWrapperStyle;
+    inlineWrapperStyle = _ref3.inlineWrapperStyle,
+    iframeStyle = _ref3.iframeStyle;
   var elementSelector = customization.elementSelector,
-    _customization$width = customization.width,
-    width = _customization$width === void 0 ? 100 : _customization$width,
-    _customization$height = customization.height,
-    height = _customization$height === void 0 ? 100 : _customization$height,
     queryParams = customization.queryParams;
-  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(embedScript(embedScriptLink), "\n      embedScript.onload = () => {\n        window.").concat(camelCasedAppName, ".embed({\n          type: \"inline\",\n          id: \"").concat(id, "\",\n          organization: \"").concat(globalProps.organization.subdomain, "\",\n          elementSelector: \"#").concat(elementSelector, "\",\n          styles: { height: \"").concat(height, "%\", width: \"").concat(width, "%\" },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n        });\n      };\n\n      document.body.appendChild(embedScript);\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return (\n      <div\n        id=\"inline-embed-container\"\n        style={{ ").concat(parseInlineStyle(inlineWrapperStyle), " }}\n      />\n    );\n  };");
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(embedScript(embedScriptLink), "\n      embedScript.onload = () => {\n        window.").concat(camelCasedAppName, ".embed({\n          type: \"inline\",\n          id: \"").concat(id, "\",\n          organization: \"").concat(globalProps.organization.subdomain, "\",\n          elementSelector: \"#").concat(elementSelector, "\",\n          styles: \"").concat(iframeStyle, "\",").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n        });\n      };\n\n      document.body.appendChild(embedScript);\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return (\n      <div\n        id=\"inline-embed-container\"\n        style={{ ").concat(parseInlineStyle(inlineWrapperStyle), " }}\n      />\n    );\n  };");
 };
 var floatingPopupEmbedCode = function floatingPopupEmbedCode(_ref4) {
   var customization = _ref4.customization,
@@ -204,7 +198,7 @@ var floatingPopupEmbedCode = function floatingPopupEmbedCode(_ref4) {
     btnColor = customization.btnColor,
     icon = customization.icon,
     queryParams = customization.queryParams;
-  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(embedScript(embedScriptLink), "\n      embedScript.onload = () => {\n        window.").concat(camelCasedAppName, ".embed({\n          type: \"floatingPopup\",\n          id: \"").concat(id, "\",\n          organization: \"").concat(globalProps.organization.subdomain, "\",\n          styles: {\n            btnTextColor: \"").concat(btnTextColor, "\",\n            btnPosition: \"").concat(btnPosition, "\",\n            btnColor: \"").concat(btnColor, "\",\n            btnText: \"").concat(btnText, "\",").concat(icon ? "\n".concat(TAB_STRING).concat(TAB_STRING, "  showIcon: ").concat(showIcon, ",") : "", "\n          },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n        });\n      };\n\n      document.body.appendChild(embedScript);\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <div />;\n  };");
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(embedScript(embedScriptLink), "\n      embedScript.onload = () => {\n        window.").concat(camelCasedAppName, ".embed({\n          type: \"floatingPopup\",\n          id: \"").concat(id, "\",\n          organization: \"").concat(globalProps.organization.subdomain, "\",\n          styles: {\n            btnTextColor: \"").concat(btnTextColor, "\",\n            btnPosition: \"").concat(btnPosition, "\",\n            btnColor: \"").concat(btnColor, "\",\n            btnText: \"").concat(btnText, "\",").concat(icon ? "\n".concat(TAB_STRING).concat(TAB_STRING).concat(TAB_STRING, "showIcon: ").concat(showIcon, ",") : "", "\n          },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n        });\n      };\n\n      document.body.appendChild(embedScript);\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <div />;\n  };");
 };
 var elementPopupEmbedCode = function elementPopupEmbedCode(_ref5) {
   var customization = _ref5.customization,
@@ -494,9 +488,7 @@ var Inline$1 = function Inline(_ref) {
       };
     }, shallow.shallow),
     isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
-  var height = customization.height,
-    width = customization.width,
-    elementSelector = customization.elementSelector;
+  var elementSelector = customization.elementSelector;
   var handleInputChange = function handleInputChange(_ref2, attribute) {
     var value = _ref2.target.value;
     return updateCustomization(_defineProperty({}, attribute, value));
@@ -509,41 +501,6 @@ var Inline$1 = function Inline(_ref) {
   }, []);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col gap-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
-        "data-cy": "window-size-text",
-        children: t("neetoMolecules.productEmbed.inline.sizeOfEmbedWindow")
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex justify-between gap-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "neeto-molecules-product-embed-size-input",
-          "data-cy": "inline-width-input-field",
-          "data-testid": "inline-width-input-field",
-          max: 100,
-          min: 0,
-          prefix: "W",
-          suffix: "%",
-          type: "number",
-          value: width,
-          onChange: function onChange(e) {
-            return handleInputChange(e, "width");
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "neeto-molecules-product-embed-size-input",
-          "data-cy": "inline-height-input-field",
-          "data-testid": "inline-height-input-field",
-          max: 100,
-          min: 0,
-          prefix: "H",
-          suffix: "%",
-          type: "number",
-          value: height,
-          onChange: function onChange(e) {
-            return handleInputChange(e, "height");
-          }
-        })]
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
         "data-cy": "inline-element-id-input-label",
@@ -1111,6 +1068,7 @@ var Code = function Code(_ref) {
     embedScriptLink = _ref.embedScriptLink,
     extraArgs = _ref.extraArgs,
     inlineWrapperStyle = _ref.inlineWrapperStyle,
+    iframeStyle = _ref.iframeStyle,
     supportedLanguages = _ref.supportedLanguages,
     customization = _ref.customization;
   var _useTranslation = reactI18next.useTranslation(),
@@ -1131,7 +1089,8 @@ var Code = function Code(_ref) {
     customization: customization,
     embedScriptLink: embedScriptLink,
     extraArgs: extraArgs,
-    inlineWrapperStyle: inlineWrapperStyle
+    inlineWrapperStyle: inlineWrapperStyle,
+    iframeStyle: iframeStyle
   });
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col gap-3",
@@ -1433,6 +1392,7 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
     extraArgs = _ref.extraArgs,
     otherCustomizations = _ref.otherCustomizations,
     inlineWrapperStyle = _ref.inlineWrapperStyle,
+    iframeStyle = _ref.iframeStyle,
     supportedLanguages = _ref.supportedLanguages,
     selectedEmbed = _ref.selectedEmbed;
   var _useTranslation = reactI18next.useTranslation(),
@@ -1503,6 +1463,7 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
             embedScriptLink: embedScriptLink,
             extraArgs: extraArgs,
             id: id,
+            iframeStyle: iframeStyle,
             inlineWrapperStyle: inlineWrapperStyle,
             selectedEmbed: selectedEmbed,
             supportedLanguages: supportedLanguages
@@ -1621,7 +1582,9 @@ var ProductEmbed = function ProductEmbed(_ref) {
     _ref$otherCustomizati = _ref.otherCustomizations,
     otherCustomizations = _ref$otherCustomizati === void 0 ? neetoCist.noop : _ref$otherCustomizati,
     _ref$inlineWrapperSty = _ref.inlineWrapperStyle,
-    inlineWrapperStyle = _ref$inlineWrapperSty === void 0 ? "" : _ref$inlineWrapperSty,
+    inlineWrapperStyle = _ref$inlineWrapperSty === void 0 ? "height: 90vh; width: 100%;" : _ref$inlineWrapperSty,
+    _ref$iframeStyle = _ref.iframeStyle,
+    iframeStyle = _ref$iframeStyle === void 0 ? "height: 100%; width: 100%;" : _ref$iframeStyle,
     _ref$supportedLanguag = _ref.supportedLanguages,
     supportedLanguages = _ref$supportedLanguag === void 0 ? ["html"] : _ref$supportedLanguag;
   var _useLocation = reactRouterDom.useLocation(),
@@ -1646,6 +1609,7 @@ var ProductEmbed = function ProductEmbed(_ref) {
     customPreviewIframeUrl: customPreviewIframeUrl,
     extraArgs: extraArgs,
     id: id,
+    iframeStyle: iframeStyle,
     inlineWrapperStyle: inlineWrapperStyle,
     options: options,
     otherCustomizations: otherCustomizations,