@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/dist/components/Filter/Filter.js

@@ -1,225 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as ee, useRef as te, useMemo as re, useState as C, useImperativeHandle as oe } from "react";
-import { c as se } from "../../cx-DN21T1EH.js";
-import { filter as ie } from "./Filter.styles.js";
-import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
-import { IressPopover as ae } from "../Popover/Popover.js";
-import "../Popover/Popover.styles.js";
-import "../Popover/InputPopover/InputPopover.js";
-import "../Popover/hooks/usePopover.js";
-import { I as ne } from "../../Button-mmhMLwp9.js";
-import "../Button/CloseButton/CloseButton.js";
-import { useRichSelectState as me } from "../RichSelect/hooks/useRichSelectState.js";
-import "../../Autocomplete-C5ubHBTi.js";
-import "../RichSelect/SelectBody/SelectBody.styles.js";
-import { GlobalCSSClass as pe } from "../../enums.js";
-import { useIdIfNeeded as le } from "../../hooks/useIdIfNeeded.js";
-import "../Menu/Menu.js";
-import "../Menu/Menu.styles.js";
-import { IressDivider as ce } from "../Divider/Divider.js";
-import "../Divider/Divider.styles.js";
-import "../Menu/MenuItem/MenuItem.js";
-import { IressIcon as w } from "../Icon/Icon.js";
-import "../Icon/Icon.styles.js";
-import "../RichSelect/SelectHeading/SelectHeading.js";
-import "../RichSelect/SelectLabel/SelectLabel.styles.js";
-import { IressSelectMenu as de } from "../RichSelect/SelectMenu/SelectMenu.js";
-import "../RichSelect/SelectSearch/SelectSearch.styles.js";
-import "../RichSelect/SelectSearchInput/SelectSearchInput.js";
-import "../RichSelect/SelectTags/SelectTags.styles.js";
-import "../Tag/Tag.styles.js";
-import "../Tag/TagInput/TagInput.js";
-import "../Inline/Inline.styles.js";
-import "../Inline/Inline.js";
-import "../Autocomplete/Autocomplete.styles.js";
-import { useAutocompleteSearch as ue } from "../Autocomplete/hooks/useAutocompleteSearch.js";
-import { IressPanel as fe } from "../Panel/Panel.js";
-import "../Panel/Panel.styles.js";
-import { useFilterFlags as he } from "./hooks/useFilterFlags.js";
-import { FilterSearch as ve } from "./components/FilterSearch.js";
-import { FilterResetButton as ge } from "./components/FilterResetButton.js";
-import { FilterLabel as be } from "./components/FilterLabel.js";
-import { FilterResultsDescriptor as Fe } from "./components/FilterResultsDescriptor.js";
-const I = {
-  align: "bottom-start"
-}, Re = ({
-  children: P,
-  className: N,
-  "data-testid": t,
-  debounceThreshold: x,
-  defaultValue: h,
-  id: D,
-  initialOptions: A,
-  inputProps: O = {
-    clearable: !0,
-    prepend: /* @__PURE__ */ e(w, { name: "search" })
-  },
-  limitDesktop: Q = 12,
-  limitMobile: _ = 6,
-  label: L,
-  multiSelect: s,
-  onChange: M,
-  onReset: j,
-  options: i,
-  popoverProps: {
-    footer: k,
-    header: E,
-    ...H
-  } = I,
-  searchable: v,
-  searchNoResultsText: g,
-  selectedOptionsText: W,
-  value: q,
-  visibleResetButton: m,
-  ...G
-}, U) => {
-  const b = le({ id: D }), F = `${b}-sr-text`, R = te(null), S = re(
-    () => v ?? typeof i == "function",
-    [i, v]
-  ), V = {
-    clearable: !0,
-    prepend: /* @__PURE__ */ e(w, { name: "search" }),
-    ...O
-  }, $ = { ...I, ...H }, { value: y, setValue: c } = me({
-    component: "IressFilter",
-    defaultValue: h,
-    multiple: s,
-    value: q
-  }), [z, d] = C(""), [J, a] = C(!1), K = (l) => {
-    d(l.target.value);
-  }, X = () => {
-    d("");
-  }, Y = (l) => {
-    M?.(l), c(l), s || a(!1);
-  }, Z = () => {
-    c(void 0), j?.(), s || a(!1);
-  };
-  oe(U, () => ({
-    element: R.current ?? void 0,
-    clearSearch: () => d(""),
-    reset: () => c(h)
-  }));
-  const {
-    debouncedQuery: B,
-    loading: u,
-    results: f,
-    shouldShowInstructions: Se,
-    shouldShowDebounceWaiting: ye,
-    shouldShowNoResults: Ce
-  } = ue({
-    debounceThreshold: x,
-    initialOptions: A ?? (typeof i == "function" ? void 0 : i),
-    options: i,
-    query: z
-  }), p = he({
-    debouncedQuery: B,
-    loading: u,
-    results: f,
-    searchable: S,
-    visibleResetButton: m
-  }), r = ie();
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ...G,
-      className: se(N, r.root, pe.Filter),
-      "data-testid": t,
-      id: b,
-      ref: R,
-      children: [
-        /* @__PURE__ */ n(
-          ae,
-          {
-            ...$,
-            activator: /* @__PURE__ */ n(
-              ne,
-              {
-                "aria-describedby": F,
-                "data-testid": o(
-                  t,
-                  "activator-button__button"
-                ),
-                onClick: () => a(!0),
-                children: [
-                  /* @__PURE__ */ e(
-                    be,
-                    {
-                      label: L,
-                      selectedOptionsText: W,
-                      value: y
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: r.chevron })
-                ]
-              }
-            ),
-            contentStyle: { className: r.popoverContent },
-            "data-testid": o(t, "popover"),
-            show: J,
-            matchActivatorWidth: !0,
-            onActivated: () => a(!0),
-            onDeactivated: () => a(!1),
-            type: "listbox",
-            children: [
-              E,
-              p.showHeader && /* @__PURE__ */ n(T, { children: [
-                /* @__PURE__ */ n(fe, { bg: "transparent", p: "spacing.2", children: [
-                  S && /* @__PURE__ */ e(
-                    ve,
-                    {
-                      ...V,
-                      className: r.searchInput,
-                      "data-testid": o(t, "input"),
-                      loading: u,
-                      onChange: K,
-                      onClear: X
-                    }
-                  ),
-                  m && /* @__PURE__ */ e(
-                    ge,
-                    {
-                      "data-testid": o(t, "reset-button"),
-                      onClick: Z,
-                      children: typeof m == "string" ? m : "Reset filter"
-                    }
-                  )
-                ] }),
-                p.showResults && /* @__PURE__ */ e(ce, {})
-              ] }),
-              p.showResults && /* @__PURE__ */ e(
-                de,
-                {
-                  className: r.optionList,
-                  "data-testid": o(t, "menu"),
-                  items: f,
-                  limitDesktop: Q,
-                  limitMobile: _,
-                  multiSelect: s,
-                  onChange: Y,
-                  selected: y,
-                  selectedFirst: s
-                }
-              ),
-              p.showNoResults && /* @__PURE__ */ e("div", { className: r.noResults, children: g }),
-              k
-            ]
-          }
-        ),
-        P,
-        /* @__PURE__ */ e(
-          Fe,
-          {
-            "data-testid": o(t, "results-sr-text"),
-            id: F,
-            loading: u,
-            noResultsText: g,
-            results: f
-          }
-        )
-      ]
-    }
-  );
-}, dt = ee(Re);
-export {
-  dt as IressFilter
-};

