@rescui/chip-list 0.13.6 → 0.14.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18

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.6",
+  "version": "0.14.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -24,15 +24,15 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.0",
-    "@rescui/scripts": "^0.5.1",
-    "@rescui/typography": "^0.26.0",
-    "@rescui/visual-regression": "^0.1.4"
+    "@rescui/colors": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.53+2a311c841",
+    "@rescui/scripts": "0.5.2",
+    "@rescui/typography": "0.27.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
+    "@rescui/visual-regression": "0.1.4"
   },
   "scripts": {
     "build": "rescui-scripts build && yarn run build-pcss-api",
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "faa7a838502974c16bdf773ab001002d1b8dcca8"
+  "gitHead": "2a311c841551a48c46895aff5609fe099bbe1a61"
 }