@cayuse-test/react 1.0.6 → 1.0.7

package/dist/{chunk-QRWUG2FO.js → chunk-MLVINKXL.js}

@@ -20,7 +20,6 @@ import {
   isNonEmptyString,
   isNumber,
   isObject,
-  isObjectWithKey,
   isUrl,
   loginWithRedirect,
   request
@@ -3325,7 +3324,7 @@ var Combobox = React28.forwardRef(
     const isAsync = isAsyncComponent(props);
     const loadOptionsWithHiddenOptionsCount = (inputValue, ...args) => {
       return loadOptions(inputValue, ...args).then((result) => {
-        if (isObjectWithKey(result, "options")) {
+        if ("options" in result) {
           return buildOptions(result.options, {
             inputValue,
             showNarrowCriteriaHint,
@@ -3334,6 +3333,9 @@ var Combobox = React28.forwardRef(
           });
         }
         return buildOptions(result, { inputValue });
+      }).catch((error) => {
+        console.error("Error loading options:", error);
+        return { options: [] };
       });
     };
     const selectedValueFocusOption = () => {
@@ -3373,17 +3375,57 @@ var Combobox = React28.forwardRef(
         });
       }
     };
+    const focusOption = (direction) => {
+      const pageSize = selectRef.current.props.pageSize;
+      const focusedOption = selectRef.current.state.focusedOption;
+      const options = selectRef.current.getFocusableOptions();
+      if (!options.length) return;
+      let nextFocus = 0;
+      let focusedIndex = options.indexOf(focusedOption);
+      if (!focusedOption) {
+        focusedIndex = -1;
+      }
+      while (true) {
+        if (direction === "up") {
+          nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
+          focusedIndex--;
+        } else if (direction === "down") {
+          nextFocus = (focusedIndex + 1) % options.length;
+          focusedIndex++;
+        } else if (direction === "pageup") {
+          nextFocus = focusedIndex - pageSize;
+          if (nextFocus < 0) nextFocus = 0;
+        } else if (direction === "pagedown") {
+          nextFocus = focusedIndex + pageSize;
+          if (nextFocus > options.length - 1) nextFocus = options.length - 1;
+        } else if (direction === "last") {
+          nextFocus = options.length - 1;
+          focusedIndex--;
+        }
+        if (!options[nextFocus]?.subType) {
+          break;
+        }
+      }
+      selectRef.current.scrollToFocusedOptionOnUpdate = true;
+      selectRef.current.setState({
+        focusedOption: options[nextFocus],
+        focusedValue: null,
+        focusedOptionId: selectRef.current.getFocusedOptionId(options[nextFocus])
+      });
+    };
     const asyncProps = isAsync ? {
       cacheOptions: rest.cacheOptions ?? false,
       defaultOptions: rest.defaultOptions ?? false,
       loadOptions: loadOptions ? loadOptionsWithHiddenOptionsCount : void 0
     } : {};
     const selectProps = {
+      "aria-label": label,
       ...rest,
       ...asyncProps,
       ref: (instance) => {
         if (instance) {
           selectRef.current = instance;
+          selectRef.current.focusOption = focusOption;
         }
       },
       selectedValueFocusOption,
@@ -3413,8 +3455,7 @@ var Combobox = React28.forwardRef(
       },
       noOptionsMessage: noOptionsMessage ? typeof noOptionsMessage === "function" ? noOptionsMessage : () => noOptionsMessage : void 0,
       loadingMessage: loadingMessage ? typeof loadingMessage === "function" ? loadingMessage : () => loadingMessage : void 0,
-      unstyled: true,
-      "aria-label": label
+      unstyled: true
     };
     return /* @__PURE__ */ jsxs29(
       "fieldset",
@@ -3719,14 +3760,21 @@ function UserComboboxOption(props) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsx48(components2.Option, { ...props, innerProps, children: /* @__PURE__ */ jsxs31("div", { className: "combobox__option-container", 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 })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx48(components2.Option, { ...props, innerProps, children: /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      className: "combobox__option-container",
+      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 })
+        ] })
+      ]
+    },
+    isExpandAll ? "expand-all" : data.value
+  ) });
 }
 
 // packages/components/form/user-select/user-select.tsx
@@ -6424,7 +6472,7 @@ function UserComboboxOption2(props) {
       Icon,
       {
         color: "grey",
-        name: `chevron ${isExpandAll ? allExpanded ? "down" : "right" : isExpanded ? "down" : "right"}`
+        name: `chevron-${isExpandAll ? allExpanded ? "down" : "right" : isExpanded ? "down" : "right"}`
       }
     ) }),
     /* @__PURE__ */ jsx67(
@@ -10334,4 +10382,4 @@ export {
   MilestoneProgress2 as MilestoneProgress,
   TaskFormHeader
 };
-//# sourceMappingURL=chunk-QRWUG2FO.js.map
+//# sourceMappingURL=chunk-MLVINKXL.js.map