@bigbinary/neeto-molecules 3.15.43 → 3.15.45

package/dist/cjs/KeyboardShortcuts.js

@@ -0,0 +1,286 @@
+'use strict';
+
+var shallow = require('zustand/shallow');
+var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
+var zustand = require('zustand');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var Close = require('@bigbinary/neeto-icons/Close');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var managers = require('@bigbinary/neetoui/managers');
+var classnames = require('classnames');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var reactI18next = require('react-i18next');
+var React = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Kbd = require('@bigbinary/neetoui/Kbd');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var i18next = require('i18next');
+var platform = require('./platform-BUcCb8Jx.js');
+var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+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",
+  control: "ctrl",
+  option: "opt",
+  "return": "enter"
+};
+var MAC_TO_WINDOWS_KEYS_MAP = {
+  option: "alt",
+  command: "ctrl",
+  "return": "enter",
+  "delete": "backspace"
+};
+var OS = {
+  mac: "OS X",
+  windows: "Windows"
+};
+var FULL_SHORTCUTS_LINK_PROP_NAME = "fullShortcutsLink";
+var TOOLTIP_CONTENT = {
+  "⌘": "command",
+  esc: "escape",
+  ctrl: "control",
+  opt: "option",
+  backspace: "delete"
+};
+
+var isMultipleHotkey = function isMultipleHotkey(hotkey) {
+  return Array.isArray(hotkey);
+};
+var replaceKeys = function replaceKeys(hotkey, keyName, replaceWith) {
+  return isMultipleHotkey(hotkey) ? hotkey.map(function (item) {
+    return item.replaceAll(keyName, replaceWith);
+  }) : hotkey.replaceAll(keyName, replaceWith);
+};
+var convertHotKeyToWindows = function convertHotKeyToWindows(hotkey) {
+  ramda.toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      macKey = _ref2[0],
+      windowsKey = _ref2[1];
+    hotkey = replaceKeys(hotkey, macKey, windowsKey);
+  });
+  return hotkey;
+};
+var convertHotkeyToUsersPlatform = function convertHotkeyToUsersPlatform(hotkey) {
+  var _platformInfo$os;
+  var platformInfo = platform.platform.parse(navigator.userAgent);
+  var isOSX = (_platformInfo$os = platformInfo.os) === null || _platformInfo$os === void 0 || (_platformInfo$os = _platformInfo$os.family) === null || _platformInfo$os === void 0 ? void 0 : _platformInfo$os.includes(OS.mac);
+  if (isOSX) return hotkey;
+  return convertHotKeyToWindows(hotkey);
+};
+var shortenHotKey = function shortenHotKey(hotkey) {
+  var result = hotkey;
+  Object.entries(KEY_SHORTFORM_MAP).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      longform = _ref4[0],
+      shortform = _ref4[1];
+    result = result.replaceAll(longform, shortform);
+  });
+  return result;
+};
+var getGlobalShortcuts = function getGlobalShortcuts() {
+  return _defineProperty({}, i18next.t("neetoMolecules.keyboardShortcuts.global.categoryName"), {
+    openKeyboardShortcutsPane: {
+      sequence: "shift+/",
+      description: i18next.t("neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane")
+    },
+    close: {
+      sequence: "esc",
+      description: i18next.t("neetoMolecules.keyboardShortcuts.global.close")
+    },
+    submitForm: {
+      sequence: "command+return",
+      description: i18next.t("neetoMolecules.keyboardShortcuts.global.submitForm")
+    }
+  });
+};
+var getTooltipProps = function getTooltipProps(key) {
+  if (TOOLTIP_CONTENT[key]) {
+    return {
+      position: "top",
+      content: TOOLTIP_CONTENT[key],
+      followCursor: "horizontal"
+    };
+  }
+  return null;
+};
+
+var HotKey = function HotKey(_ref) {
+  var description = _ref.description,
+    sequence = _ref.sequence;
+  var hotkey = shortenHotKey(convertHotkeyToUsersPlatform(sequence));
+  var isSequentialHotkey = hotkey.includes(" ");
+  var isSimultaneousHotkey = hotkey.includes("+");
+  var isSingleKeyHotkey = !isSequentialHotkey && !isSimultaneousHotkey;
+  var sequences = [];
+  if (isSingleKeyHotkey) {
+    sequences = [hotkey];
+  } else if (isSequentialHotkey) {
+    sequences = hotkey.split(" ");
+  } else if (isSimultaneousHotkey) {
+    sequences = hotkey.split("+");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "my-3 w-full",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center justify-between gap-3",
+      "data-cy": "hotkey-item",
+      "data-testid": "hotkey-item",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-800 min-w-0 flex-grow break-words",
+        lineHeight: "normal",
+        style: "body2",
+        children: description
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex flex-shrink-0 items-center gap-1",
+        children: sequences.map(function (keyName, idx) {
+          return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Kbd, {
+              keyName: keyName,
+              tooltipProps: getTooltipProps(keyName)
+            }), isSequentialHotkey && idx + 1 !== sequences.length && /*#__PURE__*/jsxRuntime.jsx(Kbd, {
+              keyName: "then"
+            })]
+          }, idx);
+        })
+      })]
+    })
+  });
+};
+var HotKey$1 = /*#__PURE__*/React.memo(HotKey);
+
+var HotKeyList = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    hotkeys = _ref.hotkeys;
+  return Object.keys(hotkeys).map(function (categoryName) {
+    var categoryValues = hotkeys[categoryName];
+    var fullShortcutsLink = categoryValues[FULL_SHORTCUTS_LINK_PROP_NAME];
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "mt-4 px-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h6",
+        textTransform: "uppercase",
+        weight: "bold",
+        children: categoryName
+      }), Object.entries(categoryValues).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          _ref3$ = _ref3[1],
+          sequence = _ref3$.sequence,
+          description = _ref3$.description;
+        return sequence && /*#__PURE__*/React.createElement(HotKey$1, {
+          description: description,
+          sequence: sequence,
+          key: sequence
+        });
+      }), fullShortcutsLink && /*#__PURE__*/jsxRuntime.jsx(Button, {
+        className: "mb-3",
+        href: fullShortcutsLink,
+        style: "link",
+        target: "_blank",
+        label: t("neetoMolecules.keyboardShortcuts.viewFullListOfShortcuts")
+      })]
+    }, categoryName);
+  });
+});
+var HotKeyList$1 = /*#__PURE__*/React.memo(HotKeyList);
+
+var css = ".neeto-molecules-keyboard-shortcuts-pane{flex-grow:0;flex-shrink:0;z-index:calc(var(--neeto-ui-modal-z-index) + 1)}";
+injectCss.n(css,{});
+
+var KeyboardShortcutsPane = function KeyboardShortcutsPane(_ref) {
+  var _ref$productShortcuts = _ref.productShortcuts,
+    productShortcuts = _ref$productShortcuts === void 0 ? {} : _ref$productShortcuts;
+  var _useKeyboardShortcuts = useKeyboardShortcutsPaneState(),
+    _useKeyboardShortcuts2 = _slicedToArray(_useKeyboardShortcuts, 2),
+    isOpen = _useKeyboardShortcuts2[0],
+    setIsOpen = _useKeyboardShortcuts2[1];
+  var hasOverlays = managers.manager.hasOverlays();
+  // eslint-disable-next-line @bigbinary/neeto/no-dangling-constants
+  var GLOBAL_SHORTCUTS = getGlobalShortcuts();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var shortcuts = GLOBAL_SHORTCUTS[t("neetoMolecules.keyboardShortcuts.global.categoryName")];
+  useHotkeys(shortcuts.openKeyboardShortcutsPane.sequence, function () {
+    return setIsOpen(function (prevIsOpen) {
+      return !prevIsOpen;
+    });
+  });
+  useHotkeys(shortcuts.close.sequence, function () {
+    return setIsOpen(false);
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "data-cy": "keyboard-shortcuts-pane",
+    className: classnames("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", {
+      "w-80": isOpen,
+      "w-0": !isOpen,
+      absolute: hasOverlays,
+      "right-0": hasOverlays
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "h-full w-80 overflow-y-auto",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-ui-border-gray-300 my-2 flex items-center justify-between border-b px-4 pb-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-cy": "keyboard-shortcuts-pane-title",
+          style: "h4",
+          children: t("neetoMolecules.keyboardShortcuts.title")
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-cy": "keyboard-shortcuts-pane-close-button",
+          icon: Close,
+          style: "text",
+          onClick: function onClick() {
+            return setIsOpen(false);
+          }
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(HotKeyList$1, {
+        hotkeys: GLOBAL_SHORTCUTS
+      }), /*#__PURE__*/jsxRuntime.jsx(HotKeyList$1, {
+        hotkeys: productShortcuts
+      })]
+    })
+  });
+};
+
+var KeyboardShortcuts = {
+  Pane: KeyboardShortcutsPane,
+  usePaneState: useKeyboardShortcutsPaneState,
+  GLOBAL_SHORTCUTS: getGlobalShortcuts()
+};
+
+module.exports = KeyboardShortcuts;
+//# sourceMappingURL=KeyboardShortcuts.js.map