package/dist/components/Filter/Filter.styles.js

@@ -1,65 +0,0 @@
-import { s as t } from "../../sva-OmxClA9g.js";
-const e = t({
-  slots: [
-    "root",
-    "chevron",
-    "searchInput",
-    "optionList",
-    "optionContent",
-    "optionMeta",
-    "optionMetaText",
-    "reset",
-    "noResults",
-    "popoverContent"
-  ],
-  base: {
-    root: {},
-    chevron: {
-      selectChevron: !0,
-      marginInlineStart: "spacing.2",
-      _rtl: {
-        selectChevronRtl: !0
-      }
-    },
-    searchInput: {
-      minWidth: "[270px]",
-      position: "relative",
-      "&:not(:last-child)": {
-        marginBottom: "spacing.4"
-      },
-      "& .ids-spinner": {
-        position: "absolute",
-        right: "spacing.5"
-      }
-    },
-    optionList: {
-      _empty: {
-        display: "none"
-      }
-    },
-    optionContent: {
-      flex: "[1 1 auto]",
-      flexDirection: "column"
-    },
-    optionMeta: {
-      display: "block"
-    },
-    optionMetaText: {
-      fontWeight: "normal",
-      color: "colour.neutral.60"
-    },
-    reset: {
-      minHeight: "auto"
-    },
-    noResults: {},
-    popoverContent: {
-      maxHeight: "overlay.sm",
-      overflowY: "auto"
-    }
-  },
-  variants: {},
-  compoundVariants: []
-});
-export {
-  e as filter
-};

