@ultraviolet/ui 3.12.2 → 3.13.0

package/dist/components/SelectInput/components/SelectBar/Values.js

@@ -0,0 +1,93 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { findOptionInOptions, init_findOptionInOptions } from "../../findOptionInOptions.js";
+import { Tag, init_Tag } from "../../../Tag/index.js";
+import { init_selectBar_css, maxWidthTag, minWidthTag } from "./selectBar.css.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
+
+//#region src/components/SelectInput/components/SelectBar/Values.tsx
+var DisplayValues;
+var init_Values = __esmMin(() => {
+	init_Stack();
+	init_Tag();
+	init_Text();
+	init_findOptionInOptions();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_selectBar_css();
+	DisplayValues = ({ refTag, nonOverflowedValues, potentiallyNonOverflowedValues, disabled, readOnly, overflowed, overflowAmount, measureRef, lastElementMaxWidth, overflow, refPlusTag, displayShadowCopy, textVariant }) => {
+		var _findOptionInOptions;
+		const { multiselect, selectedData, setSelectedData, options, onChange } = useSelectInput();
+		return multiselect ? /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			className: selectInputStyle.multiselectStack,
+			direction: "row",
+			gap: "1",
+			ref: refTag,
+			wrap: "nowrap",
+			children: [
+				displayShadowCopy ? /* @__PURE__ */ jsx("div", {
+					ref: measureRef,
+					style: { position: "absolute" },
+					children: potentiallyNonOverflowedValues.map((option) => /* @__PURE__ */ jsx(Tag, {
+						className: cn(option.value, selectInputStyle.selectBarTags.hidden),
+						onClose: () => {},
+						children: option === null || option === void 0 ? void 0 : option.label
+					}, option.value))
+				}) : null,
+				nonOverflowedValues.map((option, index) => /* @__PURE__ */ jsx(Tag, {
+					className: selectInputStyle.selectBarTags.visible,
+					"data-testid": "selected-options-tags",
+					disabled,
+					onClose: readOnly ? void 0 : (event) => {
+						var _selectedData$selecte;
+						event.stopPropagation();
+						setSelectedData({
+							clickedOption: option,
+							type: "selectOption"
+						});
+						const newSelectedValues = (_selectedData$selecte = selectedData.selectedValues) === null || _selectedData$selecte === void 0 ? void 0 : _selectedData$selecte.filter((val) => val !== option.value);
+						onChange === null || onChange === void 0 || onChange(newSelectedValues);
+					},
+					sentiment: "neutral",
+					style: index === nonOverflowedValues.length - 1 && overflow ? assignInlineVars({
+						[minWidthTag]: "auto",
+						[maxWidthTag]: `${lastElementMaxWidth}px`
+					}) : void 0,
+					children: option === null || option === void 0 ? void 0 : option.label
+				}, option === null || option === void 0 ? void 0 : option.value)),
+				overflowed ? /* @__PURE__ */ jsx(Stack, {
+					justifyContent: "center",
+					ref: refPlusTag,
+					children: /* @__PURE__ */ jsxs(Tag, {
+						"aria-label": "Plus tag",
+						className: selectInputStyle.plusTag,
+						"data-testid": "plus-tag",
+						disabled,
+						sentiment: "neutral",
+						children: [/* @__PURE__ */ jsx(PlusIcon, { size: "xsmall" }), overflowAmount]
+					}, "+")
+				}) : null
+			]
+		}) : /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			className: selectInputStyle.selectedValues,
+			disabled,
+			prominence: "default",
+			sentiment: "neutral",
+			variant: textVariant,
+			children: selectedData.selectedValues[0] ? (_findOptionInOptions = findOptionInOptions(options, selectedData.selectedValues[0])) === null || _findOptionInOptions === void 0 ? void 0 : _findOptionInOptions.label : null
+		});
+	};
+});
+
+//#endregion
+init_Values();
+export { DisplayValues, init_Values };

package/dist/components/SelectInput/components/SelectBar/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectBar } from './SelectBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SelectInput/components/SelectBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/SelectInput/components/SelectBar/index.js

