@cayuse-test/react 1.0.5 → 1.0.7

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

@@ -20,7 +20,6 @@ import {
   isNonEmptyString,
   isNumber,
   isObject,
-  isObjectWithKey,
   isUrl,
   loginWithRedirect,
   request
@@ -38,7 +37,7 @@ import {
 } from "./chunk-M2L7SQBQ.js";
 
 // packages/components/attachments-form/attachments-form.tsx
-import React11, { useState as useState2, useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef } from "react";
+import React10, { useState as useState2, useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef } from "react";
 import { merge as merge2 } from "lodash-es";
 
 // packages/components/banner-notification/banner-notification.tsx
@@ -196,7 +195,6 @@ var LoginButton = ({ tenantId, label, ...rest }) => {
     }
   );
 };
-var login_button_default = LoginButton;
 
 // packages/components/banner-notification/utils.tsx
 import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -229,7 +227,7 @@ var getNotificationTypeOptions = (type) => {
       defaultMessage: /* @__PURE__ */ jsxs2(Fragment, { children: [
         /* @__PURE__ */ jsx4("span", { children: defaultMessageConst.sessionExpired }),
         /* @__PURE__ */ jsx4(
-          login_button_default,
+          LoginButton,
           {
             tenantId: global.__CAYUSE__.tenantId,
             label: defaultMessageConst.loginButtonLabel
@@ -316,7 +314,7 @@ function BannerNotifications({
 }
 
 // packages/components/form/file-upload/file-upload.tsx
-import React4 from "react";
+import React3 from "react";
 import { useDropzone } from "react-dropzone";
 
 // packages/components/loading-indicator/loading-indicator.tsx
@@ -409,7 +407,7 @@ var defaultDictionary = {
   buttonText: "Upload File",
   uploadingText: "Uploading attachment..."
 };
-var FileUpload = React4.forwardRef(
+var FileUpload = React3.forwardRef(
   function FileUpload2(props, ref) {
     const {
       className = "",
@@ -431,7 +429,7 @@ var FileUpload = React4.forwardRef(
       ...dropzoneOptions
     });
     const dictionary = { ...defaultDictionary, ...dctnr };
-    React4.useEffect(() => {
+    React3.useEffect(() => {
       const fileUpload = document.querySelector(".file-upload");
       if (fileUpload) {
         fileUpload.removeAttribute("role");
@@ -459,7 +457,7 @@ var FileUpload = React4.forwardRef(
           }
         )
       ] }),
-      React4.isValidElement(children) ? React4.cloneElement(children, {
+      React3.isValidElement(children) ? React3.cloneElement(children, {
         disabled
       }) : children
     ] });
@@ -467,14 +465,14 @@ var FileUpload = React4.forwardRef(
 );
 
 // packages/components/modal-dialog/alert-dialog.tsx
-import React5 from "react";
+import React4 from "react";
 import { createPortal } from "react-dom";
 import FocusTrap from "focus-trap-react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var focusTrapOptions = {
   fallbackFocus: ".alert-dialog__modal__title"
 };
-var AlertDialog = React5.forwardRef(
+var AlertDialog = React4.forwardRef(
   function AlertDialog2(props, ref) {
     const {
       isOpen = false,
@@ -486,7 +484,7 @@ var AlertDialog = React5.forwardRef(
       confirmText = "Confirm",
       hideCancel
     } = props;
-    React5.useEffect(() => {
+    React4.useEffect(() => {
       if (isOpen) {
         document.addEventListener("keydown", handleKeyDown);
       }
@@ -645,11 +643,11 @@ import { useCallback } from "react";
 import { prettierBytes } from "@transloadit/prettier-bytes";
 
 // packages/components/formatted/formatted-date/formatted-date.tsx
-import React7 from "react";
+import React6 from "react";
 import { format as formatter, parseISO, isValid } from "date-fns";
 import { utcToZonedTime, format as formatWithTz } from "date-fns-tz";
 import { jsx as jsx11 } from "react/jsx-runtime";
-var FormattedDate = React7.memo(function FormattedDate2(props) {
+var FormattedDate = React6.memo(function FormattedDate2(props) {
   const {
     date,
     format: incomingFormat,
@@ -717,12 +715,12 @@ var FormattedDatetime = ({
 var formatted_datetime_default = FormattedDatetime;
 
 // packages/components/attachments-form/components/table-file-list/table-row-actions.tsx
-import React8 from "react";
+import React7 from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 var TableRowActions = (props) => {
   const { removeFile, file, disabled, dictionary, allowToRemoveByRoles } = props;
   const ctx = useTenantContext();
-  const allowedToRemove = React8.useMemo(() => {
+  const allowedToRemove = React7.useMemo(() => {
     let allowToRemove = false;
     if (file.uploadedBy === ctx.data.user.id) {
       allowToRemove = true;
@@ -1042,7 +1040,7 @@ function RejectionsMessage({ rejections }) {
     ] }, k)) })
   ] });
 }
-var AttachmentsForm = React11.forwardRef(function AttachmentsForm2({
+var AttachmentsForm = React10.forwardRef(function AttachmentsForm2({
   disabled = false,
   files: baseFiles,
   setFiles,
@@ -1139,7 +1137,7 @@ var AttachmentsForm = React11.forwardRef(function AttachmentsForm2({
 });
 
 // packages/components/attachments-form/accordion-attachments-form.tsx
-import React12 from "react";
+import React11 from "react";
 import { merge as merge3 } from "lodash-es";
 import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var defaultDictionary3 = {
@@ -1163,7 +1161,7 @@ var defaultDictionary3 = {
     exceedsSize: "The uploaded file exceeds the %{size} limit"
   }
 };
-var AccordionAttachmentsForm = React12.forwardRef(
+var AccordionAttachmentsForm = React11.forwardRef(
   ({
     files,
     setFiles,
@@ -1177,8 +1175,8 @@ var AccordionAttachmentsForm = React12.forwardRef(
     dictionary: dctnr
   }, ref) => {
     const dictionary = merge3({}, defaultDictionary3, dctnr);
-    const [open, setOpen] = React12.useState(defaultOpen);
-    const { buttonId, panelId } = React12.useMemo(() => {
+    const [open, setOpen] = React11.useState(defaultOpen);
+    const { buttonId, panelId } = React11.useMemo(() => {
       return {
         buttonId: generateId("accordion-file-input-button"),
         panelId: generateId("accordion-file-input-panel")
@@ -1239,13 +1237,13 @@ var AccordionAttachmentsForm = React12.forwardRef(
 AccordionAttachmentsForm.displayName = "AccordionAttachmentsForm";
 
 // packages/components/attachments-form/accordion-form-wrapper.tsx
-import React13 from "react";
+import React12 from "react";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-var AccordionFormWrapper = React13.forwardRef(function AccordionFormWrapper2(props, ref) {
+var AccordionFormWrapper = React12.forwardRef(function AccordionFormWrapper2(props, ref) {
   const { children, label, defaultOpen = false, disabled } = props;
-  const [open, setOpen] = React13.useState(defaultOpen);
-  const buttonId = React13.useId();
-  const panelId = React13.useId();
+  const [open, setOpen] = React12.useState(defaultOpen);
+  const buttonId = React12.useId();
+  const panelId = React12.useId();
   return /* @__PURE__ */ jsxs12(
     "div",
     {
@@ -1321,10 +1319,10 @@ function BasePadding({
 }
 
 // packages/components/breadcrumbs/breadcrumbs.tsx
-import React14 from "react";
+import React13 from "react";
 import { Link } from "react-router-dom";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var Breadcrumbs = React14.forwardRef(
+var Breadcrumbs = React13.forwardRef(
   function Breadcrumbs2({ isLoading, breadcrumbs }, ref) {
     if (!isNonEmptyArray(breadcrumbs)) {
       return null;
@@ -1506,10 +1504,10 @@ function ConfirmationModal({
 }
 
 // packages/components/covert-button/covert-button.tsx
-import React16 from "react";
+import React15 from "react";
 import cn9 from "classnames";
 import { jsx as jsx24 } from "react/jsx-runtime";
-var CovertButton = React16.forwardRef(function CovertButton2({ children, className, ...rest }, ref) {
+var CovertButton = React15.forwardRef(function CovertButton2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx24(
     "button",
     {
@@ -1845,13 +1843,13 @@ var CustomDropdown = memo(function CustomDropdown2({
 });
 
 // packages/components/date-selector/date-selector.tsx
-import React18 from "react";
+import React17 from "react";
 import cn11 from "classnames";
 import { useObjectRef as useObjectRef2 } from "react-aria";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
-var DateSelector = React18.forwardRef(function DateSelector2({
+var DateSelector = React17.forwardRef(function DateSelector2({
   customInputClass: className,
   customWrapperClass,
   onChange,
@@ -1866,7 +1864,7 @@ var DateSelector = React18.forwardRef(function DateSelector2({
   id,
   ...rest
 }, ref) {
-  const internalId = React18.useId();
+  const internalId = React17.useId();
   const innerRef = useObjectRef2(ref);
   const invalid = required && !selectedDate;
   const dateTimeFormat = getDatetimeFormat();
@@ -2155,6 +2153,7 @@ var Checkbox = memo3(
 // packages/components/dynamic-table/components/checkbox-header-cell.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
 function CheckboxHeaderCell({
+  disabled,
   onRowSelectionChange,
   isMultiSelect,
   rows
@@ -2176,6 +2175,7 @@ function CheckboxHeaderCell({
     return /* @__PURE__ */ jsx31("th", { "data-col": "select", children: /* @__PURE__ */ jsx31(
       Checkbox,
       {
+        disabled,
         "aria-label": "select all",
         checked: isSelectedAll,
         onChange: toggleSelectAll,
@@ -2219,7 +2219,7 @@ function ExpandRowButton({
 }
 
 // packages/components/dynamic-table/components/table-body-content.tsx
-import React22 from "react";
+import React21 from "react";
 import { isEmpty } from "lodash-es";
 
 // packages/components/dynamic-table/utils.ts
@@ -2236,11 +2236,11 @@ function renderCell({ value }) {
 }
 
 // packages/components/form/radio/radio.tsx
-import React21 from "react";
+import React20 from "react";
 import cn13 from "classnames";
 import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
-var Radio = React21.memo(
-  React21.forwardRef(function Radio2(props, ref) {
+var Radio = React20.memo(
+  React20.forwardRef(function Radio2(props, ref) {
     const {
       label,
       name,
@@ -2259,7 +2259,7 @@ var Radio = React21.memo(
       inputProps = {},
       containerProps = {}
     } = props;
-    const helpTextAttrs = React21.useMemo(() => {
+    const helpTextAttrs = React20.useMemo(() => {
       if (!helpText) {
         return {
           input: {},
@@ -2276,7 +2276,7 @@ var Radio = React21.memo(
         }
       };
     }, [helpText]);
-    const handleChange = React21.useCallback(
+    const handleChange = React20.useCallback(
       (event) => {
         if (isFunction(onChange)) {
           onChange(event.target.value, optionData ?? {}, event);
@@ -2484,7 +2484,7 @@ function TableBodyContent(props) {
     return /* @__PURE__ */ jsx36("tr", { children: /* @__PURE__ */ jsx36("td", { colSpan: numColumns, children: /* @__PURE__ */ jsx36("span", { className: "dynamic-table__empty-data-message", children: noResultsLabel || "No results to display." }) }) });
   }
   return /* @__PURE__ */ jsx36(Fragment4, { children: rows.map((row, rowIndex) => {
-    return /* @__PURE__ */ jsxs22(React22.Fragment, { children: [
+    return /* @__PURE__ */ jsxs22(React21.Fragment, { children: [
       /* @__PURE__ */ jsx36(
         RowContent,
         {
@@ -2725,6 +2725,7 @@ var DynamicTable = forwardRef4(
                   isExpandable && /* @__PURE__ */ jsx38("th", { "data-col": "expand", scope: "col", children: /* @__PURE__ */ jsx38(
                     ExpandRowButton,
                     {
+                      disabled: isLoading || isRefresh,
                       isExpanded: isExpandable,
                       onClick: () => {
                         if (expandedRows.length === 0) {
@@ -2745,6 +2746,7 @@ var DynamicTable = forwardRef4(
                   isSelectable && /* @__PURE__ */ jsx38(
                     CheckboxHeaderCell,
                     {
+                      disabled: isLoading || isRefresh,
                       isMultiSelect,
                       rows: tableRows,
                       onRowSelectionChange: handleRowSelectionChange
@@ -2771,7 +2773,6 @@ var DynamicTable = forwardRef4(
                     children: /* @__PURE__ */ jsx38(
                       TableBodyContent,
                       {
-                        children,
                         rows: tableRows,
                         headers: tableHeaders,
                         isLoading,
@@ -2786,7 +2787,8 @@ var DynamicTable = forwardRef4(
                         handleRowClick,
                         noResultsLabel,
                         expandedRows,
-                        toggleExpandableRow
+                        toggleExpandableRow,
+                        children
                       }
                     )
                   }
@@ -2903,11 +2905,11 @@ function Number2({ integer, ...rest }) {
 }
 
 // packages/components/form/radio-group/radio-group.tsx
-import React25 from "react";
+import React24 from "react";
 import cn15 from "classnames";
 import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
-var RadioGroup = React25.memo(
-  React25.forwardRef(function RadioGroup2(props, ref) {
+var RadioGroup = React24.memo(
+  React24.forwardRef(function RadioGroup2(props, ref) {
     const {
       name,
       value,
@@ -2925,8 +2927,8 @@ var RadioGroup = React25.memo(
       inputProps = {},
       containerProps = {}
     } = props;
-    const groupName = React25.useId();
-    const errorUid = React25.useId();
+    const groupName = React24.useId();
+    const errorUid = React24.useId();
     return /* @__PURE__ */ jsxs26(
       "fieldset",
       {
@@ -2969,11 +2971,11 @@ var RadioGroup = React25.memo(
 );
 
 // packages/components/form/toggle/toggle.tsx
-import React26 from "react";
+import React25 from "react";
 import cn16 from "classnames";
 import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
-var Toggle = React26.memo(
-  React26.forwardRef(function Toggle2(props, ref) {
+var Toggle = React25.memo(
+  React25.forwardRef(function Toggle2(props, ref) {
     const {
       label,
       id,
@@ -2989,7 +2991,7 @@ var Toggle = React26.memo(
       inputProps = {},
       withLoading = false
     } = props;
-    const [isLoading, setIsLoading] = React26.useState(false);
+    const [isLoading, setIsLoading] = React25.useState(false);
     const handleChange = async (event) => {
       if (!isFunction(onChange)) {
         return;
@@ -3081,13 +3083,13 @@ var Toggle = React26.memo(
 );
 
 // packages/components/form/combobox/combobox.tsx
-import React29 from "react";
+import React28 from "react";
 import cn17 from "classnames";
 import ReactSelect from "react-select";
 import AsyncReactSelect from "react-select/async";
 
 // packages/components/form/combobox/utils.tsx
-import React27 from "react";
+import React26 from "react";
 import { has, omit, isNil } from "lodash-es";
 var SELECT_SUB_TYPES = {
   GROUP: "group",
@@ -3159,7 +3161,7 @@ var isAsyncComponent = (props) => {
 };
 
 // packages/components/form/combobox/components.tsx
-import React28 from "react";
+import React27 from "react";
 import { components } from "react-select";
 import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var baseClearIcon = /* @__PURE__ */ jsx43(
@@ -3211,7 +3213,7 @@ var ClearIndicator = (props) => {
       },
       className: "combobox__clear-indicator",
       "data-action": "clear",
-      children: typeof ClearIcon === "function" ? ClearIcon(props) : React28.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon
+      children: typeof ClearIcon === "function" ? ClearIcon(props) : React27.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon
     }
   );
 };
@@ -3220,17 +3222,17 @@ var StartIndicator = (props) => {
     return null;
   }
   const { StartIcon } = props.selectProps.components;
-  return /* @__PURE__ */ jsx43("div", { className: "combobox__start-icon", children: typeof StartIcon === "function" ? StartIcon(props) : React28.isValidElement(StartIcon) ? StartIcon : baseSearchIcon });
+  return /* @__PURE__ */ jsx43("div", { className: "combobox__start-icon", children: typeof StartIcon === "function" ? StartIcon(props) : React27.isValidElement(StartIcon) ? StartIcon : baseSearchIcon });
 };
 var DropdownIndicator = (props) => {
   const { DropdownIcon } = props.selectProps.components;
-  return /* @__PURE__ */ jsx43(components.DropdownIndicator, { ...props, children: typeof DropdownIcon === "function" ? DropdownIcon(props) : React28.isValidElement(DropdownIcon) ? DropdownIcon : baseDropdownIcon });
+  return /* @__PURE__ */ jsx43(components.DropdownIndicator, { ...props, children: typeof DropdownIcon === "function" ? DropdownIcon(props) : React27.isValidElement(DropdownIcon) ? DropdownIcon : baseDropdownIcon });
 };
 var MenuList = (props) => {
-  React28.useEffect(() => {
+  React27.useEffect(() => {
     props.selectProps.updateFocusedOption();
   }, [props.options.length]);
-  React28.useEffect(() => {
+  React27.useEffect(() => {
     props.selectProps.updateFocusedOption();
   }, [props.getValue()]);
   return /* @__PURE__ */ jsx43(components.MenuList, { ...props, children: props.children });
@@ -3275,7 +3277,7 @@ var Control = (props) => {
 };
 var MultiValueRemove = (props) => {
   const { ClearIcon } = props.selectProps.components;
-  return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: typeof ClearIcon === "function" ? ClearIcon(props) : React28.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon });
+  return /* @__PURE__ */ jsx43(components.MultiValueRemove, { ...props, children: typeof ClearIcon === "function" ? ClearIcon(props) : React27.isValidElement(ClearIcon) ? ClearIcon : baseClearIcon });
 };
 var Input3 = (props) => {
   const { describedById } = props.selectProps;
@@ -3290,7 +3292,7 @@ var Input3 = (props) => {
 
 // packages/components/form/combobox/combobox.tsx
 import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
-var Combobox = React29.forwardRef(
+var Combobox = React28.forwardRef(
   function Combobox2(props, ref) {
     const {
       id,
@@ -3316,13 +3318,13 @@ var Combobox = React29.forwardRef(
       onKeyDown,
       ...rest
     } = props;
-    const internalId = React29.useId();
-    const describedById = React29.useId();
-    const selectRef = React29.useRef(null);
+    const internalId = React28.useId();
+    const describedById = React28.useId();
+    const selectRef = React28.useRef(null);
     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,
@@ -3331,6 +3333,9 @@ var Combobox = React29.forwardRef(
           });
         }
         return buildOptions(result, { inputValue });
+      }).catch((error) => {
+        console.error("Error loading options:", error);
+        return { options: [] };
       });
     };
     const selectedValueFocusOption = () => {
@@ -3370,17 +3375,57 @@ var Combobox = React29.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,
@@ -3410,8 +3455,7 @@ var Combobox = React29.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",
@@ -3426,7 +3470,7 @@ var Combobox = React29.forwardRef(
             required && /* @__PURE__ */ jsx44("span", { className: "combobox-fieldset__required", children: "*" }),
             label
           ] }),
-          React29.createElement(
+          React28.createElement(
             isAsync ? AsyncReactSelect : ReactSelect,
             // @ts-expect-error type mismatch
             selectProps
@@ -3716,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
@@ -3748,17 +3799,14 @@ function UserSelect(props) {
       searchText: inputValue
     });
     const personOptions = items.map((it) => normalizeUserToOption(it));
-    const options = personOptions.length > 0 ? (
-      // @ts-ignore
-      [
-        {
-          label: "Expand All",
-          value: "expand-all",
-          isExpandAll: true
-        }
-        // @ts-ignore
-      ].concat(personOptions)
-    ) : personOptions;
+    const options = personOptions.length > 0 ? [
+      {
+        label: "Expand All",
+        value: "expand-all",
+        isExpandAll: true
+      }
+      // @ts-expect-error expected
+    ].concat(personOptions) : personOptions;
     return {
       options,
       hiddenOptionsCount: totalPages > 1 && totalElements - items.length
@@ -3793,7 +3841,7 @@ function UserSelect(props) {
 }
 
 // packages/components/form-note-attachments-view/form-note-attachments-view.tsx
-import React35, { useState as useState10, useEffect as useEffect14 } from "react";
+import React34, { useState as useState10, useEffect as useEffect14 } from "react";
 import { merge as merge4 } from "lodash-es";
 
 // packages/components/prevent-leave-page-dialog/prevent-leave-page-dialog.tsx
@@ -3820,7 +3868,7 @@ var PreventLeaveDialog = memo5(function PreventLeaveDialog2({
 });
 
 // packages/components/formatted/formatted-rich-text/formatted-rich-text.tsx
-import React32, { useRef as useRef6, useEffect as useEffect12, useState as useState7 } from "react";
+import React31, { useRef as useRef6, useEffect as useEffect12, useState as useState7 } from "react";
 import cn20 from "classnames";
 import Quill2 from "quill";
 import Linkify from "linkify-react";
@@ -3830,7 +3878,7 @@ var linkifyOptions = {
   target: "_blank",
   rel: "noopener noreferrer"
 };
-var FormattedRichText = React32.memo(function FormattedRichText2({
+var FormattedRichText = React31.memo(function FormattedRichText2({
   className: incomingClassName,
   maxLength,
   singleLine,
@@ -4502,7 +4550,7 @@ function FormNoteAttachmentsView({
   const handleDrop = (acceptedFiles) => {
     setAttachments(attachments.concat(validateAttachments(acceptedFiles)));
   };
-  const hasInvalidNote = React35.useMemo(() => {
+  const hasInvalidNote = React34.useMemo(() => {
     const plainText = convertToPlainText(newNoteMessage);
     return plainText.length > MAX_NOTE_LENGTH;
   }, [newNoteMessage]);
@@ -4732,9 +4780,9 @@ function FormNoteAttachmentsView({
 }
 
 // packages/components/formatted/formatted-value/formatted-value.tsx
-import React36 from "react";
+import React35 from "react";
 import { jsx as jsx57 } from "react/jsx-runtime";
-var FormattedValue = React36.memo(function FormattedValue2({
+var FormattedValue = React35.memo(function FormattedValue2({
   type,
   value,
   fallback,
@@ -5229,14 +5277,14 @@ import { useEffect as useEffect16, useRef as useRef7, forwardRef as forwardRef7
 import cn24 from "classnames";
 
 // packages/components/sub-header/sub-header.tsx
-import React38 from "react";
+import React37 from "react";
 import cn23 from "classnames";
 function SubHeader({
   children,
   className,
   headingType = "h1"
 }) {
-  return React38.createElement(headingType, {
+  return React37.createElement(headingType, {
     className: cn23("subHeader", className),
     children
   });
@@ -5665,10 +5713,10 @@ import cn25 from "classnames";
 import { useLocation, useHistory } from "react-router-dom";
 
 // packages/components/tabs/tab/tab.tsx
-import React42 from "react";
+import React41 from "react";
 import { jsx as jsx65 } from "react/jsx-runtime";
-var Tab = React42.memo(
-  React42.forwardRef(
+var Tab = React41.memo(
+  React41.forwardRef(
     ({
       id,
       title,
@@ -5784,7 +5832,7 @@ function Tabs({ className, panes, disabled = false }) {
 }
 
 // packages/components/task-form/task-form.tsx
-import React68, {
+import React66, {
   forwardRef as forwardRef9,
   memo as memo22,
   useCallback as useCallback13,
@@ -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(
@@ -7772,7 +7820,7 @@ var milestoneDictionary = {
 import { memo as memo18, useRef as useRef11, useState as useState25 } from "react";
 
 // packages/components/task-form/linked-tasks/table-linked-tasks-list.tsx
-import React59 from "react";
+import React57 from "react";
 
 // packages/components/task-form/linked-tasks/vo/task-categories.vo.ts
 var TASK_CATEGORIES = {
@@ -8027,7 +8075,7 @@ var tableColumns3 = [
 ];
 function TableLinkedTasksList({ disabled }) {
   const { values, onInputChange, refreshLinkedTasks } = useFormContext();
-  const rows = React59.useMemo(() => {
+  const rows = React57.useMemo(() => {
     return [...values.tasksToLink, ...values.linkedTasks].filter(
       (task2) => !values.tasksIdsToRemove?.includes(task2.id)
     );
@@ -8679,14 +8727,14 @@ import { useState as useState28 } from "react";
 import { merge as merge7 } from "lodash-es";
 
 // packages/components/task-form/comments/table-row.tsx
-import React63 from "react";
+import React61 from "react";
 import cn29 from "classnames";
 import { isNil as isNil4 } from "lodash-es";
 import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
 var TableRow2 = (props) => {
-  const [commentToRemove, setCommentToRemove] = React63.useState(null);
-  const [editingComment, setEditingComment] = React63.useState(false);
-  const [showCancelCommentEditingModal, setShowCancelCommentEditingModal] = React63.useState(false);
+  const [commentToRemove, setCommentToRemove] = React61.useState(null);
+  const [editingComment, setEditingComment] = React61.useState(false);
+  const [showCancelCommentEditingModal, setShowCancelCommentEditingModal] = React61.useState(false);
   const { values, onInputChange } = useFormContext();
   const tenantCtx = useTenantContext();
   const { allowToRemoveByRoles, comment, disabled, dictionary } = props;
@@ -9784,7 +9832,7 @@ function hasUnsavedChanges2({
   )?.toDateString();
   return isBaseFieldsChanged(values, initialValues) || isAttachmentsChanged({ attachments }, initialValues) || isRemindersChanged(values, initialValues) || isCommentsChanged(values) || dueDateChanged || internalDateChanged;
 }
-var TaskFormComponent = React68.forwardRef(function TaskFormComponent2(props, ref) {
+var TaskFormComponent = React66.forwardRef(function TaskFormComponent2(props, ref) {
   const {
     allowToRemoveAttachmentsByRoles,
     allowToRemoveCommentsByRoles,
@@ -10304,6 +10352,8 @@ export {
   MultiFileUpload,
   RichText,
   TextArea,
+  normalizeUserToOption,
+  UserComboboxOption,
   UserSelect,
   PreventLeaveDialog,
   FormattedRichText,
@@ -10332,4 +10382,4 @@ export {
   MilestoneProgress2 as MilestoneProgress,
   TaskFormHeader
 };
-//# sourceMappingURL=chunk-JKHZBLRB.js.map
+//# sourceMappingURL=chunk-MLVINKXL.js.map