@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/types.js

@@ -1 +0,0 @@
-

package/dist/useAutocompleteSearch-CBgqGiKn.js

@@ -0,0 +1,179 @@
+import { highlightQueryInLabelValue as e } from "./helpers/label-value/highlightQueryInLabelValue.js";
+import { searchLabelValues as t } from "./helpers/label-value/searchLabelValues.js";
+import { useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+//#region ../../node_modules/use-debounce/dist/index.module.js
+function s(e, t, n, o) {
+	var s = this, c = a(null), l = a(0), u = a(0), d = a(null), f = a([]), p = a(), m = a(), h = a(e), g = a(!0), _ = a(), v = a();
+	h.current = e;
+	var y = typeof window < "u", b = !t && t !== 0 && y;
+	if (typeof e != "function") throw TypeError("Expected a function");
+	t = +t || 0;
+	var x = !!(n ||= {}).leading, S = !("trailing" in n) || !!n.trailing, C = !!n.flushOnExit && S, w = "maxWait" in n, T = "debounceOnServer" in n && !!n.debounceOnServer, E = w ? Math.max(+n.maxWait || 0, t) : null, D = i(function() {
+		var e = function(e) {
+			var t = f.current, n = p.current;
+			return f.current = p.current = null, l.current = e, u.current = u.current || e, m.current = h.current.apply(n, t);
+		}, n = function(e, t) {
+			b && cancelAnimationFrame(d.current), d.current = b ? requestAnimationFrame(e) : setTimeout(e, t);
+		}, r = function(e) {
+			if (!g.current) return !1;
+			var n = e - c.current;
+			return !c.current || n >= t || n < 0 || w && e - l.current >= E;
+		}, i = function(t) {
+			return d.current = null, S && f.current ? e(t) : (f.current = p.current = null, m.current);
+		}, a = function e() {
+			var a = Date.now();
+			if (x && u.current === l.current && D(), r(a)) return i(a);
+			if (g.current) {
+				var o = t - (a - c.current);
+				n(e, w ? Math.min(o, E - (a - l.current)) : o);
+			}
+		}, D = function() {
+			o && o({});
+		}, O = function() {
+			if (y || T) {
+				var i, o = Date.now(), u = r(o);
+				if (f.current = [].slice.call(arguments), p.current = s, c.current = o, C && !_.current && (_.current = function() {
+					globalThis.document?.visibilityState === "hidden" && v.current.flush();
+				}, (i = globalThis.document) == null || i.addEventListener == null || i.addEventListener("visibilitychange", _.current)), u) {
+					if (!d.current && g.current) return l.current = c.current, n(a, t), x ? e(c.current) : m.current;
+					if (w) return n(a, t), e(c.current);
+				}
+				return d.current || n(a, t), m.current;
+			}
+		};
+		return O.cancel = function() {
+			var e = d.current;
+			e && (b ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), l.current = 0, f.current = c.current = p.current = d.current = null, e && o && o({});
+		}, O.isPending = function() {
+			return !!d.current;
+		}, O.flush = function() {
+			return d.current ? i(Date.now()) : m.current;
+		}, O;
+	}, [
+		x,
+		w,
+		t,
+		E,
+		S,
+		C,
+		b,
+		y,
+		T,
+		o
+	]);
+	return v.current = D, r(function() {
+		return g.current = !0, function() {
+			var e;
+			C && v.current.flush(), _.current &&= ((e = globalThis.document) == null || e.removeEventListener == null || e.removeEventListener("visibilitychange", _.current), null), g.current = !1;
+		};
+	}, [C]), D;
+}
+function c(e, t) {
+	return e === t;
+}
+function l(e, t, r) {
+	var i = r && r.equalityFn || c, l = a(e), u = o({})[1], d = s(n(function(e) {
+		l.current = e, u({});
+	}, [u]), t, r, u), f = a(e);
+	return i(f.current, e) || (d(e), f.current = e), [l.current, d];
+}
+//#endregion
+//#region src/components/Autocomplete/hooks/useAutocompleteSearch.tsx
+var u = 500, d = 1, f = (e) => e instanceof Error && e.message ? e.message : typeof e == "string" ? e : !0, p = () => {
+	let [t, r] = o(!1), [i, a] = o(!1), [s, c] = o([]), [l, u] = o(!1);
+	return {
+		loading: t,
+		error: i,
+		results: s,
+		hasSearched: l,
+		reset: n(() => {
+			c([]), r(!1), a(!1), u(!1);
+		}, []),
+		updateWithResults: n((t, n) => {
+			c(t.map((t) => e(t, n))), a(!1), r(!1);
+		}, []),
+		updateWithError: n((e) => {
+			c([]), a(e), r(!1);
+		}, []),
+		clearError: n(() => {
+			a(!1);
+		}, []),
+		setLoadingState: n((e) => {
+			r(e);
+		}, []),
+		setSearched: n((e) => {
+			u(e);
+		}, []),
+		clearErrorState: n(() => {
+			a(!1);
+		}, [])
+	};
+}, m = (e, r) => {
+	let i = a(""), o = n((e) => i.current === e, []), s = n((e) => {
+		i.current = e;
+	}, []);
+	return {
+		handleAsync: n(async (t, n, i, a = !1) => {
+			if (o(n) && !a) return;
+			r.current += 1;
+			let c = r.current;
+			if (s(n), n.length >= i) {
+				e.setLoadingState(!0), e.clearErrorState();
+				try {
+					let i = await t(n);
+					if (c !== r.current) return;
+					e.setSearched(!0), e.updateWithResults(i, n);
+				} catch (t) {
+					if (c !== r.current) return;
+					e.setSearched(!0), e.updateWithError(f(t));
+				}
+			} else e.reset();
+		}, [
+			e,
+			o,
+			s,
+			r
+		]),
+		handleSync: n((n, r, i, a = !1) => {
+			if (!(o(r) && !a)) if (s(r), r.length >= i) {
+				e.setSearched(!0);
+				let i = t(r, n);
+				e.updateWithResults(i, r);
+			} else e.reset();
+		}, [
+			e,
+			o,
+			s
+		])
+	};
+}, h = ({ debounceThreshold: e = u, initialOptions: t = [], minSearchLength: i = d, options: o = [], query: s = "" }) => {
+	let c = p(), f = m(c, a(0)), [h] = l(s, e), g = n((e = !1) => {
+		if (typeof o == "function") {
+			f.handleAsync(o, h, i, e);
+			return;
+		}
+		f.handleSync(o, h, i, e);
+	}, [
+		h,
+		i,
+		o,
+		f
+	]);
+	r(g, [g]);
+	let _ = () => h.length < i ? t ?? [] : c.hasSearched ? c.results : t ?? [];
+	return {
+		clearError: c.clearError,
+		debouncedQuery: h,
+		error: c.error,
+		loading: c.loading,
+		shouldShowInstructions: s.length < i && t.length === 0,
+		shouldShowDebounceWaiting: s.length >= i && h.length < i && !c.loading && !c.hasSearched,
+		shouldShowNoResults: c.hasSearched && !c.loading && c.results.length === 0 && h.length >= i,
+		displayResults: _(),
+		results: _(),
+		startSearch: g,
+		stopSearch: c.reset
+	};
+};
+//#endregion
+export { h as t };

package/dist/useIDSButtonGroupItem-BkzYQzAi.js

@@ -0,0 +1,21 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { useButtonGroup as n } from "./components/ButtonGroup/hooks/useButtonGroup.js";
+var r = {
+	buttonGroup: "ids-button-group-v5209",
+	values: "ids-button-group--values-v5209",
+	label: "ids-button-group--label-v5209",
+	item: "ids-button-group--item-v5209",
+	active: "ids-button-group--active-v5209"
+}, i = /* @__PURE__ */ e(t(), 1), a = ({ value: e }) => {
+	let t = n();
+	if (t) return {
+		className: (0, i.default)(r.item, { [r.active]: t.isActive(e) }),
+		props: { "aria-pressed": t.isActive(e) },
+		toggle() {
+			e !== void 0 && t?.toggle?.(e, !t.isActive(e));
+		}
+	};
+};
+//#endregion
+export { r as n, a as t };

package/dist/useMenuStyles-cry3mes_.js

@@ -0,0 +1,20 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { usePopover as n } from "./components/Popover/hooks/usePopover.js";
+//#region src/components/Menu/Menu.module.scss
+var r = "ids-menu-v5209", i = "ids-menu--inline-v5209", a = "ids-menu--stack-v5209", o = "ids-menu--fluid-v5209", s = {
+	menu: r,
+	inline: i,
+	"inline-equal-width": "ids-menu--inline-equal-width-v5209",
+	stack: a,
+	fluid: o,
+	"ids-menu-item--divider": "ids-menu-item--divider-v5209"
+}, c = /* @__PURE__ */ e(t(), 1), l = ({ className: e, fluid: t, layout: r = "stack", role: i }) => {
+	let a = n()?.type;
+	return { className: (0, c.default)(e, s.menu, s[r], {
+		[s.fluid]: (a && ["listbox", "menu"].includes(a)) ?? t,
+		[s.nav]: i === "nav" && s.nav
+	}) };
+};
+//#endregion
+export { l as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-components",
-  "version": "5.20.8",
+  "version": "5.20.9",
   "description": "Iress React Component Library",
   "license": "Apache-2.0",
   "type": "module",
@@ -40,21 +40,21 @@
     "@types/query-selector-shadow-dom": "^1.0.4",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^5.1.3",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/ui": "^4.0.17",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.3",
+    "@vitest/ui": "^4.1.3",
     "colorjs.io": "^0.6.1",
-    "eslint": "^10.0.3",
-    "eslint-plugin-file-progress": "^3.0.2",
+    "eslint": "^10.2.0",
+    "eslint-plugin-file-progress": "^4.0.0",
     "eslint-plugin-mdx": "^3.7.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-sonarjs": "^4.0.1",
+    "eslint-plugin-sonarjs": "^4.0.2",
     "glob": "^13.0.3",
     "jest-axe": "^10.0.0",
-    "jsdom": "^28.1.0",
-    "postcss": "^8.5.8",
+    "jsdom": "^29.0.0",
+    "postcss": "^8.5.9",
     "postcss-preset-env": "^11.1.3",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.8.1",
@@ -63,15 +63,15 @@
     "react-dom": "^19.2.4",
     "react-dropzone": "15.0.0",
     "rimraf": "^6.1.3",
-    "sass": "^1.97.2",
-    "storybook": "^10.2.16",
+    "sass": "^1.98.0",
+    "storybook": "^10.3.3",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.6",
+    "vite-plugin-static-copy": "^3.3.0",
     "vite-tsconfig-paths": "^6.1.0",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.3"
   },
   "dependencies": {
     "@floating-ui/react": "0.27.19",
@@ -80,7 +80,7 @@
     "fuzzysort": "3.1.0",
     "query-selector-shadow-dom": "1.0.1",
     "react-hook-form": "7.53.1",
-    "use-debounce": "10.1.0"
+    "use-debounce": "10.1.1"
   },
   "repository": {
     "type": "git",

package/dist/AutocompleteNoResults-B60rzwfa.js

@@ -1,12 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-const e = "ids-autocomplete--popover-content-v5208", n = "ids-autocomplete--option-list-v5208", p = {
-  popoverContent: e,
-  optionList: n
-}, r = ({
-  noResultsText: o,
-  styles: t = p
-}) => typeof o == "string" ? /* @__PURE__ */ s("div", { className: t.noResults, children: o }) : o;
-export {
-  r as A,
-  p as s
-};

package/dist/ComboboxHiddenInput-BUswpU00.js

@@ -1,32 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { propagateTestid as e } from "./helpers/utility/propagateTestid.js";
-import { c as n } from "./index-cbHCAGLB.js";
-import { forwardRef as p } from "react";
-const m = "ids-combobox--input-v5208", r = "ids-combobox--readonly-v5208", a = "ids-combobox-v5208", c = "ids-combobox--popover-content-v5208", b = "ids-combobox--option-list-v5208", l = {
-  input: m,
-  readonly: r,
-  "ids-field-group--join": "ids-field-group--join-v5208",
-  "ids-field-group--fields": "ids-field-group--fields-v5208",
-  "ids-field": "ids-field-v5208",
-  combobox: a,
-  "ids-menuItem": "ids-menu-item-v5208",
-  popoverContent: c,
-  optionList: b
-}, f = p(
-  ({ dataTestId: i, hiddenInputProps: o, ...s }, t) => /* @__PURE__ */ d(
-    "input",
-    {
-      ...o,
-      ...s,
-      className: n(o?.className, l.hiddenInput),
-      "data-testid": e(i, "hidden-input"),
-      ref: t,
-      type: "hidden"
-    }
-  )
-);
-f.displayName = "ComboboxHiddenInput";
-export {
-  f as C,
-  l as s
-};

package/dist/FieldAppendToLabel-BK8cAMZT.js

@@ -1,77 +0,0 @@
-import { jsxs as a, Fragment as d, jsx as m } from "react/jsx-runtime";
-import { c as l } from "./index-cbHCAGLB.js";
-import "./LoadingSuspense-CuQm3zqO.js";
-import "react";
-import "./fuzzysort-BNka47rs.js";
-import "./components/Badge/Badge.js";
-import "./components/ButtonGroup/ButtonGroupProvider.js";
-import { propagateTestid as o } from "./helpers/utility/propagateTestid.js";
-import { GlobalCSSClass as n } from "./enums.js";
-import "./components/Card/Card.js";
-import "./components/CheckboxGroup/CheckboxGroup.js";
-import "./components/Col/Col.js";
-import "./components/Expander/Expander.js";
-import "./components/Form/FormContext.js";
-import "./components/Menu/Menu.js";
-import "./components/Menu/MenuProvider.js";
-import "./PopoverProvider-BMBTLkRr.js";
-import "./components/CheckboxMark/CheckboxMark.types.js";
-import "./components/CheckboxMark/CheckboxMark.js";
-import "./components/Modal/ModalProvider.js";
-import "./components/Panel/Panel.js";
-import "./components/Popover/Popover.js";
-import "./components/Popover/InputPopover/InputPopover.js";
-import "./SlideoutProvider-CQh140HM.js";
-import "react-dom";
-import "./components/RadioGroup/RadioGroup.js";
-import "./components/Text/Text.js";
-import "./components/Skeleton/Skeleton.js";
-import "./components/SkipLink/SkipLink.js";
-import "./components/Stack/Stack.js";
-import "./components/Table/TableContext.js";
-import "./components/Table/TableProvider.js";
-import "./components/TabSet/Tab/Tab.js";
-import "./components/TabSet/TabSet.js";
-import "./components/Toggle/Toggle.js";
-import "./components/Tooltip/Tooltip.js";
-import "./components/ValidationMessage/ValidationMessage.js";
-import { IressValidationSummary as c } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { getUniqueItemsByKey as f } from "./components/Field/helpers/getUniqueItemsByKey.js";
-const v = "ids-field-v5208", h = "ids-field--invalid-v5208", y = "ids-field--label-v5208", b = "ids-field--hidden-label-v5208", S = "ids-field--hint-v5208", u = "ids-field--error-summary-v5208", p = {
-  field: v,
-  invalid: h,
-  label: y,
-  hiddenLabel: b,
-  hint: S,
-  errorSummary: u
-}, pi = ({
-  error: e,
-  errorMessages: i,
-  hiddenLabel: s,
-  hint: r,
-  "data-parent-testid": t
-}) => /* @__PURE__ */ a(d, { children: [
-  r && /* @__PURE__ */ m(
-    "div",
-    {
-      className: l(p.hint, {
-        [n.SROnly]: s
-      }),
-      "data-testid": o(t, "hint"),
-      children: r
-    }
-  ),
-  e,
-  i && /* @__PURE__ */ m(
-    c,
-    {
-      className: p.errorSummary,
-      messages: f(i, "message"),
-      "data-testid": o(t, "error")
-    }
-  )
-] });
-export {
-  pi as F,
-  p as s
-};

package/dist/InputBase-B6gEHXZ7.js

@@ -1,56 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as x, useRef as c, useImperativeHandle as g } from "react";
-import { c as d } from "./index-cbHCAGLB.js";
-import { idsLogger as y } from "./helpers/utility/idsLogger.js";
-import { LoggerLevels as b } from "./enums.js";
-const h = "ids-input-base--readonly-v5208", v = "ids-input-base--form-control-v5208", I = "ids-input-base--textarea-v5208", R = "ids-input-base--readonly-align-right-v5208", o = {
-  readonly: h,
-  formControl: v,
-  textarea: I,
-  readonlyAlignRight: R
-}, N = x((m, f) => {
-  const {
-    rows: i = 0,
-    type: p = "text",
-    "data-testid": t,
-    className: l,
-    ...r
-  } = m, a = i > 0, s = c(null), n = c(null);
-  return g(f, () => {
-    const e = a ? n.current : s.current;
-    return {
-      // React hook form requires the focus, blur, input
-      focus: () => e?.focus(),
-      blur: () => e?.blur(),
-      input: a ? n.current : s.current
-    };
-  }), a ? (["min", "max", "step"].forEach((e) => {
-    ({ ...r, type: p })[e] && y(
-      "IressInput: The prop '${prop}' is not supported when 'rows' is greater than 0 and the component is rendered as a textarea.",
-      b.Warn
-    );
-  }), /* @__PURE__ */ u(
-    "textarea",
-    {
-      rows: i,
-      ...t && { "data-testid": `${t}__textarea` },
-      ...r,
-      ref: n,
-      className: d(o.formControl, o.textarea, l)
-    }
-  )) : /* @__PURE__ */ u(
-    "input",
-    {
-      type: p,
-      ...t && { "data-testid": `${t}__input` },
-      ...r,
-      ref: s,
-      className: d(o.formControl, l)
-    }
-  );
-});
-N.displayName = "InputBase";
-export {
-  N as I,
-  o as b
-};

package/dist/Loading.module-BXP_0EH0.js

@@ -1,13 +0,0 @@
-const i = "ids-loading--error-v5208", d = {
-  "fade-in": "ids-loading--fade-in-v5208",
-  "fade-in--active": "ids-loading--fade-in--active-v5208",
-  "slide-in": "ids-loading--slide-in-v5208",
-  "slide-in--active": "ids-loading--slide-in--active-v5208",
-  "fade-next": "ids-loading--fade-next-v5208",
-  "fade-next-width": "ids-loading--fade-next-width-v5208",
-  "slide-next": "ids-loading--slide-next-v5208",
-  error: i
-};
-export {
-  d as l
-};