package/dist/cjs/KeyboardShortcuts.js.map

@@ -0,0 +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-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","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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"}

package/dist/cjs/LoginPage.js

@@ -0,0 +1,205 @@
+'use strict';
+
+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 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 = require('formik');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Button = require('@bigbinary/neetoui/formik/Button');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var INITIAL_FORM_VALUES = {
+  email: "",
+  password: ""
+};
+var DEFAULT_EMAIL = "oliver@example.com";
+var DEFAULT_PASSWORD = "welcome";
+var LOGIN_FORM_VALIDATION_SCHEMA = yup__namespace.object().shape({
+  email: yup__namespace.string().email(i18next.t("neetoMolecules.login.invalidEmail")).required(i18next.t("neetoMolecules.login.emailRequired")),
+  password: yup__namespace.string().required(i18next.t("neetoMolecules.login.passwordRequired"))
+});
+
+var SignInForm = function SignInForm(_ref) {
+  var handleFormSubmit = _ref.handleFormSubmit;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _getQueryParams = utils.getQueryParams(),
+    _getQueryParams$email = _getQueryParams.email,
+    email = _getQueryParams$email === void 0 ? "" : _getQueryParams$email;
+  var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
+    return ramda.assoc("email", email, INITIAL_FORM_VALUES);
+  };
+  if (Button === undefined) {
+    return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      components: {
+        code: /*#__PURE__*/jsxRuntime.jsx("code", {})
+      },
+      i18nKey: "neetoMolecules.login.installNeetoUI"
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
+    initialValues: emailPrefilledInitialValues(),
+    validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
+    onSubmit: handleFormSubmit,
+    children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+      className: "w-full space-y-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+        required: true,
+        "data-cy": "login-email-text-field",
+        "data-test-id": "login-email",
+        label: t("neetoMolecules.login.email"),
+        name: "email",
+        size: "large"
+      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+        required: true,
+        "data-cy": "login-password-text-field",
+        "data-test-id": "login-password",
+        label: t("neetoMolecules.login.password"),
+        name: "password",
+        size: "large",
+        type: "password"
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+        fullWidth: true,
+        "data-cy": "login-submit-button",
+        "data-test-id": "login-submit-button",
+        label: t("neetoMolecules.login.login"),
+        size: "large",
+        style: "secondary",
+        type: "submit"
+      })]
+    })
+  });
+};
+
+var SignIn = function SignIn(_ref) {
+  var handleSubmit = _ref.handleSubmit;
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSubmitting = _useState2[0],
+    setIsSubmitting = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var redirectAfterSuccessfulLogin = function redirectAfterSuccessfulLogin(redirectTo) {
+    window.location.pathname = redirectTo || "/";
+  };
+  var handleFormSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(formValues) {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return handleSubmit({
+              user: formValues
+            });
+          case 3:
+            response = _context.sent;
+            Toastr.success(t("neetoMolecules.login.success"));
+            redirectAfterSuccessfulLogin(response.redirectTo);
+            _context.next = 10;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function handleFormSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var loginAsOliver = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setIsSubmitting(true);
+            _context2.next = 3;
+            return handleFormSubmit({
+              email: DEFAULT_EMAIL,
+              password: DEFAULT_PASSWORD
+            });
+          case 3:
+            setIsSubmitting(false);
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function loginAsOliver() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-screen w-full justify-center",
+    children: /*#__PURE__*/jsxRuntime.jsxs("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",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h3",
+        weight: "medium",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          components: {
+            bold: /*#__PURE__*/jsxRuntime.jsx("b", {
+              "data-test-id": "organization-name"
+            })
+          },
+          i18nKey: "neetoMolecules.login.toOrganizationAccount",
+          values: {
+            organizationName: globalProps.organization.name
+          }
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
+        fullWidth: true,
+        disabled: isSubmitting,
+        label: t("neetoMolecules.login.loginAsOliver"),
+        loading: isSubmitting,
+        size: "large",
+        style: "primary",
+        onClick: loginAsOliver
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "text-center",
+        style: "body1",
+        weight: "semibold",
+        children: t("neetoMolecules.common.or").toLocaleUpperCase()
+      }), /*#__PURE__*/jsxRuntime.jsx(SignInForm, {
+        handleFormSubmit: handleFormSubmit
+      })]
+    })
+  });
+};
+
+module.exports = SignIn;
+//# sourceMappingURL=LoginPage.js.map

