@midas-ds/components 17.15.2 → 17.15.4

package/chunks/checkbox-B_41DFjp.js

@@ -0,0 +1,174 @@
+import { n as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./check-BiPE7lAA.js";
+import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { t as i } from "./text-mAeDlv5N.js";
+import { t as a } from "./field-error-DYp2kgFr.js";
+import { n as o, t as s } from "./label-uwnwLD3z.js";
+import * as c from "react";
+import l, { forwardRef as u, useContext as d, useRef as f } from "react";
+import { CheckboxContext as p, FieldErrorContext as m, FormContext as h, useContextProps as g, useSlottedContext as _ } from "react-aria-components";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { VisuallyHidden as b, mergeProps as x, useCheckbox as S, useCheckboxGroup as C, useCheckboxGroupItem as w, useFocusRing as T, useHover as E, usePress as D } from "react-aria";
+import { variables as O } from "@midas-ds/theme";
+import { useToggleState as k } from "@react-stately/toggle";
+import { useCheckboxGroupState as A } from "react-stately";
+import '../assets/checkbox.css';var j = t("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), M = l.createContext(null), N = {
+	checkboxInner: "_checkboxInner_v5u0z_1",
+	checkbox: "_checkbox_v5u0z_1",
+	checkboxGroup: "_checkboxGroup_v5u0z_144",
+	checkboxList: "_checkboxList_v5u0z_155"
+}, P = u(({ hoverResult: t, pressResult: r, focusRingAria: i, labelProps: a, slot: o, className: s, isSelected: c, isIndeterminate: l, isDisabled: u, isInvalid: d, isReadOnly: f, isRequired: p, inputProps: m, inputRef: h, children: g }, _) => {
+	let { hoverProps: S, isHovered: C } = t, { pressProps: w, isPressed: T } = r, { isFocused: E, isFocusVisible: D, focusProps: k } = i;
+	return /* @__PURE__ */ y("label", {
+		ref: _,
+		...x(S, w, a),
+		slot: o || void 0,
+		className: e(N.checkbox, s),
+		"data-hovered": C || void 0,
+		"data-selected": c || void 0,
+		"data-indeterminate": l || void 0,
+		"data-pressed": T || void 0,
+		"data-disabled": u || void 0,
+		"data-readonly": f || void 0,
+		"data-invalid": d || void 0,
+		"data-focused": E || void 0,
+		"data-focus-visible": D || void 0,
+		"data-required": p || void 0,
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: e(N.checkboxInner),
+				children: v(l ? j : n, {
+					size: 14,
+					color: O.iconOnColor
+				})
+			}),
+			/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v("input", {
+				...x(m, k),
+				ref: h
+			}) }),
+			g
+		]
+	});
+});
+P.displayName = "CheckboxInner";
+//#endregion
+//#region packages/components/src/checkbox/CheckboxGroupItem.tsx
+var F = u((e, t) => {
+	let n = w({
+		...e,
+		value: e.value || ""
+	}, e.state, e.inputRef);
+	return /* @__PURE__ */ v(P, {
+		...e,
+		...n,
+		ref: t
+	});
+});
+F.displayName = "CheckBoxGroupItem";
+//#endregion
+//#region packages/components/src/checkbox/SingleCheckbox.tsx
+var I = u((e, t) => {
+	let n = S(e, k(e), e.inputRef);
+	return /* @__PURE__ */ v(P, {
+		...e,
+		...n,
+		ref: t
+	});
+});
+I.displayName = "SingleCheckbox";
+//#endregion
+//#region packages/components/src/checkbox/Checkbox.tsx
+var L = u((e, t) => {
+	[e, t] = g(e, t, p);
+	let n = _(h), r = e.validationBehavior ?? n?.validationBehavior ?? "native", i = d(M), a = f(null), o = E(e), s = D({
+		ref: t,
+		isDisabled: e.isDisabled
+	}), c = T();
+	return i ? /* @__PURE__ */ v(F, {
+		...e,
+		state: i,
+		inputRef: a,
+		hoverResult: o,
+		pressResult: s,
+		focusRingAria: c,
+		validationBehavior: r
+	}) : /* @__PURE__ */ v(I, {
+		...e,
+		inputRef: a,
+		hoverResult: o,
+		pressResult: s,
+		focusRingAria: c,
+		validationBehavior: r
+	});
+});
+L.displayName = "Checkbox";
+//#endregion
+//#region packages/components/src/checkbox/useSelectAll.ts
+var R = (e, { value: t }) => {
+	let n = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === L), r = c.Children.count(n), i = c.Children.toArray(e).filter((e) => c.isValidElement(e)).filter((e) => !!e && e.type === L).map((e) => e.props.value || ""), a = t.length === 0, o = t.length === r;
+	return {
+		allSelected: o,
+		someSelected: !a && !o,
+		checkboxValues: i
+	};
+}, z = ({ state: e, errorMessage: t }) => /* @__PURE__ */ v(m.Provider, {
+	value: e.displayValidation,
+	children: /* @__PURE__ */ v(a, { children: t })
+}), B = {
+	en: { selectAll: "Select all" },
+	sv: { selectAll: "Välj alla" }
+};
+//#endregion
+//#region packages/components/src/checkbox/CheckboxGroup.tsx
+function V(e) {
+	let t = A(e), n = r(B), { groupProps: a, labelProps: c, descriptionProps: l } = C(e, t), { allSelected: u, someSelected: d, checkboxValues: f } = R(e.children, t), p = (e) => {
+		t.setValue(e ? f : []);
+	};
+	return /* @__PURE__ */ y("div", {
+		...a,
+		className: N.checkboxGroup,
+		"data-readonly": e.isReadOnly || void 0,
+		"data-disabled": e.isDisabled || void 0,
+		children: [
+			/* @__PURE__ */ v(o, {
+				popover: e.popover,
+				children: e.label && /* @__PURE__ */ v(s, {
+					...c,
+					children: e.label
+				})
+			}),
+			e.description && /* @__PURE__ */ v(i, {
+				slot: "description",
+				...l,
+				children: e.description
+			}),
+			e.errorPosition === "top" && /* @__PURE__ */ v(z, {
+				...e,
+				state: t
+			}),
+			/* @__PURE__ */ y("div", {
+				className: N.checkboxList,
+				children: [e.showSelectAll && /* @__PURE__ */ v(L, {
+					isSelected: u,
+					isIndeterminate: d,
+					isReadOnly: e.isReadOnly,
+					onChange: p,
+					children: e.selectAllLabel || n.format("selectAll")
+				}), /* @__PURE__ */ v(M.Provider, {
+					value: t,
+					children: e.children
+				})]
+			}),
+			e.errorPosition === "bottom" && /* @__PURE__ */ v(z, {
+				...e,
+				state: t
+			})
+		]
+	});
+}
+//#endregion
+export { L as n, V as t };

