@rescui/chip-list 0.13.5-RUI-280-Update-select-component-downshift-2f40ef205.67 → 0.13.6-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66

package/lib/parts/use-roving-tab-index.js

@@ -0,0 +1,73 @@
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import React from 'react'; // eslint-disable-next-line complexity
+
+const getNextItemId = _ref => {
+  let {
+    currentItemId,
+    itemsCount,
+    key
+  } = _ref;
+
+  if (itemsCount <= 0) {
+    return currentItemId;
+  }
+
+  if (key === 'Home') {
+    return 0;
+  }
+
+  if (key === 'End') {
+    return itemsCount - 1;
+  }
+
+  if (key === 'ArrowLeft') {
+    return currentItemId <= 0 ? itemsCount - 1 : currentItemId - 1;
+  }
+
+  if (key === 'ArrowRight') {
+    return currentItemId >= itemsCount - 1 ? 0 : currentItemId + 1;
+  }
+
+  return currentItemId;
+};
+
+const useRovingTabIndex = _ref2 => {
+  let {
+    enabled,
+    selectedId,
+    tabRefs
+  } = _ref2;
+  const [currentTabStopId, setCurrentTabStopId] = React.useState(selectedId ?? 0);
+  React.useEffect(() => {
+    if (typeof selectedId !== 'undefined') {
+      setCurrentTabStopId(selectedId);
+    }
+  }, [selectedId]);
+  const onTabKeyDown = React.useCallback((e, itemId) => {
+    var _context;
+
+    if (!enabled) {
+      return;
+    }
+
+    if (!_includesInstanceProperty(_context = ['ArrowLeft', 'ArrowRight', 'Home', 'End']).call(_context, e.key)) {
+      return;
+    }
+
+    const itemsCount = tabRefs?.current.size ?? 0;
+    const nextItemId = getNextItemId({
+      currentItemId: itemId,
+      itemsCount,
+      key: e.key
+    });
+    e.preventDefault();
+    setCurrentTabStopId(nextItemId);
+    tabRefs?.current.get(nextItemId)?.focus();
+  }, [enabled, tabRefs]);
+  return {
+    currentTabStopId,
+    onTabKeyDown
+  };
+};
+
+export { useRovingTabIndex };

package/lib/parts/use-safe-id.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useSafeId: typeof React.useId;

package/lib/parts/use-safe-id.js

@@ -0,0 +1,15 @@
+import React, { useRef } from 'react';
+
+const useFallbackId = () => {
+  const id = useRef(null);
+
+  if (id.current === null) {
+    id.current = useFallbackId.counter++;
+  }
+
+  return id.current.toString();
+};
+
+useFallbackId.counter = 0;
+const useSafeId = React.useId ?? useFallbackId;
+export { useSafeId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/chip-list",
-  "version": "0.13.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+  "version": "0.13.6-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -24,9 +24,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/colors": "0.3.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.79+8f54dec0a",
     "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/typography": "0.25.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
     "@rescui/visual-regression": "0.1.4"
   },
   "scripts": {
@@ -34,5 +34,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "2f40ef205f94c200019ec963e3fd0ca47fe1cdcb"
+  "gitHead": "8f54dec0a450da30835485cba2edfd0037cccd25"
 }