@natoora-libs/core 0.2.26 → 0.2.27-dev-doug-2

package/dist/chunk-3UDYWCV6.js

@@ -0,0 +1,67 @@
+// src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts
+var getNextCircularIndex = ({
+  isArrowUp,
+  currentIndex,
+  numOptions,
+  iteration
+}) => {
+  const step = isArrowUp ? -iteration : iteration;
+  return (currentIndex + step + numOptions) % numOptions;
+};
+var getSelectOptionFromKeyPress = ({
+  key,
+  options,
+  currentValue
+}) => {
+  const numOptions = options.length;
+  const isArrowUp = key === "ArrowUp";
+  const isArrowDown = key === "ArrowDown";
+  const isArrow = isArrowUp || isArrowDown;
+  const searchKey = key.toLowerCase();
+  if (!isArrow && searchKey.length !== 1) {
+    return void 0;
+  }
+  if (!numOptions) {
+    return void 0;
+  }
+  const currentIndex = options.findIndex((o) => o.value === currentValue);
+  const indicesToCheck = Array.from({ length: numOptions }).map(
+    (_, i) => getNextCircularIndex({
+      isArrowUp,
+      currentIndex,
+      numOptions,
+      iteration: i + 1
+    })
+  );
+  const nextMatchIndex = indicesToCheck.find((indexToCheck) => {
+    const option = options[indexToCheck];
+    return !option.disabled && (isArrow || option.label?.toLowerCase().startsWith(searchKey));
+  });
+  if (nextMatchIndex !== void 0 && nextMatchIndex !== currentIndex) {
+    return options[nextMatchIndex];
+  }
+  return void 0;
+};
+
+// src/utils/flattenTableFilters/flattenTableFilters.ts
+var getFlattenedFiltersLabels = (filters, fieldName) => {
+  return filters.map((value) => {
+    if (typeof value === "object") {
+      return value[fieldName] ?? "";
+    }
+    return value;
+  });
+};
+var getFlattenedFiltersIds = (filters) => Object.fromEntries(
+  Object.entries(filters).map(([id, values]) => [
+    id,
+    values.map((value) => typeof value === "object" ? value.id : value)
+  ])
+);
+
+export {
+  getSelectOptionFromKeyPress,
+  getFlattenedFiltersLabels,
+  getFlattenedFiltersIds
+};
+//# sourceMappingURL=chunk-3UDYWCV6.js.map

