@veeqo/ui 9.1.0 → 9.1.2

package/dist/components/DataTable/hooks/useCellWidths.cjs

@@ -1,37 +1,42 @@
 'use strict';
 
 var React = require('react');
-var throttle = require('lodash.throttle');
 var ResizeObserver = require('resize-observer-polyfill');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 var ResizeObserver__default = /*#__PURE__*/_interopDefaultCompat(ResizeObserver);
 
-/* eslint-disable react-hooks/exhaustive-deps */
 function useCellWidths(tableRef, containerRef) {
     const [cellWidths, setCellWidths] = React.useState([]);
-    const updateCellWidths = () => {
+    const updateCellWidths = React.useCallback(() => {
         if (!tableRef.current)
             return;
-        const cells = tableRef.current.querySelectorAll('tbody tr:first-child td');
-        const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);
-        setCellWidths(widths);
-    };
+        requestAnimationFrame(() => {
+            var _a;
+            const cells = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelectorAll('tbody tr:first-child td');
+            if (!cells)
+                return;
+            const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);
+            setCellWidths(widths);
+        });
+    }, [tableRef]);
     React.useEffect(() => {
         updateCellWidths();
-    }, [tableRef.current]);
-    // Update cell widths when container is resized.
+    }, [updateCellWidths]);
     React.useEffect(() => {
         if (!containerRef.current)
-            return;
-        const resizeObserverCallback = throttle__default.default(updateCellWidths, 50); // Throttle events
-        const resizeObserver = new ResizeObserver__default.default(resizeObserverCallback);
+            return undefined;
+        const resizeObserver = new ResizeObserver__default.default((entries) => {
+            if (entries[0].contentRect) {
+                updateCellWidths();
+            }
+        });
         resizeObserver.observe(containerRef.current);
-        // eslint-disable-next-line consistent-return
-        return () => resizeObserver.disconnect();
-    }, [containerRef.current]);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [containerRef, updateCellWidths]);
     return cellWidths;
 }
 

package/dist/components/DataTable/hooks/useCellWidths.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCellWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { RefObject, useEffect, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n  tableRef: RefObject<HTMLElement>,\n  containerRef: RefObject<HTMLElement>,\n) {\n  const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n  const updateCellWidths = () => {\n    if (!tableRef.current) return;\n    const cells = tableRef.current.querySelectorAll('tbody tr:first-child td');\n    const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n    setCellWidths(widths);\n  };\n\n  useEffect(() => {\n    updateCellWidths();\n  }, [tableRef.current]);\n\n  // Update cell widths when container is resized.\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const resizeObserverCallback = throttle(updateCellWidths, 50); // Throttle events\n    const resizeObserver = new ResizeObserver(resizeObserverCallback);\n    resizeObserver.observe(containerRef.current);\n    // eslint-disable-next-line consistent-return\n    return () => resizeObserver.disconnect();\n  }, [containerRef.current]);\n\n  return cellWidths;\n}\n"],"names":["useState","useEffect","throttle","ResizeObserver"],"mappings":";;;;;;;;;;;AAAA;AAKgB,SAAA,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC;QAC1E,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAClF,aAAa,CAAC,MAAM,CAAC;AACvB,KAAC;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,KAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;;IAGtBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AAC9D,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;;AAE5C,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,UAAU;AACnB;;;;"}
+{"version":3,"file":"useCellWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n  tableRef: RefObject<HTMLElement>,\n  containerRef: RefObject<HTMLElement>,\n) {\n  const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n  const updateCellWidths = useCallback(() => {\n    if (!tableRef.current) return;\n\n    requestAnimationFrame(() => {\n      const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n      if (!cells) return;\n\n      const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n      setCellWidths(widths);\n    });\n  }, [tableRef]);\n\n  useEffect(() => {\n    updateCellWidths();\n  }, [updateCellWidths]);\n\n  useEffect(() => {\n    if (!containerRef.current) return undefined;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries[0].contentRect) {\n        updateCellWidths();\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [containerRef, updateCellWidths]);\n\n  return cellWidths;\n}\n"],"names":["useState","useCallback","useEffect","ResizeObserver"],"mappings":";;;;;;;;;AAGgB,SAAA,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB;AACH,SAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/DataTable/hooks/useCellWidths.js

@@ -1,30 +1,36 @@
-import { useState, useEffect } from 'react';
-import throttle from 'lodash.throttle';
+import { useState, useCallback, useEffect } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 
-/* eslint-disable react-hooks/exhaustive-deps */
 function useCellWidths(tableRef, containerRef) {
     const [cellWidths, setCellWidths] = useState([]);
-    const updateCellWidths = () => {
+    const updateCellWidths = useCallback(() => {
         if (!tableRef.current)
             return;
-        const cells = tableRef.current.querySelectorAll('tbody tr:first-child td');
-        const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);
-        setCellWidths(widths);
-    };
+        requestAnimationFrame(() => {
+            var _a;
+            const cells = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelectorAll('tbody tr:first-child td');
+            if (!cells)
+                return;
+            const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);
+            setCellWidths(widths);
+        });
+    }, [tableRef]);
     useEffect(() => {
         updateCellWidths();
-    }, [tableRef.current]);
-    // Update cell widths when container is resized.
+    }, [updateCellWidths]);
     useEffect(() => {
         if (!containerRef.current)
-            return;
-        const resizeObserverCallback = throttle(updateCellWidths, 50); // Throttle events
-        const resizeObserver = new ResizeObserver(resizeObserverCallback);
+            return undefined;
+        const resizeObserver = new ResizeObserver((entries) => {
+            if (entries[0].contentRect) {
+                updateCellWidths();
+            }
+        });
         resizeObserver.observe(containerRef.current);
-        // eslint-disable-next-line consistent-return
-        return () => resizeObserver.disconnect();
-    }, [containerRef.current]);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [containerRef, updateCellWidths]);
     return cellWidths;
 }
 

