@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Data Entry/RadioGroup/index.js

@@ -0,0 +1,90 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/Label/index.js";
+import { init_styles_css, radioGRoupStyle } from "./styles.css.js";
+import { RadioGroupContext, init_Context } from "./Context.js";
+import { RadioGroupRadio, init_SingleRadio } from "./SingleRadio.js";
+import { useId, useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/RadioGroup/index.tsx
+var RadioGroupComponent, RadioGroup;
+function init_RadioGroup() {
+	return (init_RadioGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_Text();
+		init_Context();
+		init_SingleRadio();
+		init_styles_css();
+		RadioGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, size = "medium", "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValue: value,
+				onChange,
+				required,
+				size
+			}), [
+				name,
+				value,
+				onChange,
+				required,
+				error,
+				size
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, radioGRoupStyle.fieldset),
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+								gap: .5,
+								children: [legend ? /* @__PURE__ */ jsx(Label, {
+									as: "legend",
+									labelDescription: legendDescription,
+									required,
+									size: size === "medium" ? "large" : "small",
+									children: legend
+								}) : null, description ? /* @__PURE__ */ jsx(Text, {
+									as: typeof description === "string" ? "p" : "div",
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: description
+								}) : null]
+							}) : null, /* @__PURE__ */ jsx(Stack, {
+								alignItems: "flex-start",
+								direction,
+								gap: direction === "column" ? 1 : 2,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		RadioGroupComponent.displayName = "RadioGroup";
+		RadioGroup = Object.assign(RadioGroupComponent, { Radio: RadioGroupRadio });
+	}))();
+}
+
+//#endregion
+init_RadioGroup();
+export { RadioGroup, init_RadioGroup };

package/dist/components/Data Entry/RadioGroup/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/RadioGroup/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe;;CAAe,CAAA"}

package/dist/components/Data Entry/RadioGroup/styles.css.js

@@ -0,0 +1,15 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/RadioGroup/styles.css.ts
+var radioGRoupStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		radioGRoupStyle = { fieldset: "uv_1yffs0m0" };
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, radioGRoupStyle };

package/dist/components/Data Entry/RadioGroup/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/RadioGroup/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/SearchInput/KeyGroup.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from 'react';
+import { Key } from '../../Other/Key';
+type KeyGroupProps = {
+    keys: ComponentProps<typeof Key>['children'][];
+    disabled: ComponentProps<typeof Key>['disabled'];
+    onClick?: () => void;
+};
+export declare const KeyGroup: ({ keys, disabled, onClick }: KeyGroupProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=KeyGroup.d.ts.map

package/dist/components/Data Entry/SearchInput/KeyGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SearchInput/KeyGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAGrC,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,CAAA;IAC9C,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,QAAQ,gCAAiC,aAAa,gCAQlE,CAAA"}

package/dist/components/Data Entry/SearchInput/KeyGroup.js

@@ -0,0 +1,31 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Key, init_Key } from "../../Other/Key/index.js";
+import { init_styles_css, searchInputStyle } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SearchInput/KeyGroup.tsx
+var KeyGroup;
+function init_KeyGroup() {
+	return (init_KeyGroup = __esmMin(() => {
+		init_Stack();
+		init_Key();
+		init_styles_css();
+		KeyGroup = ({ keys, disabled, onClick }) => /* @__PURE__ */ jsx(Stack, {
+			className: searchInputStyle.clickableStack,
+			direction: "row",
+			gap: .5,
+			onClick,
+			children: keys.map((key) => /* @__PURE__ */ jsx(Key, {
+				"data-testid": `key-${key}`,
+				disabled,
+				children: key
+			}, key))
+		});
+	}))();
+}
+
+//#endregion
+init_KeyGroup();
+export { KeyGroup, init_KeyGroup };

package/dist/components/Data Entry/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SearchInput/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HAqRvB,CAAA"}

package/dist/components/Data Entry/SearchInput/index.js

