@cayuse-test/react 1.0.7 → 1.0.9

package/dist/{chunk-MLVINKXL.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,
@@ -3338,6 +3347,31 @@ var Combobox = React28.forwardRef(
         return { options: [] };
       });
     };
+    const openMenu = (focusOption2) => {
+      const select = selectRef.current;
+      const { selectValue, isFocused } = select.state;
+      const focusableOptions = select.buildFocusableOptions();
+      let openAtIndex = focusOption2 === "first" ? 0 : focusableOptions.length - 1;
+      if (!select.props.isMulti) {
+        const selectedIndex = focusableOptions.indexOf(selectValue[0]);
+        if (selectedIndex > -1) {
+          openAtIndex = selectedIndex;
+        }
+      }
+      while (isNonEmptyString(focusableOptions[openAtIndex]?.subType)) {
+        openAtIndex++;
+      }
+      select.scrollToFocusedOptionOnUpdate = !(isFocused && select.menuListRef);
+      select.setState(
+        {
+          inputIsHiddenAfterUpdate: false,
+          focusedValue: null,
+          focusedOption: focusableOptions[openAtIndex],
+          focusedOptionId: select.getFocusedOptionId(focusableOptions[openAtIndex])
+        },
+        () => select.onMenuOpen()
+      );
+    };
     const selectedValueFocusOption = () => {
       const select = selectRef.current;
       if (!select) return;
@@ -3414,9 +3448,9 @@ var Combobox = React28.forwardRef(
       });
     };
     const asyncProps = isAsync ? {
-      cacheOptions: rest.cacheOptions ?? false,
-      defaultOptions: rest.defaultOptions ?? false,
-      loadOptions: loadOptions ? loadOptionsWithHiddenOptionsCount : void 0
+      cacheOptions: typeof rest.cacheOptions === "boolean" ? rest.cacheOptions : false,
+      defaultOptions: typeof rest.defaultOptions === "boolean" ? rest.defaultOptions : false,
+      loadOptions: typeof loadOptions === "function" ? loadOptionsWithHiddenOptionsCount : void 0
     } : {};
     const selectProps = {
       "aria-label": label,
@@ -3426,13 +3460,14 @@ var Combobox = React28.forwardRef(
         if (instance) {
           selectRef.current = instance;
           selectRef.current.focusOption = focusOption;
+          selectRef.current.openMenu = openMenu;
         }
       },
       selectedValueFocusOption,
       allExpanded,
       onExpandAllToggle,
       updateFocusedOption,
-      describedById: errorMessage || description ? describedById : void 0,
+      describedById: Boolean(errorMessage) || Boolean(description) ? describedById : void 0,
       inputId: id ?? internalId,
       isInvalid: invalid,
       isDisabled: disabled,
@@ -3710,25 +3745,25 @@ function normalizeUserToOption(userOrPersonObject) {
   };
 }
 function UserComboboxOption(props) {
-  const { data, selectProps } = props;
+  const { value, data, selectProps } = props;
   const { isSearchable, allExpanded, onExpandAllToggle } = selectProps;
+  const isExpandAllOption = value === "expand-all";
   const [isExpanded, setIsExpanded] = useState5(allExpanded);
-  const { isExpandAll } = data;
   const innerProps = {
     ...props.innerProps,
     "data-searchable": Boolean(isSearchable)
   };
-  if (isExpandAll) {
+  if (isExpandAllOption) {
     innerProps.onClick = (e) => {
       e.stopPropagation();
-      onExpandAllToggle(!allExpanded);
+      onExpandAllToggle();
     };
   }
   useEffect10(() => {
-    if (!isExpandAll) {
+    if (!isExpandAllOption) {
       setIsExpanded(allExpanded);
     }
-  }, [allExpanded, isExpandAll]);
+  }, [allExpanded, isExpandAllOption]);
   if (data.subType === "narrow-criteria-hint") {
     innerProps["data-group"] = true;
     innerProps.onClick = void 0;
@@ -3737,44 +3772,43 @@ function UserComboboxOption(props) {
   }
   const handleExpandClick = (e) => {
     e.stopPropagation();
-    if (isExpandAll) {
-      onExpandAllToggle(!allExpanded);
+    if (isExpandAllOption) {
+      onExpandAllToggle();
     } else {
       setIsExpanded(!isExpanded);
     }
   };
-  const optionLabelText = isExpandAll ? allExpanded ? "Collapse All" : "Expand All" : data.label;
-  const optionLabel = /* @__PURE__ */ jsxs31("span", { className: !isExpandAll ? "combobox__option-container--indented" : "", children: [
-    /* @__PURE__ */ jsx48("span", { onClick: handleExpandClick, children: /* @__PURE__ */ jsx48(
-      Icon,
-      {
-        color: "grey",
-        name: `chevron-${isExpandAll ? allExpanded ? "down" : "right" : isExpanded ? "down" : "right"}`
-      }
-    ) }),
-    /* @__PURE__ */ jsx48(
-      "span",
-      {
-        className: isExpandAll ? "combobox__option--expand-all-label" : "combobox__option--text",
-        children: optionLabelText
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsx48(components2.Option, { ...props, innerProps, children: /* @__PURE__ */ jsxs31(
-    "div",
+  const optionLabelText = isExpandAllOption ? allExpanded ? "Collapse All" : "Expand All" : data.label;
+  const optionLabel = /* @__PURE__ */ jsxs31(
+    "span",
     {
-      className: "combobox__option-container",
+      className: !isExpandAllOption ? "combobox__option-container--indented" : "",
       children: [
-        optionLabel,
-        !isExpandAll && isExpanded && /* @__PURE__ */ jsxs31("div", { className: "combobox__option--expanded", children: [
-          /* @__PURE__ */ jsx48("div", { children: data.user.email }),
-          /* @__PURE__ */ jsx48("div", { children: data.user.unitName }),
-          /* @__PURE__ */ jsx48("div", { children: data.user.profileTypes })
-        ] })
+        /* @__PURE__ */ jsx48("span", { onClick: handleExpandClick, children: /* @__PURE__ */ jsx48(
+          Icon,
+          {
+            color: "grey",
+            name: `chevron-${isExpandAllOption ? allExpanded ? "down" : "right" : isExpanded ? "down" : "right"}`
+          }
+        ) }),
+        /* @__PURE__ */ jsx48(
+          "span",
+          {
+            className: isExpandAllOption ? "combobox__option--expand-all-label" : "combobox__option--text",
+            children: optionLabelText
+          }
+        )
       ]
-    },
-    isExpandAll ? "expand-all" : data.value
-  ) });
+    }
+  );
+  return /* @__PURE__ */ jsx48(components2.Option, { ...props, innerProps, children: /* @__PURE__ */ jsxs31("div", { className: "combobox__option-container", children: [
+    optionLabel,
+    !isExpandAllOption && isExpanded ? /* @__PURE__ */ jsxs31("div", { className: "combobox__option--expanded", children: [
+      /* @__PURE__ */ jsx48("div", { children: data.user.email }),
+      /* @__PURE__ */ jsx48("div", { children: data.user.unitName }),
+      /* @__PURE__ */ jsx48("div", { children: data.user.profileTypes })
+    ] }) : null
+  ] }, data.value) });
 }
 
 // packages/components/form/user-select/user-select.tsx
@@ -10382,4 +10416,4 @@ export {
   MilestoneProgress2 as MilestoneProgress,
   TaskFormHeader
 };
-//# sourceMappingURL=chunk-MLVINKXL.js.map
+//# sourceMappingURL=chunk-XU6XYQR5.js.map