@hitachivantara/uikit-react-core 5.73.2 → 5.75.0

package/dist/esm/hooks/useExpandable.js

@@ -0,0 +1,32 @@
+import { setId } from "../utils/setId.js";
+import { useControlled } from "./useControlled.js";
+import { useUniqueId } from "./useUniqueId.js";
+function useExpandable({
+  id: idProp,
+  disabled,
+  expanded,
+  defaultExpanded
+}) {
+  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
+  const id = useUniqueId(idProp);
+  const buttonId = setId(id, "button");
+  const regionId = setId(id, "container");
+  return {
+    isOpen,
+    toggleOpen: (newOpen) => setIsOpen((o) => newOpen ?? !o),
+    buttonProps: {
+      id: buttonId,
+      "aria-disabled": disabled,
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? regionId : void 0
+    },
+    regionProps: {
+      id: regionId,
+      role: "region",
+      "aria-labelledby": buttonId
+    }
+  };
+}
+export {
+  useExpandable
+};

package/dist/esm/hooks/useExpandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandable.js","sources":["../../../src/hooks/useExpandable.ts"],"sourcesContent":["import type { HvAccordionProps } from \"../Accordion\";\nimport { setId } from \"../utils/setId\";\nimport { useControlled } from \"./useControlled\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport interface UseExpandableParams\n  extends Pick<\n    HvAccordionProps,\n    \"id\" | \"disabled\" | \"expanded\" | \"defaultExpanded\"\n  > {}\n\n/** expandable hook that handles a11y & open state for accordions, etc. */\nexport function useExpandable({\n  id: idProp,\n  disabled,\n  expanded,\n  defaultExpanded,\n}: UseExpandableParams) {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const id = useUniqueId(idProp);\n  const buttonId = setId(id, \"button\");\n  const regionId = setId(id, \"container\");\n\n  return {\n    isOpen,\n    toggleOpen: (newOpen?: boolean) => setIsOpen((o) => newOpen ?? !o),\n    buttonProps: {\n      id: buttonId,\n      \"aria-disabled\": disabled,\n      \"aria-expanded\": isOpen,\n      \"aria-controls\": isOpen ? regionId : undefined,\n    },\n    regionProps: {\n      id: regionId,\n      role: \"region\",\n      \"aria-labelledby\": buttonId,\n    },\n  };\n}\n"],"names":[],"mappings":";;;AAYO,SAAS,cAAc;AAAA,EAC5B,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AAChB,QAAA,CAAC,QAAQ,SAAS,IAAI,cAAc,UAAU,QAAQ,eAAe,CAAC;AAEtE,QAAA,KAAK,YAAY,MAAM;AACvB,QAAA,WAAW,MAAM,IAAI,QAAQ;AAC7B,QAAA,WAAW,MAAM,IAAI,WAAW;AAE/B,SAAA;AAAA,IACL;AAAA,IACA,YAAY,CAAC,YAAsB,UAAU,CAAC,MAAM,WAAW,CAAC,CAAC;AAAA,IACjE,aAAa;AAAA,MACX,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB,SAAS,WAAW;AAAA,IACvC;AAAA,IACA,aAAa;AAAA,MACX,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,mBAAmB;AAAA,IACrB;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useUniqueId.js

@@ -1,9 +1,10 @@
 import * as React from "react";
