@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/components/SelectInput/SelectInputProvider.js

@@ -6,121 +6,123 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectInput/SelectInputProvider.tsx
 var SelectInputContext, useSelectInput, SelectInputProvider;
-var 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
+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"
 		});
-		useEffect(() => {
-			setSelectedData({
+		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,
-				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
 init_SelectInputProvider();

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

@@ -6,42 +6,44 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectInput/components/Dropdown/AddOption.tsx
 var AddOption;
-var 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
+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("");
 			};
-			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;
 		};
-		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();

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

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/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,gCA8KrB,CAAA"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/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,gCA4KrB,CAAA"}