@iress-oss/ids-components 6.0.0-alpha.25 → 6.0.0-alpha.26

package/dist/Autocomplete-BRMDwwwT.js

@@ -0,0 +1,402 @@
+import { jsx as o, jsxs as O, Fragment as pe } from "react/jsx-runtime";
+import { c as A } from "./cx-DN21T1EH.js";
+import { autoComplete as we } from "./components/Autocomplete/Autocomplete.styles.js";
+import { IressPopover as Ne } from "./components/Popover/Popover.js";
+import "./components/Popover/Popover.styles.js";
+import { IressInputPopover as De } from "./components/Popover/InputPopover/InputPopover.js";
+import { forwardRef as me, useState as B, useRef as ne, useImperativeHandle as xe, useEffect as ae, useCallback as Re } from "react";
+import "./components/Popover/hooks/useFloatingPopover.js";
+import { IressInput as Fe } from "./components/Input/Input.js";
+import "./components/Input/Input.styles.js";
+import { useControlledState as Te } from "./hooks/useControlledState.js";
+import { propagateTestid as ie } from "./helpers/utility/propagateTestid.js";
+import { toArray as Ee } from "./helpers/formatting/toArray.js";
+import { getValueAsEvent as Pe } from "./helpers/form/getValueAsEvent.js";
+import { getFormControlValueAsStringIfDefined as Le } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
+import { useAutocompleteSearch as fe } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressIcon as Ve } from "./components/Icon/Icon.js";
+import { AutocompleteInstructions as ke } from "./components/Autocomplete/components/AutocompleteInstructions.js";
+import { select as Ke } from "./components/Select/Select.styles.js";
+import "./components/Select/SelectBody/SelectBody.js";
+import "./components/Select/SelectCreate/SelectCreate.js";
+import "./components/Select/SelectHeading/SelectHeading.js";
+import "./components/Select/SelectLabel/SelectLabel.js";
+import { IressSelectMenu as Qe } from "./components/Select/SelectMenu/SelectMenu.js";
+import "./components/Select/SelectSearch/SelectSearch.js";
+import "./components/Select/SelectSearchInput/SelectSearchInput.js";
+import "./components/Select/SelectTags/SelectTags.js";
+import "./components/Select/components/NativeSelect.styles.js";
+import { IressReadonly as de } from "./components/Readonly/Readonly.js";
+import "./components/Readonly/Readonly.styles.js";
+import { IressAlert as je } from "./components/Alert/Alert.js";
+import "./components/Alert/Alert.styles.js";
+import { GlobalCSSClass as ce } from "./enums.js";
+import { SelectActivator as qe } from "./components/Select/components/SelectActivator.js";
+import { SelectOptions as He } from "./components/Select/components/SelectOptions.js";
+import { SelectHiddenInput as Me } from "./components/Select/components/SelectHiddenInput.js";
+import { useNoDefaultValueInForms as Oe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
+import { useResponsiveProps as Be } from "./hooks/useResponsiveProps.js";
+import { NativeSelect as Ge } from "./components/Select/components/NativeSelect.js";
+import { useSelectState as ze } from "./components/Select/hooks/useSelectState.js";
+const Je = ({
+  align: R = "bottom-start",
+  autoHighlight: G = !0,
+  className: F,
+  defaultValue: T,
+  disabled: d,
+  footer: z,
+  header: C,
+  id: E,
+  matchActivatorWidth: J = !0,
+  multiSelect: h,
+  name: w,
+  onChange: N,
+  onBlur: D,
+  options: u,
+  native: m,
+  placeholder: v,
+  readOnly: U,
+  renderHiddenInput: W,
+  renderLabel: X,
+  renderOptions: Y,
+  required: Z,
+  type: _,
+  value: g,
+  virtualFocus: $,
+  width: P,
+  ...L
+}, ee) => {
+  Oe({
+    component: "IressSelect",
+    defaultValue: T
+  });
+  const [e, t] = B(!1), a = e && !d, [I, S] = B(""), { value: l, setValue: x, getValuesString: V, getLabelsString: i } = ze({
+    component: "IressSelect",
+    defaultValue: T,
+    multiple: h,
+    value: g
+  }), f = ne(null), s = ne(null), c = ne(null), { value: y } = Be(
+    typeof m == "string" ? { xs: !0, [m]: !1 } : { xs: m },
+    {
+      disabled: !m
+    }
+  ), {
+    append: k,
+    debounceThreshold: K,
+    initialOptions: Q,
+    minSearchLength: j,
+    onActivated: q,
+    onDeactivated: H,
+    prepend: te,
+    selectedOptionsText: re,
+    ...p
+  } = L, {
+    debouncedQuery: r,
+    error: n,
+    results: he,
+    stopSearch: ve,
+    loading: le,
+    shouldShowInstructions: ge,
+    shouldShowNoResults: Ie
+  } = fe({
+    debounceThreshold: K,
+    disabled: !e || !!y,
+    initialOptions: Q,
+    minSearchLength: j,
+    options: u,
+    query: I
+  });
+  xe(ee, () => y ? {
+    focus: () => s.current?.focus(),
+    blur: () => s.current?.blur(),
+    input: s.current ?? null
+  } : f.current ? {
+    ...f.current,
+    focus: () => f.current?.getActivator()?.focus(),
+    blur: () => f.current?.getActivator()?.blur(),
+    hiddenInput: c.current ?? void 0,
+    input: c.current ?? null
+  } : {
+    hiddenInput: c.current ?? void 0,
+    input: c.current ?? null,
+    focus: () => c.current?.focus(),
+    blur: () => c.current?.blur()
+  }, [y]), ae(() => {
+    e ? q?.() : H?.();
+  }, [q, H, e]);
+  const Se = Re(
+    (b) => {
+      if (!D) return;
+      const M = b.currentTarget, ue = b.relatedTarget;
+      !e && (!ue || !M.contains(ue)) && D(b), b.stopPropagation();
+    },
+    [D, e]
+  );
+  if (U)
+    return /* @__PURE__ */ o(de, { value: V(), ref: c, children: i(", ") });
+  if (y) {
+    if (u instanceof Function)
+      throw new Error(
+        "[IressSelect] The native select does not support asynchronous options. Please provide options as an array."
+      );
+    if (h)
+      throw new Error(
+        "[IressSelect] The native select does not support multiple selection. Please remove the multiSelect prop or use the non-native select."
+      );
+    return /* @__PURE__ */ o(
+      Ge,
+      {
+        className: A(F, ce.Select),
+        "data-testid": p["data-testid"],
+        disabled: d,
+        id: E,
+        name: w,
+        onChange: (b, M) => {
+          N?.(b, M), x(M);
+        },
+        options: u,
+        placeholder: typeof m == "string" ? v ?? "" : v,
+        style: p.style,
+        value: l,
+        width: P,
+        ref: s
+      }
+    );
+  }
+  const oe = typeof u == "function", ye = $ ?? !oe, be = _ ?? (oe ? void 0 : "listbox"), se = Ke({ width: P }), Ae = () => {
+    t(!0);
+  }, Ce = () => {
+    t(!1), ve();
+  };
+  return /* @__PURE__ */ O(pe, { children: [
+    /* @__PURE__ */ o(
+      Me,
+      {
+        "data-testid": p["data-testid"],
+        getValuesString: V,
+        name: w,
+        renderHiddenInput: W,
+        required: Z,
+        value: l,
+        disabled: d,
+        ref: c
+      }
+    ),
+    /* @__PURE__ */ o(
+      Ne,
+      {
+        ...p,
+        activator: /* @__PURE__ */ o(
+          qe,
+          {
+            append: k,
+            async: oe,
+            disabled: d,
+            error: n,
+            id: E,
+            loading: le,
+            multiSelect: h,
+            onChange: N,
+            placeholder: v,
+            prepend: te,
+            renderLabel: X,
+            selectedOptionsText: re,
+            setValue: x,
+            setShow: t,
+            show: e,
+            value: l
+          }
+        ),
+        align: R,
+        className: A(F, se.root, ce.Select),
+        contentClassName: A(se.popoverContent),
+        matchActivatorWidth: J,
+        onActivated: Ae,
+        onDeactivated: Ce,
+        ref: f,
+        show: a,
+        type: be,
+        virtualFocus: ye,
+        onBlur: Se,
+        children: /* @__PURE__ */ O("div", { className: se.wrapper, children: [
+          C,
+          /* @__PURE__ */ o(
+            He,
+            {
+              autoHighlight: G,
+              debouncedQuery: r,
+              error: n,
+              initialOptions: Q,
+              loading: le,
+              minSearchLength: j,
+              multiSelect: h,
+              onChange: N,
+              options: u,
+              query: I,
+              renderOptions: Y,
+              results: he,
+              setQuery: S,
+              setShow: t,
+              setValue: x,
+              shouldShowInstructions: ge,
+              shouldShowNoResults: Ie,
+              show: a,
+              value: l
+            }
+          ),
+          z
+        ] })
+      }
+    )
+  ] });
+}, Ue = me(Je);
+Ue.displayName = "IressSelect";
+const We = me(
+  ({
+    alwaysShowOnFocus: R,
+    append: G = /* @__PURE__ */ o(Ve, { name: "search" }),
+    autoComplete: F = "off",
+    autoSelect: T = !0,
+    className: d,
+    clearable: z = !0,
+    "data-testid": C,
+    debounceThreshold: E,
+    defaultValue: J,
+    errorText: h = /* @__PURE__ */ o(je, { status: "danger", mb: "none", borderRadius: "radius.system.form", children: "An unknown error occurred. Please contact support if the error persists." }),
+    initialOptions: w,
+    limitDesktop: N = 12,
+    limitMobile: D = 6,
+    minSearchLength: u,
+    noResultsText: m,
+    onChange: v,
+    onClear: U,
+    onFocus: W,
+    options: X,
+    popoverProps: {
+      autoHighlight: Y = !1,
+      append: Z,
+      prepend: _,
+      ...g
+    } = {},
+    readOnly: $,
+    value: P,
+    ...L
+  }, ee) => {
+    const [e, t] = B(!1), { value: a, setValue: I } = Te({
+      component: "IressAutocomplete",
+      defaultValue: J,
+      value: P
+    }), [S, l] = B(!1), {
+      clearError: x,
+      debouncedQuery: V,
+      error: i,
+      loading: f,
+      results: s,
+      startSearch: c,
+      stopSearch: y,
+      shouldShowInstructions: k,
+      shouldShowNoResults: K
+    } = fe({
+      debounceThreshold: E,
+      initialOptions: w,
+      minSearchLength: u,
+      options: X,
+      query: Le(a)
+    });
+    if (ae(() => {
+      S && !e && s.length > 0 && a && t(!0);
+    }, [s.length, e, S, a]), ae(() => {
+      i && t(!0);
+    }, [i]), $)
+      return /* @__PURE__ */ o(de, { value: a });
+    const Q = (r, n) => {
+      v?.(r, n), I(n), l(!!n);
+    }, j = (r) => {
+      U?.(r), I("");
+    }, q = (r) => {
+      W?.(r), w?.length && t(!0);
+    }, H = (r) => {
+      const n = Ee(r)?.[0];
+      v?.(
+        Pe(n?.label),
+        n?.label,
+        n
+      ), I(n?.label), t(!1), l(!1);
+    }, te = () => {
+      (!R || !a) && y(), x(), t(!1), a && l(!1);
+    }, re = (r) => {
+      L.onKeyDown?.(r), r.key === "ArrowDown" && (!e || !S) && (s.length || c(!0), l(!0), t(!0));
+    }, p = we({
+      isEmpty: s.length === 0 && !i && !k && !K
+    });
+    return /* @__PURE__ */ O(
+      De,
+      {
+        ...g,
+        activator: /* @__PURE__ */ o(
+          Fe,
+          {
+            ...L,
+            append: G,
+            autoComplete: F,
+            clearable: z,
+            "data-testid": ie(C, "input"),
+            loading: f,
+            onChange: Q,
+            onClear: j,
+            onFocus: q,
+            onKeyDown: re,
+            value: a,
+            ref: ee
+          }
+        ),
+        autoHighlight: Y,
+        className: A(
+          d,
+          g.className,
+          p.root,
+          ce.Autocomplete
+        ),
+        contentClassName: A(
+          g.contentClassName,
+          p.popoverContent
+        ),
+        contentStyle: g.contentStyle,
+        "data-testid": C,
+        minLength: 0,
+        onActivated: () => (S || R) && t(!0),
+        onDeactivated: te,
+        show: e,
+        type: "listbox",
+        focusStartIndex: 0,
+        children: [
+          s.length > 0 && /* @__PURE__ */ O(pe, { children: [
+            _,
+            /* @__PURE__ */ o(
+              Qe,
+              {
+                changeOnBlur: T,
+                className: A(p.optionList),
+                "data-testid": ie(C, "menu"),
+                items: s,
+                limitDesktop: N,
+                limitMobile: D,
+                onChange: H,
+                selected: { label: V }
+              }
+            ),
+            Z
+          ] }),
+          i && h,
+          k && !i && /* @__PURE__ */ o(ke, { minSearchLength: u ?? 1 }),
+          K && !i && m
+        ]
+      }
+    );
+  }
+);
+We.displayName = "IressAutocomplete";
+export {
+  Ue as I,
+  We as a
+};

package/dist/components/Alert/Alert.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const alert: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "alert" | "children" | "heading" | "icon" | "wrapper" | "footerActions" | "action" | "dismiss", {
+export declare const alert: import('../../styled-system/types').SlotRecipeRuntimeFn<"children" | "footer" | "alert" | "heading" | "icon" | "wrapper" | "footerActions" | "action" | "dismiss", {
     hasFooter: {
         true: {
             dismiss: {

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -3,7 +3,7 @@ import { InputBaseElement, IressInputProps } from '../Input';
 import { AutocompleteSearchHookProps } from './hooks/useAutocompleteSearch';
 import { ReactNode, SyntheticEvent } from 'react';
 import { InputRef } from '../Input/InputBase/InputBase';
-import { IressSelectMenuProps } from '../RichSelect';
+import { IressSelectMenuProps } from '../Select';
 import { LabelValueMeta } from '../../interfaces';
 import { FormControlValue } from '../../types';
 export interface IressAutocompleteProps<T extends FormControlValue = string> extends Omit<IressInputProps<T>, 'children' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {

package/dist/components/Autocomplete/Autocomplete.js

@@ -16,20 +16,22 @@ import "../../helpers/form/getFormControlValueAsStringIfDefined.js";
 import "./hooks/useAutocompleteSearch.js";
 import "../Icon/Icon.js";
 import "./components/AutocompleteInstructions.js";
-import { a as G } from "../../Autocomplete-DUsna_OY.js";
-import "../RichSelect/SelectBody/SelectBody.js";
-import "../RichSelect/SelectCreate/SelectCreate.js";
-import "../RichSelect/SelectHeading/SelectHeading.js";
-import "../RichSelect/SelectLabel/SelectLabel.js";
-import "../RichSelect/SelectMenu/SelectMenu.js";
-import "../RichSelect/SelectSearch/SelectSearch.js";
-import "../RichSelect/SelectSearchInput/SelectSearchInput.js";
-import "../RichSelect/SelectTags/SelectTags.js";
+import { a as J } from "../../Autocomplete-BRMDwwwT.js";
+import "../Select/SelectBody/SelectBody.js";
+import "../Select/SelectCreate/SelectCreate.js";
+import "../Select/SelectHeading/SelectHeading.js";
+import "../Select/SelectLabel/SelectLabel.js";
+import "../Select/SelectMenu/SelectMenu.js";
+import "../Select/SelectSearch/SelectSearch.js";
+import "../Select/SelectSearchInput/SelectSearchInput.js";
+import "../Select/SelectTags/SelectTags.js";
+import "../Select/Select.styles.js";
+import "../Select/components/NativeSelect.styles.js";
 import "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import "../Alert/Alert.js";
 import "../Alert/Alert.styles.js";
 import "../../enums.js";
 export {
-  G as IressAutocomplete
+  J as IressAutocomplete
 };

package/dist/components/Autocomplete/hooks/useAutocompleteSearch.d.ts

@@ -5,6 +5,12 @@ export interface AutocompleteSearchHookProps {
      * @default 500
      */
     debounceThreshold?: number;
+    /**
+     * Disables the hook from running any effects or search operations.
+     * When disabled, the hook returns empty results and default state.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * Initial options data set, shown when the input is empty.
      */
@@ -74,4 +80,4 @@ export interface AutocompleteSearchHookReturn {
  * Advanced autocomplete search hook with debouncing and race condition protection
  * Supports both sync array search and async function search
  */
-export declare const useAutocompleteSearch: ({ debounceThreshold, initialOptions, minSearchLength, options, query, }: AutocompleteSearchHookProps) => AutocompleteSearchHookReturn;
+export declare const useAutocompleteSearch: ({ debounceThreshold, disabled, initialOptions, minSearchLength, options, query, }: AutocompleteSearchHookProps) => AutocompleteSearchHookReturn;