package/dist/components/Filter/components/FilterLabel.js

@@ -1,10 +0,0 @@
-import { composeLabelValueDescriptor as e } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
-import { toArray as i } from "../../../helpers/formatting/toArray.js";
-const f = ({
-  label: r,
-  selectedOptionsText: o,
-  value: t
-}) => i(t).length && typeof r == "string" ? `${r}: ${e(t, o)}` : r;
-export {
-  f as FilterLabel
-};

package/dist/components/Filter/components/FilterResetButton.js

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { I as i } from "../../../Button-mmhMLwp9.js";
-import "../../Button/CloseButton/CloseButton.js";
-import { filter as p } from "../Filter.styles.js";
-import { usePopoverItem as f } from "../../Popover/hooks/usePopoverItem.js";
-import { forwardRef as u, useRef as a, useImperativeHandle as c } from "react";
-const l = u(
-  (t, o) => {
-    const e = a(null), { isActiveInPopover: I, ...r } = f(), s = p();
-    return c(o, () => e.current), /* @__PURE__ */ n(
-      i,
-      {
-        ...t,
-        ...r,
-        className: s.reset,
-        mode: "tertiary",
-        ref: (m) => {
-          e.current = m, r?.ref?.(e.current);
-        }
-      }
-    );
-  }
-);
-l.displayName = "FilterResetButton";
-export {
-  l as FilterResetButton
-};

package/dist/components/Filter/components/FilterResultsDescriptor.js

@@ -1,18 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import { composeLabelValueDescriptor as s } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
-import { c as l } from "../../../css-fGu_jDvv.js";
-const D = ({
-  loading: t,
-  noResultsText: o = "No results",
-  results: r = [],
-  show: e,
-  value: i,
-  ...n
-}) => {
-  const m = p(() => t ? "loading" : e && !r.length ? o : e && r.length ? s(r, "{{numOptions}} results") : s(i) || "None selected", [t, o, r, e, i]);
-  return /* @__PURE__ */ c("div", { ...n, className: l({ srOnly: !0 }), children: m });
-};
-export {
-  D as FilterResultsDescriptor
-};

package/dist/components/Filter/components/FilterSearch.js

@@ -1,32 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { filter as p } from "../Filter.styles.js";
-import { usePopoverItem as a } from "../../Popover/hooks/usePopoverItem.js";
-import { forwardRef as i, useRef as n, useImperativeHandle as f } from "react";
-import { c as l } from "../../../cx-DN21T1EH.js";
-import { IressInput as u } from "../../Input/Input.js";
-import "../../Input/Input.styles.js";
-const I = i(
-  (r, o) => {
-    const e = n(null), { isActiveInPopover: h, ...t } = a();
-    f(o, () => e.current);
-    const s = p();
-    return /* @__PURE__ */ c(
-      u,
-      {
-        ...r,
-        ...t,
-        autoCorrect: "off",
-        className: l(s.searchInput, r.className),
-        style: { width: "100%" },
-        ref: (m) => {
-          e.current = m, t?.ref?.(e.current?.input ?? null);
-        },
-        type: "search"
-      }
-    );
-  }
-);
-I.displayName = "FilterSearch";
-export {
-  I as FilterSearch
-};

package/dist/components/Filter/hooks/useFilterFlags.js

