@neo4j-ndl/react 4.21.2 → 4.22.0

package/lib/cjs/dropzone/stories/dropzone-full.story.js

@@ -26,11 +26,11 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 // Configuration constants
 const CONFIG = {
-    MAX_FILES: 3,
+    ACCEPTED_EXTENSIONS: ['.txt', '.json'],
     MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB
+    MAX_FILES: 3,
     PROGRESS_INCREMENT: 5,
     UPDATE_INTERVAL: 100,
-    ACCEPTED_EXTENSIONS: ['.txt', '.json'],
 };
 var UploadState;
 (function (UploadState) {
@@ -55,7 +55,7 @@ const Component = () => {
         });
     }, []);
     const simulateUpload = (0, react_2.useCallback)((files) => {
-        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Uploading, files, progress: 0 })));
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { files, progress: 0, state: UploadState.Uploading })));
         const interval = setInterval(() => {
             setUploadData((prev) => {
                 const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;
@@ -76,11 +76,11 @@ const Component = () => {
     }, [simulateUpload]);
     const handleDropRejected = (0, react_2.useCallback)((rejectedFiles) => {
         const errors = rejectedFiles.map((file) => `${file.file.name}: ${file.errors.map((error) => error.message).join(', ')}`);
-        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Error, errors })));
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { errors, state: UploadState.Error })));
     }, []);
     const handleError = (0, react_2.useCallback)((error) => {
         console.error('Dropzone error:', error);
-        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Error, errors: [error.message] })));
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { errors: [error.message], state: UploadState.Error })));
     }, []);
     const renderStatusContent = () => {
         const { state, progress, files, errors } = uploadData;

package/lib/cjs/dropzone/stories/dropzone-full.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone-full.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-full.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { XMarkIcon } from '@heroicons/react/24/solid';\nimport { Dropzone, FilledButton, Typography } from '@neo4j-ndl/react';\nimport { useCallback, useState } from 'react';\nimport {\n  type DropEvent,\n  type DropzoneOptions,\n  type FileRejection,\n} from 'react-dropzone';\n\n// Configuration constants\nconst CONFIG = {\n  MAX_FILES: 3,\n  MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB\n  PROGRESS_INCREMENT: 5,\n  UPDATE_INTERVAL: 100,\n  ACCEPTED_EXTENSIONS: ['.txt', '.json'] as string[],\n} as const;\n\nenum UploadState {\n  Idle = 'idle',\n  Uploading = 'uploading',\n  Success = 'success',\n  Error = 'error',\n}\n\ninterface UploadData {\n  state: UploadState;\n  progress: number;\n  files: File[];\n  errors: string[];\n}\n\nconst Component = () => {\n  const [uploadData, setUploadData] = useState<UploadData>({\n    errors: [],\n    files: [],\n    progress: 0,\n    state: UploadState.Idle,\n  });\n\n  const resetUpload = useCallback(() => {\n    setUploadData({\n      errors: [],\n      files: [],\n      progress: 0,\n      state: UploadState.Idle,\n    });\n  }, []);\n\n  const simulateUpload = useCallback((files: File[]) => {\n    setUploadData((prev) => ({\n      ...prev,\n      state: UploadState.Uploading,\n      files,\n      progress: 0,\n    }));\n\n    const interval = setInterval(() => {\n      setUploadData((prev) => {\n        const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;\n        if (newProgress >= 100) {\n          clearInterval(interval);\n          setTimeout(\n            () =>\n              setUploadData((current) => ({\n                ...current,\n                state: UploadState.Success,\n              })),\n            500,\n          );\n          return { ...prev, progress: 100 };\n        }\n        return { ...prev, progress: newProgress };\n      });\n    }, CONFIG.UPDATE_INTERVAL);\n  }, []);\n\n  const handleDrop: DropzoneOptions['onDrop'] = useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent,\n    ) => {\n      console.info('Drop event:', { acceptedFiles, event, rejectedFiles });\n\n      if (acceptedFiles.length > 0) {\n        simulateUpload(acceptedFiles);\n      }\n    },\n    [simulateUpload],\n  );\n\n  const handleDropRejected: DropzoneOptions['onDropRejected'] = useCallback(\n    (rejectedFiles: FileRejection[]) => {\n      const errors = rejectedFiles.map(\n        (file) =>\n          `${file.file.name}: ${file.errors.map((error) => error.message).join(', ')}`,\n      );\n      setUploadData((prev) => ({ ...prev, state: UploadState.Error, errors }));\n    },\n    [],\n  );\n\n  const handleError = useCallback((error: Error) => {\n    console.error('Dropzone error:', error);\n    setUploadData((prev) => ({\n      ...prev,\n      state: UploadState.Error,\n      errors: [error.message],\n    }));\n  }, []);\n\n  const renderStatusContent = () => {\n    const { state, progress, files, errors } = uploadData;\n\n    switch (state) {\n      case UploadState.Uploading:\n        return (\n          <Dropzone.LoadingProgressBar\n            progressBarPrecentage={Math.round(progress)}\n          />\n        );\n\n      case UploadState.Success:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <Typography\n              variant=\"title-4\"\n              className=\"n-text-success-text n-font-semibold\"\n            >\n              Upload Complete!\n            </Typography>\n            <Typography\n              variant=\"body-small\"\n              className=\"n-text-neutral-text-weak\"\n            >\n              Successfully uploaded: {files.map((file) => file.name).join(', ')}\n            </Typography>\n            <FilledButton onClick={resetUpload}>Upload More Files</FilledButton>\n          </div>\n        );\n\n      case UploadState.Error:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <XMarkIcon className=\"n-w-token-32 n-h-token-32 n-text-danger-text\" />\n            <div className=\"n-flex n-flex-col n-gap-y-token-2\">\n              {errors.map((message, index) => (\n                <Typography\n                  key={index}\n                  variant=\"label\"\n                  className=\"n-text-danger-text n-font-semibold\"\n                  htmlAttributes={{ role: 'alert' }}\n                >\n                  {message}\n                </Typography>\n              ))}\n            </div>\n            <FilledButton onClick={resetUpload}>Try Again</FilledButton>\n          </div>\n        );\n\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <Dropzone\n      dropZoneOptions={{\n        disabled: uploadData.state === UploadState.Uploading,\n        maxFiles: CONFIG.MAX_FILES,\n        maxSize: CONFIG.MAX_FILE_SIZE,\n        multiple: true,\n        onDrop: handleDrop,\n        onDropRejected: handleDropRejected,\n        onError: handleError,\n      }}\n      supportedFilesDescription={\n        <div className=\"n-text-center n-flex n-flex-col n-gap-y-token-2\">\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Supports: Text files (.txt, .json) only\n          </Typography>\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Max {CONFIG.MAX_FILES} files •{' '}\n            {CONFIG.MAX_FILE_SIZE / (1024 * 1024)}MB per file\n          </Typography>\n        </div>\n      }\n      acceptedFileExtensions={CONFIG.ACCEPTED_EXTENSIONS}\n      loadingElement={renderStatusContent()}\n      rejectedText=\"Error: Please make sure to only upload .json or .txt files\"\n      heading=\"Drag & Drop your files\"\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"dropzone-full.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-full.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { XMarkIcon } from '@heroicons/react/24/solid';\nimport { Dropzone, FilledButton, Typography } from '@neo4j-ndl/react';\nimport { useCallback, useState } from 'react';\nimport {\n  type DropEvent,\n  type DropzoneOptions,\n  type FileRejection,\n} from 'react-dropzone';\n\n// Configuration constants\nconst CONFIG = {\n  ACCEPTED_EXTENSIONS: ['.txt', '.json'] as string[],\n  MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB\n  MAX_FILES: 3,\n  PROGRESS_INCREMENT: 5,\n  UPDATE_INTERVAL: 100,\n} as const;\n\nenum UploadState {\n  Idle = 'idle',\n  Uploading = 'uploading',\n  Success = 'success',\n  Error = 'error',\n}\n\ninterface UploadData {\n  state: UploadState;\n  progress: number;\n  files: File[];\n  errors: string[];\n}\n\nconst Component = () => {\n  const [uploadData, setUploadData] = useState<UploadData>({\n    errors: [],\n    files: [],\n    progress: 0,\n    state: UploadState.Idle,\n  });\n\n  const resetUpload = useCallback(() => {\n    setUploadData({\n      errors: [],\n      files: [],\n      progress: 0,\n      state: UploadState.Idle,\n    });\n  }, []);\n\n  const simulateUpload = useCallback((files: File[]) => {\n    setUploadData((prev) => ({\n      ...prev,\n      files,\n      progress: 0,\n      state: UploadState.Uploading,\n    }));\n\n    const interval = setInterval(() => {\n      setUploadData((prev) => {\n        const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;\n        if (newProgress >= 100) {\n          clearInterval(interval);\n          setTimeout(\n            () =>\n              setUploadData((current) => ({\n                ...current,\n                state: UploadState.Success,\n              })),\n            500,\n          );\n          return { ...prev, progress: 100 };\n        }\n        return { ...prev, progress: newProgress };\n      });\n    }, CONFIG.UPDATE_INTERVAL);\n  }, []);\n\n  const handleDrop: DropzoneOptions['onDrop'] = useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent,\n    ) => {\n      console.info('Drop event:', { acceptedFiles, event, rejectedFiles });\n\n      if (acceptedFiles.length > 0) {\n        simulateUpload(acceptedFiles);\n      }\n    },\n    [simulateUpload],\n  );\n\n  const handleDropRejected: DropzoneOptions['onDropRejected'] = useCallback(\n    (rejectedFiles: FileRejection[]) => {\n      const errors = rejectedFiles.map(\n        (file) =>\n          `${file.file.name}: ${file.errors.map((error) => error.message).join(', ')}`,\n      );\n      setUploadData((prev) => ({ ...prev, errors, state: UploadState.Error }));\n    },\n    [],\n  );\n\n  const handleError = useCallback((error: Error) => {\n    console.error('Dropzone error:', error);\n    setUploadData((prev) => ({\n      ...prev,\n      errors: [error.message],\n      state: UploadState.Error,\n    }));\n  }, []);\n\n  const renderStatusContent = () => {\n    const { state, progress, files, errors } = uploadData;\n\n    switch (state) {\n      case UploadState.Uploading:\n        return (\n          <Dropzone.LoadingProgressBar\n            progressBarPrecentage={Math.round(progress)}\n          />\n        );\n\n      case UploadState.Success:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <Typography\n              variant=\"title-4\"\n              className=\"n-text-success-text n-font-semibold\"\n            >\n              Upload Complete!\n            </Typography>\n            <Typography\n              variant=\"body-small\"\n              className=\"n-text-neutral-text-weak\"\n            >\n              Successfully uploaded: {files.map((file) => file.name).join(', ')}\n            </Typography>\n            <FilledButton onClick={resetUpload}>Upload More Files</FilledButton>\n          </div>\n        );\n\n      case UploadState.Error:\n        return (\n          <div className=\"n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-32\">\n            <XMarkIcon className=\"n-w-token-32 n-h-token-32 n-text-danger-text\" />\n            <div className=\"n-flex n-flex-col n-gap-y-token-2\">\n              {errors.map((message, index) => (\n                <Typography\n                  key={index}\n                  variant=\"label\"\n                  className=\"n-text-danger-text n-font-semibold\"\n                  htmlAttributes={{ role: 'alert' }}\n                >\n                  {message}\n                </Typography>\n              ))}\n            </div>\n            <FilledButton onClick={resetUpload}>Try Again</FilledButton>\n          </div>\n        );\n\n      default:\n        return undefined;\n    }\n  };\n\n  return (\n    <Dropzone\n      dropZoneOptions={{\n        disabled: uploadData.state === UploadState.Uploading,\n        maxFiles: CONFIG.MAX_FILES,\n        maxSize: CONFIG.MAX_FILE_SIZE,\n        multiple: true,\n        onDrop: handleDrop,\n        onDropRejected: handleDropRejected,\n        onError: handleError,\n      }}\n      supportedFilesDescription={\n        <div className=\"n-text-center n-flex n-flex-col n-gap-y-token-2\">\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Supports: Text files (.txt, .json) only\n          </Typography>\n          <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n            Max {CONFIG.MAX_FILES} files •{' '}\n            {CONFIG.MAX_FILE_SIZE / (1024 * 1024)}MB per file\n          </Typography>\n        </div>\n      }\n      acceptedFileExtensions={CONFIG.ACCEPTED_EXTENSIONS}\n      loadingElement={renderStatusContent()}\n      rejectedText=\"Error: Please make sure to only upload .json or .txt files\"\n      heading=\"Drag & Drop your files\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/helpers/index.js

@@ -35,4 +35,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./debounce"), exports);
+__exportStar(require("./platform"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,6CAA2B","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './debounce';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,6CAA2B;AAC3B,6CAA2B","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './debounce';\nexport * from './platform';\n"]}

package/lib/cjs/helpers/platform.js

@@ -0,0 +1,59 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectOS = detectOS;
+exports.isApplePlatform = isApplePlatform;
+/**
+ * `navigator.platform` comes first because it describes the machine the
+ * keyboard is attached to, while the user agent and its client hints can be
+ * pinned to another platform by the embedder.
+ */
+function getPlatformHint() {
+    var _a;
+    if (typeof navigator === 'undefined') {
+        return '';
+    }
+    const navigatorWithHints = navigator;
+    return (navigator.platform ||
+        ((_a = navigatorWithHints.userAgentData) === null || _a === void 0 ? void 0 : _a.platform) ||
+        navigator.userAgent ||
+        '');
+}
+/** Detects the operating system the keyboard is attached to. */
+function detectOS() {
+    const platform = getPlatformHint();
+    if (/mac|iphone|ipad|ipod/i.test(platform)) {
+        return 'mac';
+    }
+    if (/win/i.test(platform)) {
+        return 'windows';
+    }
+    return 'linux';
+}
+/**
+ * Apple platforms take `Cmd` where the rest take `Ctrl`, since `Ctrl` + click
+ * is the macOS context menu gesture.
+ */
+function isApplePlatform() {
+    return detectOS() === 'mac';
+}
+//# sourceMappingURL=platform.js.map

package/lib/cjs/helpers/platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.js","sourceRoot":"","sources":["../../../src/helpers/platform.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AAyBH,4BASC;AAMD,0CAEC;AAtCD;;;;GAIG;AACH,SAAS,eAAe;;IACtB,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE,CAAC;QACrC,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,kBAAkB,GAAG,SAE1B,CAAC;IACF,OAAO,CACL,SAAS,CAAC,QAAQ;SAClB,MAAA,kBAAkB,CAAC,aAAa,0CAAE,QAAQ,CAAA;QAC1C,SAAS,CAAC,SAAS;QACnB,EAAE,CACH,CAAC;AACJ,CAAC;AAED,gEAAgE;AAChE,SAAgB,QAAQ;IACtB,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;IACnC,IAAI,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3C,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;GAGG;AACH,SAAgB,eAAe;IAC7B,OAAO,QAAQ,EAAE,KAAK,KAAK,CAAC;AAC9B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport type OperatingSystem = 'mac' | 'windows' | 'linux';\n\n/**\n * `navigator.platform` comes first because it describes the machine the\n * keyboard is attached to, while the user agent and its client hints can be\n * pinned to another platform by the embedder.\n */\nfunction getPlatformHint(): string {\n  if (typeof navigator === 'undefined') {\n    return '';\n  }\n  const navigatorWithHints = navigator as Navigator & {\n    userAgentData?: { platform?: string };\n  };\n  return (\n    navigator.platform ||\n    navigatorWithHints.userAgentData?.platform ||\n    navigator.userAgent ||\n    ''\n  );\n}\n\n/** Detects the operating system the keyboard is attached to. */\nexport function detectOS(): OperatingSystem {\n  const platform = getPlatformHint();\n  if (/mac|iphone|ipad|ipod/i.test(platform)) {\n    return 'mac';\n  }\n  if (/win/i.test(platform)) {\n    return 'windows';\n  }\n  return 'linux';\n}\n\n/**\n * Apple platforms take `Cmd` where the rest take `Ctrl`, since `Ctrl` + click\n * is the macOS context menu gesture.\n */\nexport function isApplePlatform(): boolean {\n  return detectOS() === 'mac';\n}\n"]}

package/lib/cjs/kbd/kbd-utils.js

@@ -21,32 +21,16 @@
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.detectOS = detectOS;
+exports.detectOS = void 0;
 exports.getKbdKeysMap = getKbdKeysMap;
 exports.getKbdKeysLabelMap = getKbdKeysLabelMap;
 exports.getKbdScreenReaderFriendlyText = getKbdScreenReaderFriendlyText;
-/**
- * Detects the operating system based on the user agent
- */
-function detectOS() {
-    if (typeof window === 'undefined') {
-        return 'linux';
-    }
-    const userAgent = window.navigator.userAgent.toLowerCase();
-    if (userAgent.includes('mac')) {
-        return 'mac';
-    }
-    else if (userAgent.includes('win')) {
-        return 'windows';
-    }
-    else {
-        return 'linux';
-    }
-}
+const platform_1 = require("../helpers/platform");
+Object.defineProperty(exports, "detectOS", { enumerable: true, get: function () { return platform_1.detectOS; } });
 /**
  * Returns OS-aware keyboard key symbols
  */
-function getKbdKeysMap(os = detectOS()) {
+function getKbdKeysMap(os = (0, platform_1.detectOS)()) {
     const baseMap = {
         alt: os === 'mac' ? '⌥' : 'alt',
         capslock: '⇪',
@@ -73,7 +57,7 @@ function getKbdKeysMap(os = detectOS()) {
 /**
  * Returns OS-aware keyboard key labels
  */
-function getKbdKeysLabelMap(os = detectOS()) {
+function getKbdKeysLabelMap(os = (0, platform_1.detectOS)()) {
     return {
         alt: 'Alt',
         capslock: 'Caps Lock',
@@ -108,7 +92,7 @@ function resolveKeyLabel(key, labels) {
     }
     return '';
 }
-function getKbdScreenReaderFriendlyText(keys, modifierKeys, os = detectOS()) {
+function getKbdScreenReaderFriendlyText(keys, modifierKeys, os = (0, platform_1.detectOS)()) {
     const labels = getKbdKeysLabelMap(os);
     const modStr = (modifierKeys !== null && modifierKeys !== void 0 ? modifierKeys : []).map((key) => labels[key]).join(' + ');
     const keyLabels = (keys !== null && keys !== void 0 ? keys : [])

package/lib/cjs/kbd/kbd-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd-utils.js","sourceRoot":"","sources":["../../../src/kbd/kbd-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport type { ReactNode } from 'react';\n\nexport type OperatingSystem = 'mac' | 'windows' | 'linux';\n\nexport type KbdKey =\n  | 'meta'\n  | 'shift'\n  | 'ctrl'\n  | 'enter'\n  | 'delete'\n  | 'escape'\n  | 'tab'\n  | 'capslock'\n  | 'up'\n  | 'right'\n  | 'down'\n  | 'left'\n  | 'pageup'\n  | 'pagedown'\n  | 'home'\n  | 'end'\n  | 'space'\n  | 'fn'\n  | 'alt';\n\n/**\n * Detects the operating system based on the user agent\n */\nexport function detectOS(): OperatingSystem {\n  if (typeof window === 'undefined') {\n    return 'linux';\n  }\n\n  const userAgent = window.navigator.userAgent.toLowerCase();\n\n  if (userAgent.includes('mac')) {\n    return 'mac';\n  } else if (userAgent.includes('win')) {\n    return 'windows';\n  } else {\n    return 'linux';\n  }\n}\n\n/**\n * Returns OS-aware keyboard key symbols\n */\nexport function getKbdKeysMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  const baseMap: Record<KbdKey, string> = {\n    alt: os === 'mac' ? '⌥' : 'alt',\n    capslock: '⇪',\n    ctrl: os === 'mac' ? '⌃' : 'ctrl',\n    delete: os === 'mac' ? '⌫' : 'delete',\n    down: '↓',\n    end: 'end',\n    enter: '↵',\n    escape: '⎋',\n    fn: 'Fn',\n    home: 'home',\n    left: '←',\n    meta: os === 'mac' ? '⌘' : os === 'windows' ? '⊞' : 'meta',\n    pagedown: '⇟',\n    pageup: '⇞',\n    right: '→',\n    shift: '⇧',\n    space: '␣',\n    tab: '⇥',\n    up: '↑',\n  };\n\n  return baseMap;\n}\n\n/**\n * Returns OS-aware keyboard key labels\n */\nexport function getKbdKeysLabelMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  return {\n    alt: 'Alt',\n    capslock: 'Caps Lock',\n    ctrl: 'Control',\n    delete: 'Delete',\n    down: 'Down',\n    end: 'End',\n    enter: 'Enter',\n    escape: 'Escape',\n    fn: 'Fn',\n    home: 'Home',\n    left: 'Left',\n    meta: os === 'mac' ? 'Command' : os === 'windows' ? 'Windows' : 'Meta',\n    pagedown: 'Page Down',\n    pageup: 'Page Up',\n    right: 'Right',\n    shift: 'Shift',\n    space: 'Space',\n    tab: 'Tab',\n    up: 'Up',\n  };\n}\n\nfunction resolveKeyLabel(\n  key: KbdKey | ReactNode,\n  labels: Record<KbdKey, string>,\n): string {\n  if (key === null || key === undefined || typeof key === 'boolean') {\n    return '';\n  }\n  if (typeof key === 'string') {\n    return key in labels ? labels[key as KbdKey] : key;\n  }\n  if (typeof key === 'number') {\n    return String(key);\n  }\n  return '';\n}\n\nexport function getKbdScreenReaderFriendlyText(\n  keys: readonly (KbdKey | ReactNode)[] | undefined,\n  modifierKeys: readonly KbdKey[] | undefined,\n  os: OperatingSystem = detectOS(),\n): string {\n  const labels = getKbdKeysLabelMap(os);\n  const modStr = (modifierKeys ?? []).map((key) => labels[key]).join(' + ');\n  const keyLabels = (keys ?? [])\n    .map((key) => resolveKeyLabel(key, labels))\n    .filter(Boolean);\n  let keyStr = '';\n  if (keyLabels.length === 1) {\n    keyStr = keyLabels[0];\n  } else if (keyLabels.length > 1) {\n    keyStr = keyLabels.join(' then ');\n  }\n  const body = [modStr, keyStr].filter(Boolean).join(' + ');\n  return body ? `Shortcut: ${body}` : '';\n}\n"]}
+{"version":3,"file":"kbd-utils.js","sourceRoot":"","sources":["../../../src/kbd/kbd-utils.ts"],"names":[],"mappings":";;;AAkDA,sCA0BC;AAKD,gDAwBC;AAkBD,wEAkBC;AAvHD,kDAAqE;AAE5D,yFAFA,mBAAQ,OAEA;AAuBjB;;GAEG;AACH,SAAgB,aAAa,CAC3B,KAAsB,IAAA,mBAAQ,GAAE;IAEhC,MAAM,OAAO,GAA2B;QACtC,GAAG,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;QAC/B,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QACjC,MAAM,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ;QACrC,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,GAAG;QACT,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QAC1D,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,GAAG;QACV,GAAG,EAAE,GAAG;QACR,EAAE,EAAE,GAAG;KACR,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAChC,KAAsB,IAAA,mBAAQ,GAAE;IAEhC,OAAO;QACL,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;QAChB,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACtE,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,KAAK;QACV,EAAE,EAAE,IAAI;KACT,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,GAAuB,EACvB,MAA8B;IAE9B,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,GAAG,KAAK,SAAS,EAAE,CAAC;QAClE,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,8BAA8B,CAC5C,IAAiD,EACjD,YAA2C,EAC3C,KAAsB,IAAA,mBAAQ,GAAE;IAEhC,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;SAC3B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;SAC1C,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;SAAM,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IACD,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACzC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport type { ReactNode } from 'react';\n\nimport { detectOS, type OperatingSystem } from '../helpers/platform';\n\nexport { detectOS, type OperatingSystem };\n\nexport type KbdKey =\n  | 'meta'\n  | 'shift'\n  | 'ctrl'\n  | 'enter'\n  | 'delete'\n  | 'escape'\n  | 'tab'\n  | 'capslock'\n  | 'up'\n  | 'right'\n  | 'down'\n  | 'left'\n  | 'pageup'\n  | 'pagedown'\n  | 'home'\n  | 'end'\n  | 'space'\n  | 'fn'\n  | 'alt';\n\n/**\n * Returns OS-aware keyboard key symbols\n */\nexport function getKbdKeysMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  const baseMap: Record<KbdKey, string> = {\n    alt: os === 'mac' ? '⌥' : 'alt',\n    capslock: '⇪',\n    ctrl: os === 'mac' ? '⌃' : 'ctrl',\n    delete: os === 'mac' ? '⌫' : 'delete',\n    down: '↓',\n    end: 'end',\n    enter: '↵',\n    escape: '⎋',\n    fn: 'Fn',\n    home: 'home',\n    left: '←',\n    meta: os === 'mac' ? '⌘' : os === 'windows' ? '⊞' : 'meta',\n    pagedown: '⇟',\n    pageup: '⇞',\n    right: '→',\n    shift: '⇧',\n    space: '␣',\n    tab: '⇥',\n    up: '↑',\n  };\n\n  return baseMap;\n}\n\n/**\n * Returns OS-aware keyboard key labels\n */\nexport function getKbdKeysLabelMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  return {\n    alt: 'Alt',\n    capslock: 'Caps Lock',\n    ctrl: 'Control',\n    delete: 'Delete',\n    down: 'Down',\n    end: 'End',\n    enter: 'Enter',\n    escape: 'Escape',\n    fn: 'Fn',\n    home: 'Home',\n    left: 'Left',\n    meta: os === 'mac' ? 'Command' : os === 'windows' ? 'Windows' : 'Meta',\n    pagedown: 'Page Down',\n    pageup: 'Page Up',\n    right: 'Right',\n    shift: 'Shift',\n    space: 'Space',\n    tab: 'Tab',\n    up: 'Up',\n  };\n}\n\nfunction resolveKeyLabel(\n  key: KbdKey | ReactNode,\n  labels: Record<KbdKey, string>,\n): string {\n  if (key === null || key === undefined || typeof key === 'boolean') {\n    return '';\n  }\n  if (typeof key === 'string') {\n    return key in labels ? labels[key as KbdKey] : key;\n  }\n  if (typeof key === 'number') {\n    return String(key);\n  }\n  return '';\n}\n\nexport function getKbdScreenReaderFriendlyText(\n  keys: readonly (KbdKey | ReactNode)[] | undefined,\n  modifierKeys: readonly KbdKey[] | undefined,\n  os: OperatingSystem = detectOS(),\n): string {\n  const labels = getKbdKeysLabelMap(os);\n  const modStr = (modifierKeys ?? []).map((key) => labels[key]).join(' + ');\n  const keyLabels = (keys ?? [])\n    .map((key) => resolveKeyLabel(key, labels))\n    .filter(Boolean);\n  let keyStr = '';\n  if (keyLabels.length === 1) {\n    keyStr = keyLabels[0];\n  } else if (keyLabels.length > 1) {\n    keyStr = keyLabels.join(' then ');\n  }\n  const body = [modStr, keyStr].filter(Boolean).join(' + ');\n  return body ? `Shortcut: ${body}` : '';\n}\n"]}