@@ -0,0 +1,11 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { SelectBar, init_SelectBar as init_SelectBar$1 } from "./SelectBar.js";
+
+//#region src/components/SelectInput/components/SelectBar/index.ts
+var init_SelectBar = __esmMin(() => {
+	init_SelectBar$1();
+});
+
+//#endregion
+init_SelectBar();
+export { init_SelectBar };

package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAgCF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FpB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

package/dist/components/SelectInput/components/{selectBar.css.js → SelectBar/selectBar.css.js}

@@ -1,32 +1,32 @@
-import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
-import { init_styles_css_ts_vanilla } from "../../SelectableCardOptionGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../UnitInput/styles.css.ts.vanilla.js";
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../../../SelectableCardOptionGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../../UnitInput/styles.css.ts.vanilla.js";
 import { init_selectBar_css_ts_vanilla } from "./selectBar.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
-//#region src/components/SelectInput/components/selectBar.css.ts
+//#region src/components/SelectInput/components/SelectBar/selectBar.css.ts
 var maxWidthTag, minWidthTag, selectBar;
 var init_selectBar_css = __esmMin(() => {
 	init_styles_css_ts_vanilla();
 	init_styles_css_ts_vanilla$1();
 	init_selectBar_css_ts_vanilla();
-	maxWidthTag = "var(--uv_1ba7knd0)";
-	minWidthTag = "var(--uv_1ba7knd1)";
+	maxWidthTag = "var(--uv_r8qe40)";
+	minWidthTag = "var(--uv_r8qe41)";
 	selectBar = createRuntimeFn({
-		defaultClassName: "uv_1ba7knd6 uv_1ba7knd5",
+		defaultClassName: "uv_r8qe46 uv_r8qe45",
 		variantClassNames: {
-			disabled: { true: "uv_1ba7knd7" },
-			dropdownVisible: { true: "uv_1ba7knd8" },
-			readOnly: { true: "uv_1ba7knd9" },
+			disabled: { true: "uv_r8qe47" },
+			dropdownVisible: { true: "uv_r8qe48" },
+			readOnly: { true: "uv_r8qe49" },
 			size: {
-				large: "uv_1ba7knda",
-				medium: "uv_1ba7kndb",
-				small: "uv_1ba7kndc"
+				large: "uv_r8qe4a",
+				medium: "uv_r8qe4b",
+				small: "uv_r8qe4c"
 			},
 			state: {
-				danger: "uv_1ba7kndd",
-				neutral: "uv_1ba7knde",
-				success: "uv_1ba7kndf"
+				danger: "uv_r8qe4d",
+				neutral: "uv_r8qe4e",
+				success: "uv_r8qe4f"
 			}
 		},
 		defaultVariants: {
@@ -40,15 +40,15 @@ var init_selectBar_css = __esmMin(() => {
 			[{
 				dropdownVisible: true,
 				state: "neutral"
-			}, "uv_1ba7kndg"],
+			}, "uv_r8qe4g"],
 			[{
 				dropdownVisible: true,
 				state: "success"
-			}, "uv_1ba7kndh"],
+			}, "uv_r8qe4h"],
 			[{
 				dropdownVisible: true,
 				state: "danger"
-			}, "uv_1ba7kndi"]
+			}, "uv_r8qe4i"]
 		]
 	});
 });

package/dist/components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.css
+var init_selectBar_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_selectBar_css_ts_vanilla();
+export { init_selectBar_css_ts_vanilla };

package/dist/components/SelectInput/components/helpers.d.ts