@@ -1,25 +0,0 @@
-import { useMemo as t } from "react";
-const p = ({
-  debouncedQuery: h,
-  loading: n,
-  results: o,
-  searchable: s,
-  visibleResetButton: g
-}) => {
-  const m = t(
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    () => s || g,
-    [s, g]
-  ), w = t(() => !!o.length, [o]), c = t(
-    () => o.length === 0 && !n && h,
-    [h, n, o.length]
-  );
-  return {
-    showHeader: m,
-    showNoResults: c,
-    showResults: w
-  };
-};
-export {
-  p as useFilterFlags
-};

package/dist/components/Filter/index.js

@@ -1,4 +0,0 @@
-import { IressFilter as o } from "./Filter.js";
-export {
-  o as IressFilter
-};

package/dist/components/Panel/Panel.styles.js

@@ -1,23 +0,0 @@
-import { c as a } from "../../cva-JiDXAa83.js";
-const o = a({
-  base: {
-    display: "block",
-    boxSizing: "border-box",
-    borderRadius: "radius.system.layout",
-    padding: "md",
-    bg: "colour.neutral.10"
-  },
-  variants: {
-    noBorderRadius: {
-      true: {
-        borderRadius: "radius.000"
-      }
-    }
-  },
-  defaultVariants: {
-    noBorderRadius: !1
-  }
-});
-export {
-  o as panel
-};

package/dist/components/Popover/components/NestedPopoverActivator.js

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { w as e } from "../../../floating-ui.react-BetVZ099.js";
-const m = ({
-  children: t,
-  parentPopover: o
-}) => o ? /* @__PURE__ */ r(e, { elementsRef: o.list, children: t }) : t;
-export {
-  m as NestedPopoverActivator
-};

package/dist/components/RichSelect/RichSelect.js

@@ -1,40 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../cx-DN21T1EH.js";
-import "./RichSelect.styles.js";
-import "./hooks/useRichSelectState.js";
-import { I as K } from "../../Autocomplete-C5ubHBTi.js";
-import "./SelectBody/SelectBody.styles.js";
-import "../../enums.js";
-import "../Menu/Menu.js";
-import "../Menu/Menu.styles.js";
-import "../Divider/Divider.styles.js";
-import "../Menu/MenuItem/MenuItem.js";
-import "../Popover/hooks/usePopover.js";
-import "../Icon/Icon.styles.js";
-import "./SelectHeading/SelectHeading.js";
-import "./SelectLabel/SelectLabel.styles.js";
-import "./SelectMenu/SelectMenu.styles.js";
-import "./SelectSearch/SelectSearch.styles.js";
-import "../Popover/Popover.js";
-import "../Popover/Popover.styles.js";
-import "../Popover/InputPopover/InputPopover.js";
-import "./SelectSearchInput/SelectSearchInput.js";
-import "./SelectTags/SelectTags.styles.js";
-import "../../Button-mmhMLwp9.js";
-import "../Button/CloseButton/CloseButton.js";
-import "../Tag/Tag.styles.js";
-import "../Tag/TagInput/TagInput.js";
-import "../Inline/Inline.styles.js";
-import "../Inline/Inline.js";
-import "../Autocomplete/Autocomplete.styles.js";
-import "../Autocomplete/hooks/useAutocompleteSearch.js";
-import "./components/SelectActivator.js";
-import "./components/SelectOptions.js";
-import "./components/SelectHiddenInput.js";
-import "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-import "../Readonly/Readonly.js";
-import "../Readonly/Readonly.styles.js";
-export {
-  K as IressRichSelect
-};

package/dist/components/RichSelect/RichSelect.styles.js