package/dist/components/DataTable/hooks/useCellWidths.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCellWidths.js","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { RefObject, useEffect, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n  tableRef: RefObject<HTMLElement>,\n  containerRef: RefObject<HTMLElement>,\n) {\n  const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n  const updateCellWidths = () => {\n    if (!tableRef.current) return;\n    const cells = tableRef.current.querySelectorAll('tbody tr:first-child td');\n    const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n    setCellWidths(widths);\n  };\n\n  useEffect(() => {\n    updateCellWidths();\n  }, [tableRef.current]);\n\n  // Update cell widths when container is resized.\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const resizeObserverCallback = throttle(updateCellWidths, 50); // Throttle events\n    const resizeObserver = new ResizeObserver(resizeObserverCallback);\n    resizeObserver.observe(containerRef.current);\n    // eslint-disable-next-line consistent-return\n    return () => resizeObserver.disconnect();\n  }, [containerRef.current]);\n\n  return cellWidths;\n}\n"],"names":[],"mappings":";;;;AAAA;AAKgB,SAAA,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC;QAC1E,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAClF,aAAa,CAAC,MAAM,CAAC;AACvB,KAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,KAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;;IAGtB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AAC9D,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;;AAE5C,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,UAAU;AACnB;;;;"}
+{"version":3,"file":"useCellWidths.js","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n  tableRef: RefObject<HTMLElement>,\n  containerRef: RefObject<HTMLElement>,\n) {\n  const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n  const updateCellWidths = useCallback(() => {\n    if (!tableRef.current) return;\n\n    requestAnimationFrame(() => {\n      const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n      if (!cells) return;\n\n      const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n      setCellWidths(widths);\n    });\n  }, [tableRef]);\n\n  useEffect(() => {\n    updateCellWidths();\n  }, [updateCellWidths]);\n\n  useEffect(() => {\n    if (!containerRef.current) return undefined;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries[0].contentRect) {\n        updateCellWidths();\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [containerRef, updateCellWidths]);\n\n  return cellWidths;\n}\n"],"names":[],"mappings":";;;AAGgB,SAAA,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB;AACH,SAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/ShortcutKeys/utils.cjs

@@ -4,12 +4,12 @@
 const ValidModifierKeysMap = {
     command: '⌘',
     windows: '⊞',
-    shift: '⇧',
-    ctrl: '⌃',
-    option: '⌥',
+    shift: 'shift',
+    ctrl: 'ctrl',
+    option: 'option',
     alt: 'alt',
-    enter: '↵',
-    delete: '⌫',
+    enter: 'enter',
+    delete: 'del',
     escape: 'esc',
     up: '↑',
     right: '→',

package/dist/components/ShortcutKeys/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: '⇧',\n  ctrl: '⌃',\n  option: '⌥',\n  alt: 'alt',\n  enter: '↵',\n  delete: '⌫',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'shift+option+1',\n    windows: 'shift+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'shift+space',\n    windows: 'shift+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'shift+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'shift+p',\n    windows: 'shift+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'shift+s',\n    windows: 'shift+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":";;AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":";;AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;;"}

package/dist/components/ShortcutKeys/utils.js

@@ -2,12 +2,12 @@
 const ValidModifierKeysMap = {
     command: '⌘',
     windows: '⊞',
-    shift: '⇧',
-    ctrl: '⌃',
-    option: '⌥',
+    shift: 'shift',
+    ctrl: 'ctrl',
+    option: 'option',
     alt: 'alt',
-    enter: '↵',
-    delete: '⌫',
+    enter: 'enter',
+    delete: 'del',
     escape: 'esc',
     up: '↑',
     right: '→',

package/dist/components/ShortcutKeys/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: '⇧',\n  ctrl: '⌃',\n  option: '⌥',\n  alt: 'alt',\n  enter: '↵',\n  delete: '⌫',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'shift+option+1',\n    windows: 'shift+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'shift+space',\n    windows: 'shift+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'shift+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'shift+p',\n    windows: 'shift+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'shift+s',\n    windows: 'shift+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":"AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":"AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "9.1.0",
+  "version": "9.1.2",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",