package/chunks/chevron-down-Buf0eTzo.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-DhIhuN5D.js";
+var t = e("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
+export { t };

package/chunks/chevron-right-DJ7qKNKG.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-DhIhuN5D.js";
+var t = e("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]);
+//#endregion
+export { t };

package/chunks/clear-button-Cb4MTvBR.js

@@ -0,0 +1,17 @@
+'use client';
+import { t as e } from "./x-Bs_QW3q8.js";
+import { n as t } from "./button-CFjf-bDe.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region packages/components/src/clear-button/ClearButton.tsx
+var r = (r) => /* @__PURE__ */ n(t, {
+	variant: "icon",
+	slot: null,
+	...r,
+	children: /* @__PURE__ */ n(e, {
+		size: 20,
+		"aria-hidden": !0
+	})
+});
+//#endregion
+export { r as t };

package/chunks/clsx-BtlV5Vo3.js

@@ -0,0 +1,21 @@
+//#region node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+//#region packages/components/src/utils/clsx.ts
+function n(...e) {
+	return e.some((e) => typeof e == "function") ? (n) => t(e.map((e) => typeof e == "function" ? e(n) : e)) : t(e);
+}
+//#endregion
+export { t as n, n as t };

package/chunks/color-scheme-switch-Ce4vL8Yz.js

@@ -0,0 +1,122 @@
+'use client';
+import { t as e } from "./createLucideIcon-DhIhuN5D.js";
+import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { n, t as r } from "./toggle-button-DlPo9GJW.js";
+import * as i from "react";
+import { SelectionIndicator as a } from "react-aria-components";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { VisuallyHidden as c } from "react-aria";
+import '../assets/color-scheme-switch.css';var l = e("laptop", [["path", {
+	d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
+	key: "1pdavp"
+}], ["path", {
+	d: "M20.054 15.987H3.946",
+	key: "14rxg9"
+}]]), u = e("moon", [["path", {
+	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+	key: "kfwtm"
+}]]), d = e("sun", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "4",
+		key: "4exip2"
+	}],
+	["path", {
+		d: "M12 2v2",
+		key: "tus03m"
+	}],
+	["path", {
+		d: "M12 20v2",
+		key: "1lh1kg"
+	}],
+	["path", {
+		d: "m4.93 4.93 1.41 1.41",
+		key: "149t6j"
+	}],
+	["path", {
+		d: "m17.66 17.66 1.41 1.41",
+		key: "ptbguv"
+	}],
+	["path", {
+		d: "M2 12h2",
+		key: "1t8f8n"
+	}],
+	["path", {
+		d: "M20 12h2",
+		key: "1q8mjw"
+	}],
+	["path", {
+		d: "m6.34 17.66-1.41 1.41",
+		key: "1m8zz5"
+	}],
+	["path", {
+		d: "m19.07 4.93-1.41 1.41",
+		key: "1shlcs"
+	}]
+]), f = {
+	button: "_button_1r8vq_1",
+	selectionIndicator: "_selectionIndicator_1r8vq_14"
+}, p = {
+	en: {
+		darkMode: "Dark Mode",
+		lightMode: "Light Mode",
+		system: "System Setting"
+	},
+	sv: {
+		darkMode: "Mörkt läge",
+		lightMode: "Ljust läge",
+		system: "Systeminställning"
+	}
+}, m = ({ selector: e = ":root", defaultScheme: m = "light dark", scheme: h, onSchemeChange: g, defaultValue: _, className: v }) => {
+	let [y, b] = i.useState(_ ?? /* @__PURE__ */ new Set([h ?? m])), x = h ? /* @__PURE__ */ new Set([h]) : y;
+	i.useEffect(() => {
+		let t = document.querySelector(e);
+		if (t) {
+			let e = Array.from(x).join(" ");
+			t.style.removeProperty("color-scheme"), e === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = e;
+		} else console.warn(`No element found for selector: "${e}"`);
+	}, [x, e]);
+	let S = t(p);
+	return /* @__PURE__ */ s(r, {
+		selectionMode: "single",
+		selectedKeys: x,
+		onSelectionChange: (e) => {
+			let t = Array.from(e)[0];
+			b(e), g?.(t);
+		},
+		disallowEmptySelection: !0,
+		className: v,
+		children: [
+			/* @__PURE__ */ s(n, {
+				id: "light dark",
+				className: f.button,
+				children: [
+					/* @__PURE__ */ o(l, {}),
+					/* @__PURE__ */ o(c, { children: S.format("system") }),
+					/* @__PURE__ */ o(a, { className: f.selectionIndicator })
+				]
+			}),
+			/* @__PURE__ */ s(n, {
+				id: "light",
+				className: f.button,
+				children: [
+					/* @__PURE__ */ o(d, {}),
+					/* @__PURE__ */ o(c, { children: S.format("lightMode") }),
+					/* @__PURE__ */ o(a, { className: f.selectionIndicator })
+				]
+			}),
+			/* @__PURE__ */ s(n, {
+				id: "dark",
+				className: f.button,
+				children: [
+					/* @__PURE__ */ o(u, {}),
+					/* @__PURE__ */ o(c, { children: S.format("darkMode") }),
+					/* @__PURE__ */ o(a, { className: f.selectionIndicator })
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { m as t };

package/chunks/combobox-BLGIYxNy.js

@@ -0,0 +1,90 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./chevron-down-Buf0eTzo.js";
+import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { t as r } from "./text-mAeDlv5N.js";
+import { t as i } from "./field-error-DYp2kgFr.js";
+import { n as a, t as o } from "./label-uwnwLD3z.js";
+import { a as s, c, t as l } from "./list-box-Dm2itiZD.js";
+import { useRef as u } from "react";
+import { Button as d, ComboBox as f, Input as p } from "react-aria-components";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import '../assets/combobox.css';var g = {
+	combobox: "_combobox_1uann_1",
+	inputField: "_inputField_1uann_6",
+	medium: "_medium_1uann_28",
+	text: "_text_1uann_75",
+	wrap: "_wrap_1uann_80",
+	button: "_button_1uann_85",
+	icon: "_icon_1uann_122"
+}, _ = {
+	en: {
+		showList: "Show list",
+		noResultsFound: "No results found"
+	},
+	sv: {
+		showList: "Visa lista",
+		noResultsFound: "Inga träffar"
+	}
+};
+//#endregion
+//#region packages/components/src/combobox/ComboBox.tsx
+function v({ label: v, description: y, errorMessage: b, children: x, items: S, className: C, errorPosition: w = "top", size: T = "large", popover: E, listBoxProps: D, ...O }) {
+	let k = u(null), A = n(_), j = (e) => {
+		e.currentTarget.value && k.current?.select();
+	};
+	return /* @__PURE__ */ h(f, {
+		className: e(g.combobox, C),
+		...O,
+		"data-readonly": O.isReadOnly || void 0,
+		children: [
+			/* @__PURE__ */ m(a, {
+				popover: E,
+				children: v && /* @__PURE__ */ m(o, { children: v })
+			}),
+			y && /* @__PURE__ */ m(r, {
+				slot: "description",
+				children: y
+			}),
+			w === "top" && /* @__PURE__ */ m(i, {
+				"data-testid": "fieldError",
+				children: b
+			}),
+			/* @__PURE__ */ h("div", {
+				className: g.wrap,
+				children: [/* @__PURE__ */ m(p, {
+					className: e(g.inputField, { [g.medium]: T === "medium" }),
+					"data-readonly": O.isReadOnly || void 0,
+					onPointerUp: j,
+					ref: k
+				}), /* @__PURE__ */ m(d, {
+					className: e(g.button, { [g.medium]: T === "medium" }),
+					"aria-label": A.format("showList"),
+					children: /* @__PURE__ */ m("div", {
+						className: g.icon,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ m(t, {
+							size: 20,
+							"aria-hidden": !0
+						})
+					})
+				})]
+			}),
+			w === "bottom" && /* @__PURE__ */ m(i, {
+				"data-testid": "fieldError",
+				children: b
+			}),
+			/* @__PURE__ */ m(s, {
+				offset: 4,
+				children: /* @__PURE__ */ m(c, {
+					items: S,
+					renderEmptyState: () => /* @__PURE__ */ m(l, { children: A.format("noResultsFound") }),
+					...D,
+					children: x
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { v as t };

package/chunks/createLucideIcon-DhIhuN5D.js

@@ -0,0 +1,39 @@
+import { createElement as e, forwardRef as t } from "react";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var n = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), i = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), a = (e) => {
+	let t = i(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, o = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, s = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, c = t(({ color: t = "currentColor", size: r = 24, strokeWidth: i = 2, absoluteStrokeWidth: a, className: c = "", children: l, iconNode: u, ...d }, f) => e("svg", {
+	ref: f,
+	...o,
+	width: r,
+	height: r,
+	stroke: t,
+	strokeWidth: a ? Number(i) * 24 / Number(r) : i,
+	className: n("lucide", c),
+	...!l && !s(d) && { "aria-hidden": "true" },
+	...d
+}, [...u.map(([t, n]) => e(t, n)), ...Array.isArray(l) ? l : [l]])), l = (i, o) => {
+	let s = t(({ className: t, ...s }, l) => e(c, {
+		ref: l,
+		iconNode: o,
+		className: n(`lucide-${r(a(i))}`, `lucide-${i}`, t),
+		...s
+	}));
+	return s.displayName = a(i), s;
+};
+//#endregion
+export { l as t };

package/chunks/date-field-Cy0HGw6v.js

@@ -0,0 +1,73 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { t as n } from "./text-mAeDlv5N.js";
+import { t as r } from "./field-error-DYp2kgFr.js";
+import { n as i, t as a } from "./label-uwnwLD3z.js";
+import { t as o } from "./clear-button-Cb4MTvBR.js";
+import * as s from "react";
+import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { FocusScope as m, useFocusManager as h } from "@react-aria/focus";
+import '../assets/date-field.css';var g = {
+	en: { clear: "Clear date" },
+	sv: { clear: "Rensa datum" }
+}, _ = {
+	dateField: "_dateField_1ejwm_1",
+	inputField: "_inputField_1ejwm_7",
+	medium: "_medium_1ejwm_38",
+	clearButton: "_clearButton_1ejwm_47"
+}, v = ({ isClearable: n, size: r, isDisabled: i, isReadOnly: a }) => {
+	let c = t(g), u = s.useContext(l), d = h();
+	return n && u?.value != null && !a ? /* @__PURE__ */ f(o, {
+		onPress: () => {
+			u?.setValue(null), d?.focusFirst();
+		},
+		size: r,
+		isDisabled: i,
+		"aria-label": c.format("clear"),
+		className: e(_.clearButton, { [_.medium]: r === "medium" })
+	}) : null;
+}, y = s.forwardRef(({ className: t, description: o, errorMessage: s, errorPosition: l = "top", label: u, size: d = "large", popover: h, isClearable: g = !1, isReadOnly: y, isDisabled: b, ...S }, w) => /* @__PURE__ */ p(c, {
+	...S,
+	ref: w,
+	isReadOnly: y,
+	isDisabled: b,
+	className: e(_.dateField, t),
+	children: [
+		/* @__PURE__ */ f(i, {
+			popover: h,
+			children: u && /* @__PURE__ */ f(a, { children: u })
+		}),
+		o && /* @__PURE__ */ f(n, {
+			slot: "description",
+			children: o
+		}),
+		l === "top" && /* @__PURE__ */ f(r, { children: s }),
+		/* @__PURE__ */ f("div", {
+			className: e(_.inputField, { [_.medium]: d === "medium" }),
+			"data-testid": "date-field_input-field",
+			children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(C, { children: (e) => /* @__PURE__ */ f(x, { segment: e }) }), /* @__PURE__ */ f(v, {
+				isClearable: g,
+				size: d,
+				isDisabled: b,
+				isReadOnly: y
+			})] })
+		}),
+		l === "bottom" && /* @__PURE__ */ f(r, { children: s })
+	]
+})), b = { dateSegment: "_dateSegment_15g5c_1" }, x = ({ className: t, ...n }) => /* @__PURE__ */ f(d, {
+	className: e(b.dateSegment, t),
+	...n
+}), S = {
+	dateInput: "_dateInput_14x1f_1",
+	divider: "_divider_14x1f_21"
+}, C = ({ className: t, ...n }) => /* @__PURE__ */ f(u, {
+	className: e(S.dateInput, t),
+	...n
+}), w = () => /* @__PURE__ */ f("span", {
+	"aria-hidden": "true",
+	className: S.divider,
+	children: "-"
+});
+//#endregion
+export { y as i, C as n, x as r, w as t };