@@ -1,96 +0,0 @@
-import { s as c } from "../../sva-OmxClA9g.js";
-const i = c({
-  slots: [
-    "richSelect",
-    "popoverContent",
-    "dropdownSelectedHeading",
-    "dropdownClear",
-    "wrapper"
-  ],
-  base: {
-    richSelect: {
-      display: "block"
-    },
-    popoverContent: {
-      minWidth: "[fit-content]",
-      maxHeight: "[30rem]",
-      overflowY: "auto"
-    },
-    dropdownSelectedHeading: {
-      width: "[100%]"
-    },
-    dropdownClear: {
-      paddingX: "spacing.2",
-      paddingY: "spacing.1",
-      minHeight: "[0px]",
-      boxShadow: "[none]"
-    },
-    wrapper: {
-      width: "[100%]",
-      display: "flex",
-      flexDirection: "column"
-    }
-  },
-  variants: {
-    width: {
-      2: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]"
-        }
-      },
-      4: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]"
-        }
-      },
-      6: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]"
-        }
-      },
-      8: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]"
-        }
-      },
-      10: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]"
-        }
-      },
-      12: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]"
-        }
-      },
-      16: {
-        richSelect: {
-          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]"
-        }
-      },
-      "25perc": {
-        richSelect: {
-          width: "input.25perc"
-        }
-      },
-      "50perc": {
-        richSelect: {
-          width: "input.50perc"
-        }
-      },
-      "75perc": {
-        richSelect: {
-          width: "input.75perc"
-        }
-      },
-      "100perc": {
-        richSelect: {
-          width: "input.100perc"
-        }
-      }
-    }
-  }
-});
-export {
-  i as richSelect
-};

package/dist/components/RichSelect/SelectBody/SelectBody.js

@@ -1,33 +0,0 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../cx-DN21T1EH.js";
-import { selectBody as d } from "./SelectBody.styles.js";
-import { GlobalCSSClass as a } from "../../../enums.js";
-import { IressText as n } from "../../Text/Text.js";
-const B = ({
-  children: o,
-  className: l,
-  footer: e,
-  header: r,
-  ...i
-}) => {
-  const c = d();
-  return /* @__PURE__ */ t(
-    n,
-    {
-      ...i,
-      className: m(
-        l,
-        c.selectBody,
-        a.RichSelectBody
-      ),
-      children: [
-        r && /* @__PURE__ */ s("div", { children: r }),
-        /* @__PURE__ */ s("div", { className: c.children, children: o }),
-        e && /* @__PURE__ */ s("div", { children: e })
-      ]
-    }
-  );
-};
-export {
-  B as IressSelectBody
-};

package/dist/components/RichSelect/SelectBody/SelectBody.styles.js

@@ -1,21 +0,0 @@
-import { s as e } from "../../../sva-OmxClA9g.js";
-const l = e({
-  slots: ["selectBody", "children"],
-  base: {
-    selectBody: {
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "[30rem]",
-      flex: "1",
-      width: "[100%]",
-      overflowY: "auto"
-    },
-    children: {
-      flex: "1",
-      overflowX: "hidden"
-    }
-  }
-});
-export {
-  l as selectBody
-};

package/dist/components/RichSelect/SelectCreate/SelectCreate.js

@@ -1,37 +0,0 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import "react";
-import { useIdIfNeeded as p } from "../../../hooks/useIdIfNeeded.js";
-import { IressMenu as c } from "../../Menu/Menu.js";
-import "../../Menu/Menu.styles.js";
-import "../../Divider/Divider.styles.js";
-import { IressMenuItem as I } from "../../Menu/MenuItem/MenuItem.js";
-import { IressMenuHeading as f } from "../../Menu/MenuText/MenuText.js";
-import { IressIcon as u } from "../../Icon/Icon.js";
-import "../../Icon/Icon.styles.js";
-const k = ({
-  fluid: m = !0,
-  heading: e,
-  label: n = "New option",
-  loading: s,
-  onCreate: d,
-  prepend: l = /* @__PURE__ */ o(u, { name: "plus", screenreaderText: "Add" }),
-  ...r
-}) => {
-  const i = `${p({ id: r.id })}--label`, t = typeof e == "string";
-  return /* @__PURE__ */ a(
-    c,
-    {
-      ...r,
-      "aria-labelledby": t ? i : r["aria-labelledby"],
-      role: "menu",
-      fluid: m,
-      children: [
-        t ? /* @__PURE__ */ o(f, { id: i, children: e }) : e,
-        /* @__PURE__ */ o(I, { prepend: l, onClick: d, loading: s, children: n })
-      ]
-    }
-  );
-};
-export {
-  k as IressSelectCreate
-};