@elliemae/ds-hooks-keyboard-navigation 3.36.0-next.0 → 3.36.0-next.2

package/dist/cjs/DSHooksKeyboardNavigation.js

@@ -64,23 +64,18 @@ const useKeyboardNavigation = (props) => {
   );
   const handleParentOnBlur = (0, import_ds_hooks_on_blur_out.useOnBlurOut)(config);
   const prevArrowKeys = (0, import_react.useMemo)(() => {
-    if (direction === "vertical")
-      return ["ArrowUp"];
-    if (direction === "horizontal")
-      return ["ArrowLeft"];
+    if (direction === "vertical") return ["ArrowUp"];
+    if (direction === "horizontal") return ["ArrowLeft"];
     return ["ArrowUp", "ArrowLeft"];
   }, [direction]);
   const nextArrowKeys = (0, import_react.useMemo)(() => {
-    if (direction === "vertical")
-      return ["ArrowDown"];
-    if (direction === "horizontal")
-      return ["ArrowRight"];
+    if (direction === "vertical") return ["ArrowDown"];
+    if (direction === "horizontal") return ["ArrowRight"];
     return ["ArrowDown", "ArrowRight"];
   }, [direction]);
   const onKeyDown = (0, import_react.useCallback)(
     (e) => {
-      if (userOnKeyDown)
-        userOnKeyDown(e);
+      if (userOnKeyDown) userOnKeyDown(e);
       const { key } = e;
       const index = options.findIndex((option) => option === focusedOptionMutable.current);
       if (prevArrowKeys.includes(key)) {

package/dist/cjs/DSHooksKeyboardNavigation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSHooksKeyboardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\nimport { useCallback, useMemo, useRef } from 'react';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { type DSHooksKeyboardNaviationT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { findInCircularList } from './utils.js';\n\nconst defaultFocusCriteria = () => true;\nconst useKeyboardNavigation = (props: DSHooksKeyboardNaviationT.Props) => {\n  const {\n    options,\n    direction = 'agnostic',\n    disableRoving = false,\n    focusCriteria = defaultFocusCriteria,\n    onKeyDown: userOnKeyDown,\n    focusedOption,\n    setFocusedOption,\n  } = props;\n  const previousFocusedOption = useRef<string | null>(null);\n  const focusedOptionMutable = useRef<string | null>(null);\n\n  const config: {\n    onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n  } = useMemo(\n    () => ({\n      onBlur: () => {\n        // if (e.currentTarget !== e.target) return;\n        if (options.includes(focusedOption as string)) {\n          previousFocusedOption.current = focusedOption;\n          setFocusedOption(null);\n        }\n      },\n    }),\n    [focusedOption, options, setFocusedOption],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  const prevArrowKeys = useMemo(() => {\n    if (direction === 'vertical') return ['ArrowUp'];\n    if (direction === 'horizontal') return ['ArrowLeft'];\n    return ['ArrowUp', 'ArrowLeft'];\n  }, [direction]);\n  const nextArrowKeys = useMemo(() => {\n    if (direction === 'vertical') return ['ArrowDown'];\n    if (direction === 'horizontal') return ['ArrowRight'];\n    return ['ArrowDown', 'ArrowRight'];\n  }, [direction]);\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (userOnKeyDown) userOnKeyDown(e);\n      const { key } = e;\n      const index = options.findIndex((option) => option === focusedOptionMutable.current);\n      if (prevArrowKeys.includes(key)) {\n        e.preventDefault();\n        const previous = findInCircularList(options, index, focusCriteria, -1);\n        setFocusedOption(options[previous]);\n      } else if (nextArrowKeys.includes(key)) {\n        e.preventDefault();\n        const next = findInCircularList(options, index, focusCriteria, 1);\n\n        setFocusedOption(options[next]);\n      }\n    },\n    [userOnKeyDown, options, prevArrowKeys, nextArrowKeys, focusCriteria, setFocusedOption],\n  );\n\n  const getItemProps = useCallback(\n    (dsId: string) => ({\n      innerRef: (el: HTMLElement | null) => {\n        if (el && dsId === focusedOption && focusedOptionMutable.current !== dsId) {\n          el?.focus();\n        }\n      },\n      onFocus: () => {\n        setFocusedOption(dsId);\n        focusedOptionMutable.current = dsId;\n      },\n      tabIndex: (disableRoving ||\n      dsId === focusedOption ||\n      (focusedOptionMutable.current === dsId && (focusedOption === null || !options.includes(focusedOption))) ||\n      // (previousFocusedOption.current === dsId && focusedOption === null) ||\n      (dsId === options[0] && focusedOptionMutable.current === null && previousFocusedOption.current === null)\n        ? 0\n        : -1) as TypescriptHelpersT.WCAGTabIndex,\n    }),\n    [disableRoving, focusedOption, options, setFocusedOption],\n  );\n\n  const getWrapperProps = useCallback(\n    () => ({\n      onKeyDown,\n      onBlur: handleParentOnBlur,\n    }),\n    [onKeyDown, handleParentOnBlur],\n  );\n\n  return useMemo(\n    () => ({ getWrapperProps, getItemProps, focusedOption, setFocusedOption }),\n    [getWrapperProps, getItemProps, focusedOption, setFocusedOption],\n  );\n};\n\nconst UseKeyboardNavigationWithSchema = describe(useKeyboardNavigation);\nUseKeyboardNavigationWithSchema.propTypes = propTypes;\n\nexport { useKeyboardNavigation, UseKeyboardNavigationWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["import_react_desc_prop_types"]
 }

package/dist/cjs/index.js

@@ -34,5 +34,4 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_DSHooksKeyboardNavigation = require("./DSHooksKeyboardNavigation.js");
-var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { UseKeyboardNavigationWithSchema, useKeyboardNavigation } from './DSHooksKeyboardNavigation.js';\nexport { type DSHooksKeyboardNaviationT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAuE;AACvE,mCAA+C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAuE;",
   "names": []
 }

package/dist/cjs/utils.js

@@ -34,8 +34,7 @@ module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"));
 const findInCircularList = (list, from, criteria = () => true, step = 1) => {
   for (let i = (from + step + list.length) % list.length; i !== from && from > -1; i = (i + step + list.length) % list.length) {
-    if (criteria(list[i]))
-      return i;
+    if (criteria(list[i])) return i;
   }
   return from;
 };

package/dist/cjs/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const findInCircularList = <T>(\n  list: T[],\n  from: number,\n  criteria: (item: T) => boolean = () => true,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (\n    let i = (from + step + list.length) % list.length;\n    i !== from && from > -1;\n    i = (i + step + list.length) % list.length\n  ) {\n    if (criteria(list[i])) return i;\n  }\n\n  return from; // return same item\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB,CAChC,MACA,MACA,WAAiC,MAAM,MACvC,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,CAAC,CAAC;AAAG,aAAO;AAAA,EAChC;AAEA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB,CAChC,MACA,MACA,WAAiC,MAAM,MACvC,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,CAAC,CAAC,EAAG,QAAO;AAAA,EAChC;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/DSHooksKeyboardNavigation.js

@@ -30,23 +30,18 @@ const useKeyboardNavigation = (props) => {
   );
   const handleParentOnBlur = useOnBlurOut(config);
   const prevArrowKeys = useMemo(() => {
-    if (direction === "vertical")
-      return ["ArrowUp"];
-    if (direction === "horizontal")
-      return ["ArrowLeft"];
+    if (direction === "vertical") return ["ArrowUp"];
+    if (direction === "horizontal") return ["ArrowLeft"];
     return ["ArrowUp", "ArrowLeft"];
   }, [direction]);
   const nextArrowKeys = useMemo(() => {
-    if (direction === "vertical")
-      return ["ArrowDown"];
-    if (direction === "horizontal")
-      return ["ArrowRight"];
+    if (direction === "vertical") return ["ArrowDown"];
+    if (direction === "horizontal") return ["ArrowRight"];
     return ["ArrowDown", "ArrowRight"];
   }, [direction]);
   const onKeyDown = useCallback(
     (e) => {
-      if (userOnKeyDown)
-        userOnKeyDown(e);
+      if (userOnKeyDown) userOnKeyDown(e);
       const { key } = e;
       const index = options.findIndex((option) => option === focusedOptionMutable.current);
       if (prevArrowKeys.includes(key)) {

package/dist/esm/DSHooksKeyboardNavigation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSHooksKeyboardNavigation.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useCallback, useMemo, useRef } from 'react';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { type DSHooksKeyboardNaviationT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { findInCircularList } from './utils.js';\n\nconst defaultFocusCriteria = () => true;\nconst useKeyboardNavigation = (props: DSHooksKeyboardNaviationT.Props) => {\n  const {\n    options,\n    direction = 'agnostic',\n    disableRoving = false,\n    focusCriteria = defaultFocusCriteria,\n    onKeyDown: userOnKeyDown,\n    focusedOption,\n    setFocusedOption,\n  } = props;\n  const previousFocusedOption = useRef<string | null>(null);\n  const focusedOptionMutable = useRef<string | null>(null);\n\n  const config: {\n    onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n  } = useMemo(\n    () => ({\n      onBlur: () => {\n        // if (e.currentTarget !== e.target) return;\n        if (options.includes(focusedOption as string)) {\n          previousFocusedOption.current = focusedOption;\n          setFocusedOption(null);\n        }\n      },\n    }),\n    [focusedOption, options, setFocusedOption],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  const prevArrowKeys = useMemo(() => {\n    if (direction === 'vertical') return ['ArrowUp'];\n    if (direction === 'horizontal') return ['ArrowLeft'];\n    return ['ArrowUp', 'ArrowLeft'];\n  }, [direction]);\n  const nextArrowKeys = useMemo(() => {\n    if (direction === 'vertical') return ['ArrowDown'];\n    if (direction === 'horizontal') return ['ArrowRight'];\n    return ['ArrowDown', 'ArrowRight'];\n  }, [direction]);\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (userOnKeyDown) userOnKeyDown(e);\n      const { key } = e;\n      const index = options.findIndex((option) => option === focusedOptionMutable.current);\n      if (prevArrowKeys.includes(key)) {\n        e.preventDefault();\n        const previous = findInCircularList(options, index, focusCriteria, -1);\n        setFocusedOption(options[previous]);\n      } else if (nextArrowKeys.includes(key)) {\n        e.preventDefault();\n        const next = findInCircularList(options, index, focusCriteria, 1);\n\n        setFocusedOption(options[next]);\n      }\n    },\n    [userOnKeyDown, options, prevArrowKeys, nextArrowKeys, focusCriteria, setFocusedOption],\n  );\n\n  const getItemProps = useCallback(\n    (dsId: string) => ({\n      innerRef: (el: HTMLElement | null) => {\n        if (el && dsId === focusedOption && focusedOptionMutable.current !== dsId) {\n          el?.focus();\n        }\n      },\n      onFocus: () => {\n        setFocusedOption(dsId);\n        focusedOptionMutable.current = dsId;\n      },\n      tabIndex: (disableRoving ||\n      dsId === focusedOption ||\n      (focusedOptionMutable.current === dsId && (focusedOption === null || !options.includes(focusedOption))) ||\n      // (previousFocusedOption.current === dsId && focusedOption === null) ||\n      (dsId === options[0] && focusedOptionMutable.current === null && previousFocusedOption.current === null)\n        ? 0\n        : -1) as TypescriptHelpersT.WCAGTabIndex,\n    }),\n    [disableRoving, focusedOption, options, setFocusedOption],\n  );\n\n  const getWrapperProps = useCallback(\n    () => ({\n      onKeyDown,\n      onBlur: handleParentOnBlur,\n    }),\n    [onKeyDown, handleParentOnBlur],\n  );\n\n  return useMemo(\n    () => ({ getWrapperProps, getItemProps, focusedOption, setFocusedOption }),\n    [getWrapperProps, getItemProps, focusedOption, setFocusedOption],\n  );\n};\n\nconst UseKeyboardNavigationWithSchema = describe(useKeyboardNavigation);\nUseKeyboardNavigationWithSchema.propTypes = propTypes;\n\nexport { useKeyboardNavigation, UseKeyboardNavigationWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/index.js

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { UseKeyboardNavigationWithSchema, useKeyboardNavigation } from "./DSHooksKeyboardNavigation.js";
-import {} from "./react-desc-prop-types.js";
 export {
   UseKeyboardNavigationWithSchema,
   useKeyboardNavigation

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { UseKeyboardNavigationWithSchema, useKeyboardNavigation } from './DSHooksKeyboardNavigation.js';\nexport { type DSHooksKeyboardNaviationT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iCAAiC,6BAA6B;AACvE,eAA+C;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iCAAiC,6BAA6B;",
   "names": []
 }

package/dist/esm/utils.js

@@ -1,8 +1,7 @@
 import * as React from "react";
 const findInCircularList = (list, from, criteria = () => true, step = 1) => {
   for (let i = (from + step + list.length) % list.length; i !== from && from > -1; i = (i + step + list.length) % list.length) {
-    if (criteria(list[i]))
-      return i;
+    if (criteria(list[i])) return i;
   }
   return from;
 };

package/dist/esm/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const findInCircularList = <T>(\n  list: T[],\n  from: number,\n  criteria: (item: T) => boolean = () => true,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (\n    let i = (from + step + list.length) % list.length;\n    i !== from && from > -1;\n    i = (i + step + list.length) % list.length\n  ) {\n    if (criteria(list[i])) return i;\n  }\n\n  return from; // return same item\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB,CAChC,MACA,MACA,WAAiC,MAAM,MACvC,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,CAAC,CAAC;AAAG,aAAO;AAAA,EAChC;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB,CAChC,MACA,MACA,WAAiC,MAAM,MACvC,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,CAAC,CAAC,EAAG,QAAO;AAAA,EAChC;AAEA,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-hooks-keyboard-navigation",
-  "version": "3.36.0-next.0",
+  "version": "3.36.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Hooks Keyboaord Navigation",
   "files": [
@@ -36,16 +36,16 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-hooks-on-blur-out": "3.36.0-next.0",
-    "@elliemae/ds-props-helpers": "3.36.0-next.0",
-    "@elliemae/ds-typescript-helpers": "3.36.0-next.0"
+    "@elliemae/ds-hooks-on-blur-out": "3.36.0-next.2",
+    "@elliemae/ds-props-helpers": "3.36.0-next.2",
+    "@elliemae/ds-typescript-helpers": "3.36.0-next.2"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "@xstyled/system": "3.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.36.0-next.0"
+    "@elliemae/ds-monorepo-devops": "3.36.0-next.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",