package/dist/cjs/LoginPage.js.map

@@ -0,0 +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 { 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 { 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","_jsx","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","children","_jsxs","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/MadeWith.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var css = ".neeto-molecules-made-with__wrapper{background:#fff;border:1px solid #dfdfde;border-radius:.25rem;color:#000;font-family:-apple-system,BlinkMacSystemFont,Inter,Arial,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:400;padding:.25rem .375rem;transition:all;transition-duration:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-made-with__wrapper strong{font-weight:700}.neeto-molecules-made-with__wrapper:hover{box-shadow:inset 0 0 0 1px #dfdfde}";
+injectCss.n(css,{});
+
+var _excluded = ["productName"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MadeWith = function MadeWith(_ref) {
+  var _globalProps$organiza;
+  var productName = _ref.productName,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var name = neetoCist.capitalize(productName || globalProps.appName);
+  var subdomain = (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain;
+  var utmParams = "utm_source=madewith".concat(subdomain ? "&utm_campaign=".concat(subdomain) : "");
+  return /*#__PURE__*/jsxRuntime.jsx("a", _objectSpread(_objectSpread({
+    className: "neeto-molecules-made-with__wrapper",
+    "data-cy": "made-with-".concat(name.toLowerCase()),
+    "data-testid": "made-with-".concat(name.toLowerCase()),
+    href: "https://www.neeto.com/".concat(name.toLowerCase(), "?").concat(utmParams),
+    rel: "noreferrer",
+    target: "_blank"
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoMolecules.common.madeWith",
+      values: {
+        productName: name
+      }
+    })
+  }));
+};
+var index = /*#__PURE__*/React.memo(MadeWith);
+
+module.exports = index;
+//# sourceMappingURL=MadeWith.js.map

package/dist/cjs/MadeWith.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName);\n  const subdomain = globalProps.organization?.subdomain;\n  const utmParams = `utm_source=madewith${\n    subdomain ? `&utm_campaign=${subdomain}` : \"\"\n  }`;\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}?${utmParams}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default memo(MadeWith);\n"],"names":["MadeWith","_ref","_globalProps$organiza","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","subdomain","organization","utmParams","concat","_jsx","_objectSpread","className","toLowerCase","href","rel","target","children","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAAjCC,WAAW,GAAAF,IAAA,CAAXE,WAAW;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,oBAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAC3D,EAAA,IAAMC,SAAS,GAAA,CAAAT,qBAAA,GAAGO,WAAW,CAACG,YAAY,MAAA,IAAA,IAAAV,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAA0BS,SAAS,CAAA;EACrD,IAAME,SAAS,GAAAC,qBAAAA,CAAAA,MAAA,CACbH,SAAS,GAAAG,gBAAAA,CAAAA,MAAA,CAAoBH,SAAS,CAAK,GAAA,EAAE,CAC7C,CAAA;AAEF,EAAA,oBACEI,cAAA,CAAA,GAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAH,MAAA,CAAsBP,IAAI,CAACW,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAJ,MAAA,CAA0BP,IAAI,CAACW,WAAW,EAAE,CAAG;AAC/CC,IAAAA,IAAI,EAAAL,wBAAAA,CAAAA,MAAA,CAA2BP,IAAI,CAACW,WAAW,EAAE,EAAAJ,GAAAA,CAAAA,CAAAA,MAAA,CAAID,SAAS,CAAG;AACjEO,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXjB,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAkB,QAAA,eAEdP,cAAA,CAACQ,kBAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,gCAAgC;AACxCC,MAAAA,MAAM,EAAE;AAAEtB,QAAAA,WAAW,EAAEI,IAAAA;AAAK,OAAA;KAC7B,CAAA;AAAC,GAAA,CACD,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAemB,aAAAA,UAAI,CAAC1B,QAAQ,CAAC;;;;"}