@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/SelectInput/SelectInputProvider.js

@@ -1,239 +1,179 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useMemo, useState, useCallback, useReducer, useEffect, createContext, useContext } from "react";
+
+//#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: () => {
-  }
+	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,
-  children,
-  onChange,
-  refSelect,
-  onOpen
-}) => {
-  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?.();
-      }
-      if (!newValue && refSelect) {
-        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;
-  }, [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 {
-              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,
-            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,
-            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: false,
-          selectedGroups: state.selectedGroups,
-          selectedValues: [action.clickedOption.value]
-        };
-      }
-      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({
-      selectedGroups,
-      selectedValues: currentValue,
-      type: "reset"
-    });
-  }, [currentValue, selectedGroups]);
-  const providerValue = useMemo(
-    () => ({
-      displayedOptions,
-      isDropdownVisible,
-      multiselect,
-      numberOfOptions,
-      onChange,
-      onSearch: setDisplayedOptions,
-      options,
-      searchInput,
-      selectAll,
-      selectAllGroup,
-      selectedData,
-      setIsDropdownVisible: handleDropDownVisible,
-      setSearchInput,
-      setSelectedData
-    }),
-    [
-      isDropdownVisible,
-      handleDropDownVisible,
-      searchInput,
-      options,
-      multiselect,
-      selectAll,
-      selectAllGroup,
-      numberOfOptions,
-      displayedOptions,
-      selectedData,
-      onChange
-    ]
-  );
-  return /* @__PURE__ */ jsx(SelectInputContext.Provider, { value: providerValue, children });
-};
-export {
-  SelectInputProvider,
-  useSelectInput
+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 {
+						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: false,
+					selectedGroups: state.selectedGroups,
+					selectedValues: [action.clickedOption.value]
+				};
+			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({
+			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 };

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;AAguBD,eAAO,MAAM,QAAQ,GAAI,wNAkBtB,aAAa,4CA2Mf,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;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"}