@@ -0,0 +1,30 @@
+import type { DataType, OptionType, ReducerAction, ReducerState } from '../types';
+import type { ReactNode } from 'react';
+export declare const getTagsWidth: (toMeasureElementsArray: Element[], innerWidth: number, potentiallyNonOverflowedValues: OptionType[]) => {
+    accumulatedWidth: number;
+    lastVisibleElementWidth: number;
+    lastVisibleLabel: ReactNode;
+    measuredHiddenTags: number;
+    measuredVisibleTags: OptionType[];
+};
+export declare const computeOverflowVars: (tagsWidth: {
+    accumulatedWidth: number;
+    lastVisibleElementWidth: number;
+    lastVisibleLabel: ReactNode;
+    measuredHiddenTags: number;
+    measuredVisibleTags: OptionType[];
+}, hasOverflow: boolean, lastVisibleElementMaxSize: number, hasHiddenTags: boolean, potentiallyNonOverflowedValues: OptionType[], additionnalElementsWidth: number) => {
+    overflowAmount: number;
+    nonOverflowedValues: OptionType[];
+    lastElementMaxWidth: number;
+    hasOverflow: boolean;
+};
+export declare const computeSelectedDataMultiselect: (closestOption: OptionType, options: DataType, selectedData: ReducerState) => {
+    computedData: ReducerAction;
+    onChangeData: string[];
+};
+export declare const computeSelectedDataSingleSelect: (closestOption: OptionType, selectedData: ReducerState) => {
+    computedData: ReducerAction;
+    onChangeData: string;
+};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/SelectInput/components/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACb,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,YAAY;;;;;;CAkDtB,CAAA;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;CA4D/B,CAAA;AAED,eAAO,MAAM,8BAA8B;;;CAiBzC,CAAA;AAEF,eAAO,MAAM,+BAA+B;;;CAS1C,CAAA"}

package/dist/components/SelectInput/components/helpers.js

@@ -0,0 +1,77 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SIZES_TAG, init_constants } from "../constants.js";
+
+//#region src/components/SelectInput/components/helpers.ts
+var getTagsWidth, computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect;
+var init_helpers = __esmMin(() => {
+	init_constants();
+	getTagsWidth = (toMeasureElementsArray, innerWidth, potentiallyNonOverflowedValues) => toMeasureElementsArray.reduce((accumulator, currentValue, index) => {
+		const elementWidth = currentValue.offsetWidth;
+		const newAccumulatedWidth = accumulator.accumulatedWidth + elementWidth + SIZES_TAG.gap;
+		const canBeVisible = newAccumulatedWidth <= innerWidth;
+		return {
+			accumulatedWidth: canBeVisible ? newAccumulatedWidth : accumulator.accumulatedWidth,
+			lastVisibleElementWidth: canBeVisible ? elementWidth : accumulator.lastVisibleElementWidth,
+			lastVisibleLabel: canBeVisible ? potentiallyNonOverflowedValues[index].label : accumulator.lastVisibleLabel,
+			measuredHiddenTags: accumulator.measuredHiddenTags + (canBeVisible ? 0 : 1),
+			measuredVisibleTags: [...accumulator.measuredVisibleTags, ...canBeVisible ? [potentiallyNonOverflowedValues[index]] : []]
+		};
+	}, {
+		accumulatedWidth: 0,
+		lastVisibleElementWidth: 0,
+		lastVisibleLabel: "",
+		measuredHiddenTags: 0,
+		measuredVisibleTags: []
+	});
+	computeOverflowVars = (tagsWidth, hasOverflow, lastVisibleElementMaxSize, hasHiddenTags, potentiallyNonOverflowedValues, additionnalElementsWidth) => {
+		if (tagsWidth.measuredHiddenTags === 1 && tagsWidth.measuredVisibleTags.length === 0) {
+			const newOverflowPx = tagsWidth.lastVisibleElementWidth + (tagsWidth.measuredHiddenTags > 1 ? additionnalElementsWidth : 0) - innerWidth;
+			return {
+				overflowAmount: 0,
+				nonOverflowedValues: [potentiallyNonOverflowedValues[0]],
+				lastElementMaxWidth: tagsWidth.lastVisibleElementWidth - newOverflowPx,
+				hasOverflow: true
+			};
+		}
+		if (hasOverflow && hasHiddenTags && (lastVisibleElementMaxSize > 65 || tagsWidth.measuredVisibleTags.length === 1 && lastVisibleElementMaxSize > 65) && typeof tagsWidth.lastVisibleLabel === "string") return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: true
+		};
+		if (hasOverflow && hasHiddenTags) return {
+			overflowAmount: tagsWidth.measuredHiddenTags + 1,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags.slice(0, -1),
+			lastElementMaxWidth: 0,
+			hasOverflow: false
+		};
+		return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: false
+		};
+	};
+	computeSelectedDataMultiselect = (closestOption, options, selectedData) => ({
+		computedData: {
+			clickedOption: closestOption,
+			group: Array.isArray(options) ? void 0 : Object.keys(options).find((group) => options[group].includes(closestOption)),
+			type: "selectOption"
+		},
+		onChangeData: selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]
+	});
+	computeSelectedDataSingleSelect = (closestOption, selectedData) => {
+		var _selectedData$selecte;
+		return {
+			computedData: {
+				clickedOption: closestOption,
+				type: "selectOption"
+			},
+			onChangeData: (_selectedData$selecte = selectedData.selectedValues[0]) !== null && _selectedData$selecte !== void 0 ? _selectedData$selecte : ""
+		};
+	};
+});
+
+//#endregion
+init_helpers();
+export { computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect, getTagsWidth, init_helpers };