@@ -0,0 +1,223 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { init_isClientSide, isClientSide } from "../../../helpers/isClientSide.js";
+import { Popup, init_Popup } from "../../Overlay/Popup/index.js";
+import { TextInput, init_TextInput } from "../TextInput/index.js";
+import { init_styles_css, searchInputStyle } from "./styles.css.js";
+import { KeyGroup, init_KeyGroup } from "./KeyGroup.js";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
+
+//#region src/components/Data Entry/SearchInput/index.tsx
+var SearchInput;
+function init_SearchInput() {
+	return (init_SearchInput = __esmMin(() => {
+		init_isClientSide();
+		init_Stack();
+		init_Popup();
+		init_TextInput();
+		init_KeyGroup();
+		init_styles_css();
+		SearchInput = forwardRef(({ placeholder, label, labelDescription, loading, size = "large", popupPlacement, threshold = 0, children, onSearch, onClose, "data-testid": dataTestId, shortcut = false, error, defaultValue = "", disabled, className, minLength, maxLength, tooltip, onFocus, tabIndex, onBlur, name, id, "aria-live": ariaLive, "aria-atomic": ariaAtomic, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy, readOnly, required, autoFocus, autoComplete, onKeyDown, onKeyUp, role, value, style, "aria-label": ariaLabel }, ref) => {
+			const focusedLinkIndex = useRef(0);
+			const popupRef = useRef(null);
+			const [containerWidth, setContainerWidth] = useState(0);
+			const [searchTerms, setSearchTerms] = useState(defaultValue);
+			const [isMacOS, setIsMacOS] = useState(false);
+			const [keyPressed, setKeyPressed] = useState([]);
+			const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
+			const innerSearchInputRef = useRef(null);
+			useImperativeHandle(ref, () => innerSearchInputRef.current);
+			const content = typeof children === "function" ? children({
+				isOpen,
+				searchTerms,
+				toggleIsOpen
+			}) : children;
+			const resizeSearchBar = () => {
+				if (popupRef.current) setContainerWidth(popupRef.current.getBoundingClientRect().width);
+			};
+			const handleNavigation = (event) => {
+				var _popupRef$current$que;
+				var _popupRef$current;
+				const links = [...(_popupRef$current$que = (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.querySelectorAll("a")) !== null && _popupRef$current$que !== void 0 ? _popupRef$current$que : []];
+				if (links.length > 0 && focusedLinkIndex.current >= 0 && focusedLinkIndex.current <= links.length) {
+					if (event.key === "ArrowUp") {
+						var _links$focusedLinkInd;
+						if (focusedLinkIndex.current - 1 < 0) focusedLinkIndex.current = links.length - 1;
+						else focusedLinkIndex.current -= 1;
+						(_links$focusedLinkInd = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd === void 0 || _links$focusedLinkInd.focus();
+					}
+					if (event.key === "ArrowDown") {
+						var _links$focusedLinkInd2;
+						if (focusedLinkIndex.current + 1 >= links.length) focusedLinkIndex.current = 0;
+						else focusedLinkIndex.current += 1;
+						(_links$focusedLinkInd2 = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd2 === void 0 || _links$focusedLinkInd2.focus();
+					}
+				}
+			};
+			useLayoutEffect(() => {
+				document.addEventListener("keyup", handleNavigation);
+				return () => document.removeEventListener("keyup", handleNavigation);
+			}, []);
+			useLayoutEffect(() => {
+				resizeSearchBar();
+				window.addEventListener("resize", resizeSearchBar);
+				return () => window.removeEventListener("resize", resizeSearchBar);
+			}, []);
+			useEffect(() => {
+				setSearchTerms(value !== null && value !== void 0 ? value : "");
+			}, [value]);
+			const onSearchCallback = (localValue) => {
+				setSearchTerms(localValue);
+				try {
+					onSearch(localValue);
+					if (localValue.length >= threshold && !isOpen) toggleIsOpen();
+				} catch (_unused) {
+					toggleIsOpen();
+				}
+			};
+			const onCloseCallback = () => {
+				onClose === null || onClose === void 0 || onClose();
+				if (isOpen) toggleIsOpen();
+			};
+			useEffect(() => {
+				if (isClientSide) setIsMacOS(navigator.userAgent.includes("Mac"));
+			}, []);
+			const handleKeyPressed = useCallback((event) => {
+				if (!(event instanceof KeyboardEvent)) return;
+				const { ctrlKey, metaKey, key } = event;
+				setKeyPressed([...keyPressed, key.toUpperCase()]);
+				if (typeof shortcut === "boolean") {
+					if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
+						var _innerSearchInputRef$;
+						event.preventDefault();
+						(_innerSearchInputRef$ = innerSearchInputRef.current) === null || _innerSearchInputRef$ === void 0 || _innerSearchInputRef$.focus();
+					}
+				} else {
+					const uppercaseShortcut = shortcut.map((s) => s.toUpperCase());
+					if (JSON.stringify([...keyPressed, key.toUpperCase()]) === JSON.stringify(uppercaseShortcut)) {
+						var _innerSearchInputRef$2;
+						event.preventDefault();
+						(_innerSearchInputRef$2 = innerSearchInputRef.current) === null || _innerSearchInputRef$2 === void 0 || _innerSearchInputRef$2.focus();
+					}
+				}
+			}, [
+				keyPressed,
+				shortcut,
+				isMacOS
+			]);
+			const handleKeyReleased = useCallback((event) => {
+				if (!(event instanceof KeyboardEvent)) return;
+				const { key } = event;
+				setKeyPressed(keyPressed.filter((k) => k !== key.toUpperCase()));
+			}, [keyPressed]);
+			useLayoutEffect(() => {
+				if (shortcut && !disabled) {
+					document.body.addEventListener("keydown", handleKeyPressed);
+					document.body.addEventListener("keyup", handleKeyReleased);
+				}
+				return () => {
+					document.body.removeEventListener("keydown", handleKeyPressed);
+					document.body.removeEventListener("keyup", handleKeyReleased);
+				};
+			}, [
+				shortcut,
+				disabled,
+				handleKeyPressed,
+				handleKeyReleased
+			]);
+			const keys = useMemo(() => {
+				if (typeof shortcut === "boolean") return [isMacOS ? "⌘" : "Ctrl", "K"];
+				return shortcut.map((key) => {
+					if (key === "Meta") return "⌘";
+					if (key === "Control") return "Ctrl";
+					return key;
+				});
+			}, [isMacOS, shortcut]);
+			return /* @__PURE__ */ jsx("div", {
+				style: { width: "100%" },
+				children: /* @__PURE__ */ jsx(Popup, {
+					className: searchInputStyle.popup,
+					"data-testid": `popup-${dataTestId}`,
+					debounceDelay: 0,
+					hasArrow: false,
+					hideOnClickOutside: true,
+					innerRef: popupRef,
+					maxHeight: 410,
+					maxWidth: containerWidth,
+					onClose: onCloseCallback,
+					placement: popupPlacement,
+					role: "dialog",
+					text: content,
+					visible: isOpen,
+					children: /* @__PURE__ */ jsx(TextInput, {
+						"aria-atomic": ariaAtomic,
+						"aria-describedby": ariaDescribedBy,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledby,
+						"aria-live": ariaLive,
+						autoComplete,
+						autoFocus,
+						className: cn(className, searchInputStyle.searchInput),
+						clearable: true,
+						"data-testid": dataTestId,
+						disabled,
+						error,
+						id,
+						label,
+						labelDescription,
+						loading,
+						maxLength,
+						minLength,
+						name,
+						onBlur,
+						onChange: (event) => onSearchCallback(event.target.value),
+						onFocus,
+						onKeyDown,
+						onKeyUp,
+						placeholder,
+						prefix: /* @__PURE__ */ jsx(Stack, {
+							className: searchInputStyle.clickableStack,
+							"data-testid": `search-icon${dataTestId ? `-${dataTestId}` : ""}`,
+							onClick: () => {
+								var _innerSearchInputRef$3;
+								return (_innerSearchInputRef$3 = innerSearchInputRef.current) === null || _innerSearchInputRef$3 === void 0 ? void 0 : _innerSearchInputRef$3.focus();
+							},
+							children: /* @__PURE__ */ jsx(SearchIcon, {
+								disabled,
+								size: size === "large" ? "medium" : "small",
+								sentiment: "neutral",
+								prominence: "weak"
+							})
+						}),
+						readOnly,
+						ref: innerSearchInputRef,
+						required,
+						role,
+						size,
+						style,
+						suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsx(KeyGroup, {
+							disabled,
+							keys,
+							onClick: () => {
+								var _innerSearchInputRef$4;
+								return (_innerSearchInputRef$4 = innerSearchInputRef.current) === null || _innerSearchInputRef$4 === void 0 ? void 0 : _innerSearchInputRef$4.focus();
+							}
+						}) : void 0,
+						tabIndex,
+						tooltip,
+						value: searchTerms
+					})
+				})
+			});
+		});
+		SearchInput.displayName = "SearchInput";
+	}))();
+}
+
+//#endregion
+init_SearchInput();
+export { SearchInput, init_SearchInput };

package/dist/components/Data Entry/SearchInput/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SearchInput/styles.css.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}

package/dist/components/Data Entry/SearchInput/styles.css.js

@@ -0,0 +1,19 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/SearchInput/styles.css.ts
+var searchInputStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		searchInputStyle = {
+			popup: "uv_q9b75z0",
+			searchInput: "uv_q9b75z1",
+			clickableStack: "uv_q9b75z2"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, searchInputStyle };

package/dist/components/Data Entry/SearchInput/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/SearchInput/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/SearchInput/types.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps, DispatchWithoutAction, ReactNode } from 'react';
+import type { Popup } from '../../Overlay/Popup';
+import type { TextInput } from '../TextInput';
+import type { KeyGroup } from './KeyGroup';
+type ChildrenProps = {
+    searchTerms: string;
+    isOpen: boolean;
+    toggleIsOpen: DispatchWithoutAction;
+};
+export type SearchBarChildrenFunctionProps = ({ searchTerms, isOpen, toggleIsOpen }: ChildrenProps) => ReactNode;
+export type SearchInputProps = {
+    popupPlacement?: Exclude<ComponentProps<typeof Popup>['placement'], 'nested-menu'>;
+    threshold?: number;
+    children?: SearchBarChildrenFunctionProps | ReactNode;
+    onSearch: (value: string) => void;
+    onClose?: () => void;
+    ['data-testid']?: string;
+    /**
+     * If set to true images will be shown with key shortcut to focus the input on the right of the search bar.
+     * If set to an array of strings, the strings will be used as the key shortcuts.
+     */
+    shortcut?: boolean | ComponentProps<typeof KeyGroup>['keys'];
+    className?: string;
+} & Omit<ComponentProps<typeof TextInput>, 'prefix' | 'suffix' | 'clearable' | 'success' | 'onRandomize' | 'onChange' | 'type' | 'onChangeValue' | 'helper'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Data Entry/SearchInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE1C,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,qBAAqB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,aAAa,KAAK,SAAS,CAAA;AAEhH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,CAAA;IAClF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,8BAA8B,GAAG,SAAS,CAAA;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,GAAG,QAAQ,CACjH,CAAA"}

