@cayuse-test/react 1.0.8 → 1.0.9

package/dist/{chunk-SYDHZCBD.js → chunk-XU6XYQR5.js}

@@ -1,7 +1,7 @@
 import {
   MAX_FILE_SIZE_75_MB,
   useClickOutside
-} from "./chunk-BVB7EXJY.js";
+} from "./chunk-XVA4YFXM.js";
 import {
   capitalizeAndJoin,
   flushStorage,
@@ -2326,15 +2326,16 @@ function SelectableCell({
   row,
   isMultiSelect,
   onRowSelectionChange,
-  rowAriaLabel
+  rowAriaLabel,
+  tableId
 }) {
   if (!row._isSelectable) {
     return /* @__PURE__ */ jsx34("td", {});
   }
   const rowLabel = isFunction(rowAriaLabel) ? rowAriaLabel({ row }) : "";
   function onSelect(event) {
-    event.preventDefault();
-    event.stopPropagation();
+    event?.preventDefault();
+    event?.stopPropagation();
     if (!row._isDisabledForSelection) {
       onRowSelectionChange({
         rows: [row],
@@ -2357,7 +2358,7 @@ function SelectableCell({
   return /* @__PURE__ */ jsx34("td", { className: "dynamic-table__selectable-cell", onClick: onSelect, children: /* @__PURE__ */ jsx34(
     Radio,
     {
-      name: "table-single-select",
+      name: `table-single-select-${tableId}`,
       className: "dynamic-table__single-select",
       checked: row._isSelected,
       onChange: onSelect,
@@ -2377,6 +2378,7 @@ function SelectableCell({
 import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function RowContent(props) {
   const {
+    tableId,
     row,
     rowIndex,
     subRowIndex,
@@ -2426,6 +2428,7 @@ function RowContent(props) {
           SelectableCell,
           {
             row,
+            tableId,
             isMultiSelect,
             onRowSelectionChange,
             rowAriaLabel
@@ -2456,6 +2459,7 @@ function RowContent(props) {
 import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function TableBodyContent(props) {
   const {
+    tableId,
     isLoading,
     isRefresh,
     headers,
@@ -2488,6 +2492,7 @@ function TableBodyContent(props) {
       /* @__PURE__ */ jsx36(
         RowContent,
         {
+          tableId,
           headers,
           row,
           rowIndex,
@@ -2510,6 +2515,7 @@ function TableBodyContent(props) {
         /* @__PURE__ */ jsx36(
           RowContent,
           {
+            tableId,
             headers,
             row: subRow,
             rowIndex,
@@ -2619,8 +2625,10 @@ var DynamicTable = forwardRef4(
       children
     } = props;
     const tableHeaders = headers.filter((h) => isNonEmptyObject(h));
-    const rootRef = useRef4(null);
     const captionId = useId3();
+    const tId = useId3();
+    const tableId = id || tId;
+    const rootRef = useRef4(null);
     const [expandedRows, setExpandedRows] = useState4([]);
     function toggleExpandableRow(event) {
       const rowIndex = Number(event.currentTarget.dataset.rowIndex);
@@ -2715,7 +2723,7 @@ var DynamicTable = forwardRef4(
           /* @__PURE__ */ jsx38("div", { className: "dynamic-table__wrapper", children: /* @__PURE__ */ jsxs24(
             "table",
             {
-              id,
+              id: tableId,
               className: "dynamic-table",
               "data-exapandable": isExpandable,
               "data-selectable": isSelectable,
@@ -2773,6 +2781,7 @@ var DynamicTable = forwardRef4(
                     children: /* @__PURE__ */ jsx38(
                       TableBodyContent,
                       {
+                        tableId,
                         rows: tableRows,
                         headers: tableHeaders,
                         isLoading,
@@ -10407,4 +10416,4 @@ export {
   MilestoneProgress2 as MilestoneProgress,
   TaskFormHeader
 };
-//# sourceMappingURL=chunk-SYDHZCBD.js.map
+//# sourceMappingURL=chunk-XU6XYQR5.js.map