package/dist/chunk-3UDYWCV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts","../src/utils/flattenTableFilters/flattenTableFilters.ts"],"sourcesContent":["export interface NavigableOption {\n  value?: string | number | null;\n  label?: string;\n  disabled?: boolean;\n}\n\nexport interface GetSelectOptionFromKeyPressParams<T extends NavigableOption> {\n  key: string;\n  options: T[];\n  currentValue?: string | number | null;\n}\n\nconst getNextCircularIndex = ({\n  isArrowUp,\n  currentIndex,\n  numOptions,\n  iteration,\n}: {\n  isArrowUp: boolean;\n  currentIndex: number;\n  numOptions: number;\n  iteration: number;\n}) => {\n  const step = isArrowUp ? -iteration : iteration;\n  return (currentIndex + step + numOptions) % numOptions;\n};\n\nexport const getSelectOptionFromKeyPress = <T extends NavigableOption>({\n  key,\n  options,\n  currentValue,\n}: GetSelectOptionFromKeyPressParams<T>): T | undefined => {\n  const numOptions = options.length;\n  const isArrowUp = key === 'ArrowUp';\n  const isArrowDown = key === 'ArrowDown';\n  const isArrow = isArrowUp || isArrowDown;\n  const searchKey = key.toLowerCase();\n\n  // Ignores any input that is not ArrowUp, ArrowDown or a single character.\n  if (!isArrow && searchKey.length !== 1) {\n    return undefined;\n  }\n\n  if (!numOptions) {\n    return undefined;\n  }\n\n  const currentIndex = options.findIndex((o) => o.value === currentValue);\n\n  // Generates a circular sequence of indices starting from the next item.\n  // This ensures that pressing the same key repeatedly cycles through all matching options.\n  const indicesToCheck = Array.from({ length: numOptions }).map((_, i) =>\n    getNextCircularIndex({\n      isArrowUp,\n      currentIndex,\n      numOptions,\n      iteration: i + 1,\n    }),\n  );\n\n  const nextMatchIndex = indicesToCheck.find((indexToCheck) => {\n    const option = options[indexToCheck];\n    return (\n      !option.disabled &&\n      (isArrow || option.label?.toLowerCase().startsWith(searchKey))\n    );\n  });\n\n  if (nextMatchIndex !== undefined && nextMatchIndex !== currentIndex) {\n    return options[nextMatchIndex];\n  }\n\n  return undefined;\n};\n","import {\n  HeaderFilterObject,\n  HeaderFilters,\n} from '@/components/TableDesktop/TableDesktop';\n\nexport type FlattenedFilterIds = {\n  [key: string]: (string | number)[];\n};\n\nexport const getFlattenedFiltersLabels = (\n  filters: string[] | HeaderFilterObject[],\n  fieldName: string,\n): (string | number)[] => {\n  return filters.map((value: string | HeaderFilterObject) => {\n    if (typeof value === 'object') {\n      return value[fieldName] ?? '';\n    }\n    return value;\n  });\n};\n\nexport const getFlattenedFiltersIds = (\n  filters: HeaderFilters,\n): FlattenedFilterIds =>\n  Object.fromEntries(\n    Object.entries(filters).map(([id, values]) => [\n      id,\n      values.map((value) => (typeof value === 'object' ? value.id : value)),\n    ]),\n  );\n"],"mappings":";AAYA,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,OAAO,YAAY,CAAC,YAAY;AACtC,UAAQ,eAAe,OAAO,cAAc;AAC9C;AAEO,IAAM,8BAA8B,CAA4B;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AACF,MAA2D;AACzD,QAAM,aAAa,QAAQ;AAC3B,QAAM,YAAY,QAAQ;AAC1B,QAAM,cAAc,QAAQ;AAC5B,QAAM,UAAU,aAAa;AAC7B,QAAM,YAAY,IAAI,YAAY;AAGlC,MAAI,CAAC,WAAW,UAAU,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,QAAQ,UAAU,CAAC,MAAM,EAAE,UAAU,YAAY;AAItE,QAAM,iBAAiB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE;AAAA,IAAI,CAAC,GAAG,MAChE,qBAAqB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,eAAe,KAAK,CAAC,iBAAiB;AAC3D,UAAM,SAAS,QAAQ,YAAY;AACnC,WACE,CAAC,OAAO,aACP,WAAW,OAAO,OAAO,YAAY,EAAE,WAAW,SAAS;AAAA,EAEhE,CAAC;AAED,MAAI,mBAAmB,UAAa,mBAAmB,cAAc;AACnE,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SAAO;AACT;;;AChEO,IAAM,4BAA4B,CACvC,SACA,cACwB;AACxB,SAAO,QAAQ,IAAI,CAAC,UAAuC;AACzD,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,CAAC;AACH;AAEO,IAAM,yBAAyB,CACpC,YAEA,OAAO;AAAA,EACL,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,MAAM;AAAA,IAC5C;AAAA,IACA,OAAO,IAAI,CAAC,UAAW,OAAO,UAAU,WAAW,MAAM,KAAK,KAAM;AAAA,EACtE,CAAC;AACH;","names":[]}

package/dist/components/index.cjs

@@ -972,6 +972,53 @@ var PhoneInput = ({
 // src/components/SmartSelect/SmartSelect.tsx
 var import_react3 = require("react");
 var import_material5 = require("@mui/material");
+
+// src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts
+var getNextCircularIndex = ({
+  isArrowUp,
+  currentIndex,
+  numOptions,
+  iteration
+}) => {
+  const step = isArrowUp ? -iteration : iteration;
+  return (currentIndex + step + numOptions) % numOptions;
+};
+var getSelectOptionFromKeyPress = ({
+  key,
+  options,
+  currentValue
+}) => {
+  const numOptions = options.length;
+  const isArrowUp = key === "ArrowUp";
+  const isArrowDown = key === "ArrowDown";
+  const isArrow = isArrowUp || isArrowDown;
+  const searchKey = key.toLowerCase();
+  if (!isArrow && searchKey.length !== 1) {
+    return void 0;
+  }
+  if (!numOptions) {
+    return void 0;
+  }
+  const currentIndex = options.findIndex((o) => o.value === currentValue);
+  const indicesToCheck = Array.from({ length: numOptions }).map(
+    (_, i) => getNextCircularIndex({
+      isArrowUp,
+      currentIndex,
+      numOptions,
+      iteration: i + 1
+    })
+  );
+  const nextMatchIndex = indicesToCheck.find((indexToCheck) => {
+    const option = options[indexToCheck];
+    return !option.disabled && (isArrow || option.label?.toLowerCase().startsWith(searchKey));
+  });
+  if (nextMatchIndex !== void 0 && nextMatchIndex !== currentIndex) {
+    return options[nextMatchIndex];
+  }
+  return void 0;
+};
+
+// src/components/SmartSelect/SmartSelect.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var SmartSelect = (0, import_react3.forwardRef)(
   ({
@@ -1017,6 +1064,20 @@ var SmartSelect = (0, import_react3.forwardRef)(
         onChange(selectedOption);
       }
     };
+    const handleKeyDown = (event) => {
+      if (event.ctrlKey || event.altKey || event.metaKey) {
+        return;
+      }
+      const nextOption = getSelectOptionFromKeyPress({
+        key: event.key,
+        options: visibleOptions,
+        currentValue: value
+      });
+      if (nextOption) {
+        event.preventDefault();
+        onChange(nextOption);
+      }
+    };
     const renderMenuContent = () => {
       if (isFetching) {
         return [
@@ -1089,6 +1150,7 @@ var SmartSelect = (0, import_react3.forwardRef)(
               value: value ?? "",
               onChange: handleChange,
               onOpen: handleOpen,
+              onKeyDown: handleKeyDown,
               label: inputLabel,
               MenuProps: menuProps,
               children: renderMenuContent()
@@ -1701,7 +1763,7 @@ var AppliedTableFiltersDisplay = ({
 var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
 var import_material15 = require("@mui/material");
 
-// src/utils/resolveObjectType.ts
+// src/utils/resolveObjectType/resolveObjectType.ts
 var resolveObjectType = (object, fieldName) => {
   if (!object || typeof object !== "object") {
     return object;