package/dist/components/SelectInput/components/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown';
+export { SelectBar } from './SelectBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SelectInput/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/SelectInput/components/index.js

@@ -0,0 +1,15 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { Dropdown } from "./Dropdown/Dropdown.js";
+import { init_Dropdown } from "./Dropdown/index.js";
+import { SelectBar } from "./SelectBar/SelectBar.js";
+import { init_SelectBar } from "./SelectBar/index.js";
+
+//#region src/components/SelectInput/components/index.ts
+var init_components = __esmMin(() => {
+	init_Dropdown();
+	init_SelectBar();
+});
+
+//#endregion
+init_components();
+export { init_components };

package/dist/components/SelectInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectInput/index.js

@@ -5,8 +5,9 @@ import { Text, init_Text } from "../Text/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { SelectInputProvider, init_SelectInputProvider } from "./SelectInputProvider.js";
 import { init_styles_css, selectInputStyle } from "./styles.css.js";
-import { Dropdown, init_Dropdown } from "./components/Dropdown.js";
-import { SelectBar, init_SelectBar } from "./components/SelectBar.js";
+import { Dropdown } from "./components/Dropdown/Dropdown.js";
+import { SelectBar } from "./components/SelectBar/SelectBar.js";
+import { init_components } from "./components/index.js";
 import { useId, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,8 +18,7 @@ var init_SelectInput = __esmMin(() => {
 	init_Label();
 	init_Stack();
 	init_Text();
-	init_Dropdown();
-	init_SelectBar();
+	init_components();
 	init_SelectInputProvider();
 	init_styles_css();
 	SelectInput = ({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size = "large", emptyState, descriptionDirection = "column", success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch = "Search in list", placeholder = "Select item", searchable = true, disabled = false, readOnly = false, clearable = false, multiselect = false, required = false, labelDescription, autofocus, loadMore, optionalInfoPlacement = "right", isLoading, selectAll, selectAllGroup = false, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption }) => {

package/dist/components/SelectInput/reducerFonctions.d.ts

@@ -0,0 +1,28 @@
+import type { DataType, OptionType, ReducerState } from './types';
+export declare const selectAllAction: (state: ReducerState, allGroups: string[], allValues: OptionType[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const selectGroupAction: (state: ReducerState, selectedGroupAction: string, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number) => ReducerState;
+export declare const selectOptionAction: (state: ReducerState, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number, multiselect: boolean, clickedOption: OptionType, group?: string | undefined) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const clearAllAction: () => {
+    allSelected: boolean;
+    selectedGroups: never[];
+    selectedValues: never[];
+};
+export declare const updateAction: (state: ReducerState, options: DataType) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const resetAction: (selectedGroups: string[], selectedValues: string[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+//# sourceMappingURL=reducerFonctions.d.ts.map

package/dist/components/SelectInput/reducerFonctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducerFonctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFonctions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe;;;;CAa3B,CAAA;AAED,eAAO,MAAM,iBAAiB,iJAwC7B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CAiD9B,CAAA;AAED,eAAO,MAAM,cAAc;;;;CAIzB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;CAgBvB,CAAA;AAEF,eAAO,MAAM,WAAW;;;;CAGqC,CAAA"}

package/dist/components/SelectInput/reducerFonctions.js

@@ -0,0 +1,76 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectInput/reducerFonctions.ts
+var selectAllAction, selectGroupAction, selectOptionAction, clearAllAction, updateAction, resetAction;
+var init_reducerFonctions = __esmMin(() => {
+	selectAllAction = (state, allGroups, allValues) => {
+		if (state.allSelected) return {
+			allSelected: false,
+			selectedGroups: [],
+			selectedValues: []
+		};
+		return {
+			allSelected: true,
+			selectedGroups: allGroups,
+			selectedValues: allValues.map((option) => option.value)
+		};
+	};
+	selectGroupAction = (state, selectedGroupAction, options, numberOfOptions, numberOfDisabledOptions) => {
+		if (!Array.isArray(options)) {
+			if (state.selectedGroups.includes(selectedGroupAction)) return {
+				allSelected: false,
+				selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== selectedGroupAction),
+				selectedValues: [...state.selectedValues].filter((selectedValue) => !options[selectedGroupAction].find((option) => option.value === selectedValue))
+			};
+			const newSelectedValues = [...state.selectedValues];
+			options[selectedGroupAction].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
+			return {
+				allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
+				selectedGroups: [...state.selectedGroups, selectedGroupAction],
+				selectedValues: newSelectedValues
+			};
+		}
+		return state;
+	};
+	selectOptionAction = (state, options, numberOfOptions, numberOfDisabledOptions, multiselect, clickedOption, group) => {
+		if (multiselect) {
+			if (state.selectedValues.includes(clickedOption.value)) return {
+				allSelected: false,
+				selectedGroups: group && state.selectedGroups.includes(group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== group) : [],
+				selectedValues: state.selectedValues.filter((val) => val !== clickedOption.value)
+			};
+			return {
+				allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
+				selectedGroups: !Array.isArray(options) && group && options[group].every((option) => [...state.selectedValues, clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, group] : state.selectedGroups,
+				selectedValues: [...state.selectedValues, clickedOption.value]
+			};
+		}
+		return {
+			allSelected: false,
+			selectedGroups: state.selectedGroups,
+			selectedValues: [clickedOption.value]
+		};
+	};
+	clearAllAction = () => ({
+		allSelected: false,
+		selectedGroups: [],
+		selectedValues: []
+	});
+	updateAction = (state, options) => ({
+		allSelected: state.allSelected,
+		selectedGroups: state.selectedGroups,
+		selectedValues: state.selectedValues.filter((selectedValue) => {
+			if (!Array.isArray(options)) return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
+			return options.some((option) => option.value === selectedValue && !option.disabled);
+		})
+	});
+	resetAction = (selectedGroups, selectedValues) => ({
+		allSelected: false,
+		selectedGroups,
+		selectedValues
+	});
+});
+
+//#endregion
+init_reducerFonctions();
+export { clearAllAction, init_reducerFonctions, resetAction, selectAllAction, selectGroupAction, selectOptionAction, updateAction };

package/dist/components/SelectInput/styles.css.d.ts

@@ -10,7 +10,8 @@ export declare const selectInputStyle: {
             small: {
                 paddingLeft: `var(--${string})`;
             };
-            default: {};
+            large: {};
+            medium: {};
         };
     }>;
     dropdownGroupWrapper: string;
@@ -22,7 +23,8 @@ export declare const selectInputStyle: {
             };
         };
         size: {
-            default: {};
+            large: {};
+            medium: {};
             small: {
                 padding: `var(--${string})`;
             };

package/dist/components/SelectInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}