@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/SelectInput/SelectInputProvider.js

@@ -1,179 +1,183 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectInput/SelectInputProvider.tsx
-const SelectInputContext = createContext({
-	displayedOptions: [],
-	isDropdownVisible: false,
-	multiselect: false,
-	numberOfOptions: 0,
-	onChange: () => {},
-	onSearch: () => {},
-	options: [],
-	searchInput: "",
-	selectAll: { label: "" },
-	selectAllGroup: false,
-	selectedData: {
-		allSelected: false,
-		selectedGroups: [],
-		selectedValues: []
-	},
-	setIsDropdownVisible: () => {},
-	setSearchInput: () => {},
-	setSelectedData: () => {},
-	size: "large"
-});
-const useSelectInput = () => useContext(SelectInputContext);
-const 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":
-				if (state.allSelected) return {
-					allSelected: false,
-					selectedGroups: [],
-					selectedValues: []
-				};
-				return {
-					allSelected: true,
-					selectedGroups: allGroups,
-					selectedValues: allValues.map((option) => option.value)
-				};
-			case "selectGroup":
-				if (!Array.isArray(options)) {
-					if (state.selectedGroups.includes(action.selectedGroup)) return {
+var SelectInputContext, useSelectInput, SelectInputProvider;
+var init_SelectInputProvider = __esmMin(() => {
+	SelectInputContext = createContext({
+		displayedOptions: [],
+		isDropdownVisible: false,
+		multiselect: false,
+		numberOfOptions: 0,
+		onChange: () => {},
+		onSearch: () => {},
+		options: [],
+		searchInput: "",
+		selectAll: { label: "" },
+		selectAllGroup: false,
+		selectedData: {
+			allSelected: false,
+			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":
+					if (state.allSelected) return {
 						allSelected: false,
-						selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup),
-						selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue))
+						selectedGroups: [],
+						selectedValues: []
 					};
-					const newSelectedValues = [...state.selectedValues];
-					options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
 					return {
-						allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
-						selectedGroups: [...state.selectedGroups, action.selectedGroup],
-						selectedValues: newSelectedValues
-					};
-				}
-				return state;
-			case "selectOption":
-				if (multiselect) {
-					if (state.selectedValues.includes(action.clickedOption.value)) return {
-						allSelected: false,
-						selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : [],
-						selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value)
+						allSelected: true,
+						selectedGroups: allGroups,
+						selectedValues: allValues.map((option) => option.value)
 					};
+				case "selectGroup":
+					if (!Array.isArray(options)) {
+						if (state.selectedGroups.includes(action.selectedGroup)) return {
+							allSelected: false,
+							selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup),
+							selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue))
+						};
+						const newSelectedValues = [...state.selectedValues];
+						options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
+						return {
+							allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
+							selectedGroups: [...state.selectedGroups, action.selectedGroup],
+							selectedValues: newSelectedValues
+						};
+					}
+					return state;
+				case "selectOption":
+					if (multiselect) {
+						if (state.selectedValues.includes(action.clickedOption.value)) return {
+							allSelected: false,
+							selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : [],
+							selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value)
+						};
+						return {
+							allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
+							selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups,
+							selectedValues: [...state.selectedValues, action.clickedOption.value]
+						};
+					}
 					return {
-						allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
-						selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups,
-						selectedValues: [...state.selectedValues, action.clickedOption.value]
+						allSelected: false,
+						selectedGroups: state.selectedGroups,
+						selectedValues: [action.clickedOption.value]
 					};
-				}
-				return {
+				case "clearAll": return {
 					allSelected: false,
+					selectedGroups: [],
+					selectedValues: []
+				};
+				case "update": return {
+					allSelected: state.allSelected,
 					selectedGroups: state.selectedGroups,
-					selectedValues: [action.clickedOption.value]
+					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);
+					})
 				};
-			case "clearAll": return {
-				allSelected: false,
-				selectedGroups: [],
-				selectedValues: []
-			};
-			case "update": return {
-				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);
-				})
-			};
-			case "reset": return {
-				allSelected: false,
-				selectedGroups: action.selectedGroups,
-				selectedValues: action.selectedValues
-			};
-			default: return state;
-		}
-	};
-	const [selectedData, setSelectedData] = useReducer(reducer, {
-		allSelected: false,
-		selectedGroups,
-		selectedValues: currentValue
-	});
-	useEffect(() => {
-		setSelectedData({
+				case "reset": return {
+					allSelected: false,
+					selectedGroups: action.selectedGroups,
+					selectedValues: action.selectedValues
+				};
+				default: return state;
+			}
+		};
+		const [selectedData, setSelectedData] = useReducer(reducer, {
+			allSelected: false,
 			selectedGroups,
-			selectedValues: currentValue,
-			type: "reset"
+			selectedValues: currentValue
 		});
-	}, [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
-	});
-};
+		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
-export { SelectInputProvider, useSelectInput };
+init_SelectInputProvider();
+export { SelectInputProvider, init_SelectInputProvider, useSelectInput };

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA8BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,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;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,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;AAkxBD,eAAO,MAAM,QAAQ,oRA4NpB,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgBnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,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;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,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;AA6xBD,eAAO,MAAM,QAAQ,oRA4NpB,CAAA"}