package/dist/components/Data Entry/SelectInput/SelectInputProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAS3E,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAqBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,OAAO,sJAalD,wBAAwB,CAAC,CAAC,CAAC,gCA2I7B,CAAA"}

package/dist/components/Data Entry/SelectInput/SelectInputProvider.js

@@ -0,0 +1,129 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { clearAllAction, init_reducerFunctions, resetAction, selectAllAction, selectGroupAction, selectOptionAction, updateAction } from "./reducerFunctions.js";
+import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectInput/SelectInputProvider.tsx
+var SelectInputContext, useSelectInput, SelectInputProvider;
+function init_SelectInputProvider() {
+	return (init_SelectInputProvider = __esmMin(() => {
+		init_reducerFunctions();
+		SelectInputContext = createContext({
+			displayedOptions: [],
+			isDropdownVisible: false,
+			multiselect: false,
+			numberOfOptions: 0,
+			numberOfDisabledOptions: 0,
+			onChange: () => {},
+			onSearch: () => {},
+			options: [],
+			searchInput: "",
+			selectAll: { label: "" },
+			selectAllGroup: false,
+			selectedData: {
+				selectedGroups: [],
+				selectedValues: []
+			},
+			setIsDropdownVisible: () => {},
+			setSearchInput: () => {},
+			setSelectedData: () => {},
+			size: "large"
+		});
+		useSelectInput = () => useContext(SelectInputContext);
+		SelectInputProvider = ({ options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, numberOfDisabledOptions, children, onChange, refSelect, onOpen, size }) => {
+			const currentValue = useMemo(() => {
+				if (value) {
+					if (Array.isArray(value)) return value;
+					return [value];
+				}
+				return [];
+			}, [value]);
+			const selectedGroups = useMemo(() => {
+				if (Array.isArray(options)) return [];
+				return Object.keys(options).filter((group) => options[group].every((groupOption) => currentValue.includes(groupOption.value)));
+			}, [currentValue, options]);
+			const [displayedOptions, setDisplayedOptions] = useState(options);
+			const [isDropdownVisible, setIsDropdownVisible] = useState(false);
+			const [searchInput, setSearchInput] = useState("");
+			const handleDropDownVisible = useCallback((newValue) => {
+				setIsDropdownVisible(newValue);
+				if (newValue) onOpen === null || onOpen === void 0 || onOpen();
+				if (!newValue && refSelect) {
+					var _refSelect$current;
+					(_refSelect$current = refSelect.current) === null || _refSelect$current === void 0 || _refSelect$current.focus();
+				}
+			}, [refSelect, onOpen]);
+			const allValues = useMemo(() => {
+				if (!Array.isArray(options)) return Object.keys(options).flatMap((group) => options[group].filter((option) => !option.disabled));
+				return options.filter((option) => !option.disabled);
+			}, [options]);
+			const allGroups = useMemo(() => {
+				if (!Array.isArray(options)) return Object.keys(options);
+				return [];
+			}, [options]);
+			const reducer = (state, action) => {
+				switch (action.type) {
+					case "selectAll": return selectAllAction(state, allGroups, allValues, numberOfOptions, numberOfDisabledOptions);
+					case "selectGroup": return selectGroupAction(state, action.selectedGroup, options);
+					case "selectOption": return selectOptionAction(state, options, multiselect, action.clickedOption, action.group);
+					case "clearAll": return clearAllAction();
+					case "update": return updateAction(state, options);
+					case "reset": return resetAction(action.selectedGroups, action.selectedValues);
+					default: return state;
+				}
+			};
+			const [selectedData, setSelectedData] = useReducer(reducer, {
+				selectedGroups,
+				selectedValues: currentValue
+			});
+			useEffect(() => {
+				setSelectedData({
+					selectedGroups,
+					selectedValues: currentValue,
+					type: "reset"
+				});
+			}, [currentValue, selectedGroups]);
+			const providerValue = useMemo(() => ({
+				displayedOptions,
+				isDropdownVisible,
+				multiselect,
+				numberOfOptions,
+				numberOfDisabledOptions,
+				onChange,
+				onSearch: setDisplayedOptions,
+				options,
+				searchInput,
+				selectAll,
+				selectAllGroup,
+				selectedData,
+				setIsDropdownVisible: handleDropDownVisible,
+				setSearchInput,
+				setSelectedData,
+				size
+			}), [
+				isDropdownVisible,
+				handleDropDownVisible,
+				searchInput,
+				options,
+				multiselect,
+				selectAll,
+				selectAllGroup,
+				numberOfOptions,
+				displayedOptions,
+				selectedData,
+				size,
+				onChange,
+				numberOfDisabledOptions
+			]);
+			return /* @__PURE__ */ jsx(SelectInputContext.Provider, {
+				value: providerValue,
+				children
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_SelectInputProvider();
+export { SelectInputProvider, init_SelectInputProvider, useSelectInput };

package/dist/components/Data Entry/SelectInput/components/Dropdown/AddOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Data Entry/SelectInput/components/Dropdown/AddOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,SAAS,6DAMnB;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,uCAkCA,CAAA"}

package/dist/components/Data Entry/SelectInput/components/Dropdown/AddOption.js

@@ -0,0 +1,50 @@
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { DisplayOption, init_Option } from "./Option.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectInput/components/Dropdown/AddOption.tsx
+var AddOption;
+function init_AddOption() {
+	return (init_AddOption = __esmMin(() => {
+		init_SelectInputProvider();
+		init_Option();
+		init_styles_css();
+		AddOption = ({ option, textVariant, addOption, searchable, isEmpty }) => {
+			const { setIsDropdownVisible, multiselect, onSearch, searchInput, setSearchInput } = useSelectInput();
+			const handleClickCustomValue = () => {
+				const newOption = {
+					label: searchInput,
+					value: searchInput
+				};
+				addOption === null || addOption === void 0 || addOption.onClick(searchInput);
+				onSearch([newOption]);
+				setIsDropdownVisible(multiselect);
+				setSearchInput("");
+			};
+			return addOption && searchable && (isEmpty || searchInput) ? /* @__PURE__ */ jsx("div", {
+				"aria-selected": "false",
+				className: selectInputStyle.comboboxCreate,
+				"data-testid": "add-option",
+				id: "add-option",
+				onClick: handleClickCustomValue,
+				onKeyDown: (event) => {
+					if (["Enter", " "].includes(event.key)) handleClickCustomValue();
+				},
+				role: "option",
+				tabIndex: -1,
+				children: /* @__PURE__ */ jsx(DisplayOption, {
+					descriptionDirection: "row",
+					option,
+					optionalInfoPlacement: "left",
+					textVariant
+				})
+			}) : null;
+		};
+	}))();
+}
+
+//#endregion
+init_AddOption();
+export { AddOption, init_AddOption };

package/dist/components/Data Entry/SelectInput/components/Dropdown/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Data Entry/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAYrD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA2CD,eAAO,MAAM,cAAc,uKAYxB,mBAAmB,gCA+KrB,CAAA"}