+import { useEnhancedEffect } from "./useEnhancedEffect.js";
 const useReactId = React["useId".toString()] || (() => void 0);
 let count = 0;
 const useUniqueId = (deterministicId, idPrefix) => {
   const [id, setId] = React.useState(useReactId());
-  React.useLayoutEffect(() => {
+  useEnhancedEffect(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId, idPrefix]);
   return deterministicId || (idPrefix ? idPrefix + id : id ?? "");

package/dist/esm/hooks/useUniqueId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.js","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import * as React from \"react\"; // this can be optimized when react 17 support is dropped\n\n/** Credit: https://github.com/radix-ui/primitives/blob/main/packages/react/id/src/id.tsx\n *  Modified slightly to suit our purposes.\n */\n// We `toString()` to prevent bundlers from trying to `import { useId } from 'react';`\nconst useReactId = (React as any)[\"useId\".toString()] || (() => undefined);\nlet count = 0;\n\nexport const useUniqueId = (\n  deterministicId?: string,\n  /**\n   * @deprecated\n   * Users should pick between a fully deterministic or fully generated id\n   * @example\n   * useUniqueId(setId(idPrefix, deterministicId))\n   * */\n  idPrefix?: string,\n): string => {\n  const [id, setId] = React.useState<string | undefined>(useReactId());\n\n  React.useLayoutEffect(() => {\n    // eslint-disable-next-line no-plusplus\n    if (!deterministicId) setId((reactId) => reactId ?? String(count++));\n  }, [deterministicId, idPrefix]);\n\n  return deterministicId || (idPrefix ? idPrefix + id : (id ?? \"\"));\n};\n"],"names":[],"mappings":";AAMA,MAAM,aAAc,MAAc,QAAQ,SAAU,CAAA,MAAM,MAAM;AAChE,IAAI,QAAQ;AAEC,MAAA,cAAc,CACzB,iBAOA,aACW;AACX,QAAM,CAAC,IAAI,KAAK,IAAI,MAAM,SAA6B,YAAY;AAEnE,QAAM,gBAAgB,MAAM;AAEtB,QAAA,CAAC,gBAAuB,OAAA,CAAC,YAAY,WAAW,OAAO,OAAO,CAAC;AAAA,EAAA,GAClE,CAAC,iBAAiB,QAAQ,CAAC;AAE9B,SAAO,oBAAoB,WAAW,WAAW,KAAM,MAAM;AAC/D;"}
+{"version":3,"file":"useUniqueId.js","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import * as React from \"react\"; // this can be optimized when react 17 support is dropped\n\nimport { useEnhancedEffect } from \"./useEnhancedEffect\";\n\n/** Credit: https://github.com/radix-ui/primitives/blob/main/packages/react/id/src/id.tsx\n *  Modified slightly to suit our purposes.\n */\n// We `toString()` to prevent bundlers from trying to `import { useId } from 'react';`\nconst useReactId = (React as any)[\"useId\".toString()] || (() => undefined);\nlet count = 0;\n\nexport const useUniqueId = (\n  deterministicId?: string,\n  /**\n   * @deprecated\n   * Users should pick between a fully deterministic or fully generated id\n   * @example\n   * useUniqueId(setId(idPrefix, deterministicId))\n   * */\n  idPrefix?: string,\n): string => {\n  const [id, setId] = React.useState<string | undefined>(useReactId());\n\n  useEnhancedEffect(() => {\n    // eslint-disable-next-line no-plusplus\n    if (!deterministicId) setId((reactId) => reactId ?? String(count++));\n  }, [deterministicId, idPrefix]);\n\n  return deterministicId || (idPrefix ? idPrefix + id : (id ?? \"\"));\n};\n"],"names":[],"mappings":";;AAQA,MAAM,aAAc,MAAc,QAAQ,SAAU,CAAA,MAAM,MAAM;AAChE,IAAI,QAAQ;AAEC,MAAA,cAAc,CACzB,iBAOA,aACW;AACX,QAAM,CAAC,IAAI,KAAK,IAAI,MAAM,SAA6B,YAAY;AAEnE,oBAAkB,MAAM;AAElB,QAAA,CAAC,gBAAuB,OAAA,CAAC,YAAY,WAAW,OAAO,OAAO,CAAC;AAAA,EAAA,GAClE,CAAC,iBAAiB,QAAQ,CAAC;AAE9B,SAAO,oBAAoB,WAAW,WAAW,KAAM,MAAM;AAC/D;"}