@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/compositions/Filters/filterTypes/FilterSelect.js

@@ -7,40 +7,42 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Filters/filterTypes/FilterSelect.tsx
 var SELECT_DISPLAY_THRESHOLD, FilterSelect;
-var init_FilterSelect = __esmMin(() => {
-	init_Label();
-	init_RadioGroup();
-	init_SelectInput();
-	SELECT_DISPLAY_THRESHOLD = 5;
-	FilterSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
-		var _config$displayThresh;
-		const configOptions = config.options;
-		const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
-		if (directionContext === "column" && Array.isArray(options) && options.length < ((_config$displayThresh = config.displayThreshold) !== null && _config$displayThresh !== void 0 ? _config$displayThresh : 5)) return /* @__PURE__ */ jsx(RadioGroup, {
-			description: hideLabel ? void 0 : /* @__PURE__ */ jsx(Label, { children: config.label }),
-			name: config.name,
-			onChange: (event) => {
-				onChange === null || onChange === void 0 || onChange(event.target.value);
-			},
-			value,
-			children: options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Radio, {
-				label: option.label,
-				value: option.value
-			}, option.value))
-		});
-		return /* @__PURE__ */ jsx(SelectInput, {
-			"aria-label": hideLabel ? config.label : void 0,
-			clearable: config.clearable,
-			label: hideLabel ? void 0 : config.label,
-			size,
-			name: config.name,
-			onChange,
-			options,
-			placeholder: config.placeholder,
-			value
-		});
-	};
-});
+function init_FilterSelect() {
+	return (init_FilterSelect = __esmMin(() => {
+		init_Label();
+		init_RadioGroup();
+		init_SelectInput();
+		SELECT_DISPLAY_THRESHOLD = 5;
+		FilterSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
+			var _config$displayThresh;
+			const configOptions = config.options;
+			const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
+			if (directionContext === "column" && Array.isArray(options) && options.length < ((_config$displayThresh = config.displayThreshold) !== null && _config$displayThresh !== void 0 ? _config$displayThresh : 5)) return /* @__PURE__ */ jsx(RadioGroup, {
+				description: hideLabel ? void 0 : /* @__PURE__ */ jsx(Label, { children: config.label }),
+				name: config.name,
+				onChange: (event) => {
+					onChange === null || onChange === void 0 || onChange(event.target.value);
+				},
+				value,
+				children: options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Radio, {
+					label: option.label,
+					value: option.value
+				}, option.value))
+			});
+			return /* @__PURE__ */ jsx(SelectInput, {
+				"aria-label": hideLabel ? config.label : void 0,
+				clearable: config.clearable,
+				label: hideLabel ? void 0 : config.label,
+				size,
+				name: config.name,
+				onChange,
+				options,
+				placeholder: config.placeholder,
+				value
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_FilterSelect();

package/dist/compositions/Filters/filterTypes/FilterSlider.js

@@ -1,30 +1,32 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Slider, init_Slider } from "../../../components/Slider/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Filters/filterTypes/FilterSlider.tsx
 var FilterSlider;
-var init_FilterSlider = __esmMin(() => {
-	init_Slider();
-	init_objectSpread2();
-	FilterSlider = ({ value, onChange, config, hideLabel }) => {
-		const sliderProps = {
-			input: true,
-			"aria-label": hideLabel ? config.label : void 0,
-			label: hideLabel ? void 0 : config.label,
-			max: config.max,
-			min: config.min,
-			name: config.name,
-			onChange,
-			options: config.options,
-			step: config.step,
-			unit: config.unit
+function init_FilterSlider() {
+	return (init_FilterSlider = __esmMin(() => {
+		init_Slider();
+		init_objectSpread2();
+		FilterSlider = ({ value, onChange, config, hideLabel }) => {
+			const sliderProps = {
+				input: true,
+				"aria-label": hideLabel ? config.label : void 0,
+				label: hideLabel ? void 0 : config.label,
+				max: config.max,
+				min: config.min,
+				name: config.name,
+				onChange,
+				options: config.options,
+				step: config.step,
+				unit: config.unit
+			};
+			if (config.double) return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({ double: true }, sliderProps), {}, { value }));
+			return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({}, sliderProps), {}, { value }));
 		};
-		if (config.double) return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({ double: true }, sliderProps), {}, { value }));
-		return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({}, sliderProps), {}, { value }));
-	};
-});
+	}))();
+}
 
 //#endregion
 init_FilterSlider();

package/dist/compositions/Filters/filterTypes/FilterText.js

@@ -6,36 +6,38 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Filters/filterTypes/FilterText.tsx
 var FilterText;
-var init_FilterText = __esmMin(() => {
-	init_TextInput();
-	FilterText = ({ config, hideLabel, onChange, value, size }) => {
-		var _config$debounceDurat;
-		const [tempValue, setTempValue] = useState(value);
-		const onSetValueLater = useDebouncedCallback(onChange, (_config$debounceDurat = config.debounceDuration) !== null && _config$debounceDurat !== void 0 ? _config$debounceDurat : 600);
-		useEffect(() => {
-			setTempValue(value);
-		}, [value]);
-		return /* @__PURE__ */ jsx(TextInput, {
-			"aria-label": hideLabel ? config.label : void 0,
-			label: hideLabel ? void 0 : config.label,
-			loading: tempValue !== value,
-			name: config.name,
-			size,
-			onChange: (event) => {
-				setTempValue(event.target.value);
-				onSetValueLater(event.target.value);
-			},
-			onKeyDown: (event) => {
-				if (event.key === "Enter") {
-					event.preventDefault();
-					event.stopPropagation();
-				}
-			},
-			placeholder: config.placeholder,
-			value: tempValue
-		});
-	};
-});
+function init_FilterText() {
+	return (init_FilterText = __esmMin(() => {
+		init_TextInput();
+		FilterText = ({ config, hideLabel, onChange, value, size }) => {
+			var _config$debounceDurat;
+			const [tempValue, setTempValue] = useState(value);
+			const onSetValueLater = useDebouncedCallback(onChange, (_config$debounceDurat = config.debounceDuration) !== null && _config$debounceDurat !== void 0 ? _config$debounceDurat : 600);
+			useEffect(() => {
+				setTempValue(value);
+			}, [value]);
+			return /* @__PURE__ */ jsx(TextInput, {
+				"aria-label": hideLabel ? config.label : void 0,
+				label: hideLabel ? void 0 : config.label,
+				loading: tempValue !== value,
+				name: config.name,
+				size,
+				onChange: (event) => {
+					setTempValue(event.target.value);
+					onSetValueLater(event.target.value);
+				},
+				onKeyDown: (event) => {
+					if (event.key === "Enter") {
+						event.preventDefault();
+						event.stopPropagation();
+					}
+				},
+				placeholder: config.placeholder,
+				value: tempValue
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_FilterText();

package/dist/compositions/Filters/index.js

@@ -1,17 +1,8 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { FiltersProvider, init_FiltersProvider, useFiltersContext } from "./parts/FiltersProvider.js";
 import { FiltersDrawer, init_FiltersDrawer } from "./parts/FiltersDrawer.js";
 import { FiltersMainRow, init_FiltersMainRow } from "./parts/FiltersMainRow.js";
-import { Filters, init_Filters as init_Filters$1 } from "./Filters.js";
+import { Filters, init_Filters } from "./Filters.js";
+import { init_Filters as init_Filters$1 } from "../../_virtual/Filters.js";
 
-//#region src/compositions/Filters/index.ts
-var init_Filters = __esmMin(() => {
-	init_Filters$1();
-	init_FiltersProvider();
-	init_FiltersMainRow();
-	init_FiltersDrawer();
-});
-
-//#endregion
-init_Filters();
-export { Filters, FiltersDrawer, FiltersMainRow, FiltersProvider, init_Filters, useFiltersContext };
+init_Filters$1();
+export { Filters, FiltersDrawer, FiltersMainRow, FiltersProvider, useFiltersContext };

package/dist/compositions/Filters/parts/AbstractFilter.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { FilterDateRange, init_FilterDateRange } from "../filterTypes/FilterDateRange.js";
 import { FilterDatetimeRange, init_FilterDatetimeRange } from "../filterTypes/FilterDatetimeRange/FilterDatetimeRange.js";
 import { FilterSelect, init_FilterSelect } from "../filterTypes/FilterSelect.js";
@@ -12,46 +12,48 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Filters/parts/AbstractFilter.tsx
 var defaultFieldComponents, defaultCustomComponents, AbstractFilter;
-var init_AbstractFilter = __esmMin(() => {
-	init_FilterDateRange();
-	init_FilterDatetimeRange();
-	init_FilterMultiSelect();
-	init_FilterNumber();
-	init_FilterSearch();
-	init_FilterSelect();
-	init_FilterSlider();
-	init_FilterText();
-	init_objectSpread2();
-	defaultFieldComponents = {
-		text: FilterText,
-		search: FilterSearch,
-		select: FilterSelect,
-		multiselect: FilterMultiSelect,
-		slider: FilterSlider,
-		datetimeRange: FilterDatetimeRange,
-		dateRange: FilterDateRange,
-		number: FilterNumber
-	};
-	defaultCustomComponents = {};
-	AbstractFilter = ({ hideLabel, config, directionContext, onChange, value, values, customComponents = defaultCustomComponents, size }) => {
-		const shouldHideLabel = directionContext === "column" && hideLabel;
-		const availableComponents = _objectSpread2(_objectSpread2({}, defaultFieldComponents), customComponents);
-		const isAvailableType = (configItem) => configItem.type in availableComponents;
-		if (isAvailableType(config)) {
-			const Component = availableComponents[config.type];
-			return /* @__PURE__ */ jsx(Component, {
-				config,
-				size,
-				directionContext,
-				onChange,
-				hideLabel: shouldHideLabel,
-				value,
-				values
-			});
-		}
-		return null;
-	};
-});
+function init_AbstractFilter() {
+	return (init_AbstractFilter = __esmMin(() => {
+		init_FilterDateRange();
+		init_FilterDatetimeRange();
+		init_FilterMultiSelect();
+		init_FilterNumber();
+		init_FilterSearch();
+		init_FilterSelect();
+		init_FilterSlider();
+		init_FilterText();
+		init_objectSpread2();
+		defaultFieldComponents = {
+			text: FilterText,
+			search: FilterSearch,
+			select: FilterSelect,
+			multiselect: FilterMultiSelect,
+			slider: FilterSlider,
+			datetimeRange: FilterDatetimeRange,
+			dateRange: FilterDateRange,
+			number: FilterNumber
+		};
+		defaultCustomComponents = {};
+		AbstractFilter = ({ hideLabel, config, directionContext, onChange, value, values, customComponents = defaultCustomComponents, size }) => {
+			const shouldHideLabel = directionContext === "column" && hideLabel;
+			const availableComponents = _objectSpread2(_objectSpread2({}, defaultFieldComponents), customComponents);
+			const isAvailableType = (configItem) => configItem.type in availableComponents;
+			if (isAvailableType(config)) {
+				const Component = availableComponents[config.type];
+				return /* @__PURE__ */ jsx(Component, {
+					config,
+					size,
+					directionContext,
+					onChange,
+					hideLabel: shouldHideLabel,
+					value,
+					values
+				});
+			}
+			return null;
+		};
+	}))();
+}
 
 //#endregion
 init_AbstractFilter();

package/dist/compositions/Filters/parts/ExpandableFilterGroup.js

@@ -10,49 +10,51 @@ import { ArrowDownIcon, ArrowUpIcon } from "@ultraviolet/icons";
 
 //#region src/compositions/Filters/parts/ExpandableFilterGroup.tsx
 var ExpandableFilterGroup;
-var init_ExpandableFilterGroup = __esmMin(() => {
-	init_Button();
-	init_Label();
-	init_Row();
-	init_Stack();
-	init_Text();
-	ExpandableFilterGroup = ({ label, children, defaultExpanded = true, onReset, clearText }) => {
-		const [expanded, setExpanded] = useState(defaultExpanded);
-		return /* @__PURE__ */ jsxs(Stack, {
-			gap: 2,
-			children: [/* @__PURE__ */ jsxs(Row, {
-				gap: 1,
-				templateColumns: "1fr auto",
-				children: [/* @__PURE__ */ jsx(Label, {
-					size: "medium",
-					children: label
-				}), /* @__PURE__ */ jsxs(Stack, {
-					direction: "row",
+function init_ExpandableFilterGroup() {
+	return (init_ExpandableFilterGroup = __esmMin(() => {
+		init_Button();
+		init_Label();
+		init_Row();
+		init_Stack();
+		init_Text();
+		ExpandableFilterGroup = ({ label, children, defaultExpanded = true, onReset, clearText }) => {
+			const [expanded, setExpanded] = useState(defaultExpanded);
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: 2,
+				children: [/* @__PURE__ */ jsxs(Row, {
 					gap: 1,
-					children: [typeof onReset === "function" ? /* @__PURE__ */ jsx(Button, {
-						onClick: onReset,
-						sentiment: "neutral",
-						size: "xsmall",
-						variant: "ghost",
-						children: /* @__PURE__ */ jsx(Text, {
-							as: "span",
-							variant: "captionStrong",
-							children: clearText
-						})
-					}) : null, /* @__PURE__ */ jsx(Button, {
-						onClick: () => {
-							setExpanded((current) => !current);
-						},
-						sentiment: "neutral",
-						size: "xsmall",
-						variant: "ghost",
-						children: expanded ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+					templateColumns: "1fr auto",
+					children: [/* @__PURE__ */ jsx(Label, {
+						size: "medium",
+						children: label
+					}), /* @__PURE__ */ jsxs(Stack, {
+						direction: "row",
+						gap: 1,
+						children: [typeof onReset === "function" ? /* @__PURE__ */ jsx(Button, {
+							onClick: onReset,
+							sentiment: "neutral",
+							size: "xsmall",
+							variant: "ghost",
+							children: /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								variant: "captionStrong",
+								children: clearText
+							})
+						}) : null, /* @__PURE__ */ jsx(Button, {
+							onClick: () => {
+								setExpanded((current) => !current);
+							},
+							sentiment: "neutral",
+							size: "xsmall",
+							variant: "ghost",
+							children: expanded ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+						})]
 					})]
-				})]
-			}), expanded ? /* @__PURE__ */ jsx(Stack, { children }) : null]
-		});
-	};
-});
+				}), expanded ? /* @__PURE__ */ jsx(Stack, { children }) : null]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_ExpandableFilterGroup();

package/dist/compositions/Filters/parts/FiltersDrawer.js

@@ -12,86 +12,88 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/Filters/parts/FiltersDrawer.tsx
 var FiltersDrawer;
-var init_FiltersDrawer = __esmMin(() => {
-	init_Button();
-	init_Drawer();
-	init_Separator();
-	init_Stack();
-	init_AbstractFilter();
-	init_ExpandableFilterGroup();
-	init_FiltersProvider();
-	init_helpers();
-	FiltersDrawer = ({ config, components, labels }) => {
-		const formId = useId();
-		const { filters, closeDrawer, isDrawerOpen } = useFiltersContext();
-		const drawerFilters = config.filter((item) => !item.hideInDrawer);
-		const createResetHandler = (configItem) => {
-			let fieldsToReset = [];
-			if (isFilterConfigGroup(configItem)) fieldsToReset = configItem.items.map((item) => item.name).filter((name) => filters.dirtyFilters.includes(name));
-			else if (filters.dirtyFilters.includes(configItem.name)) fieldsToReset = [configItem.name];
-			return fieldsToReset.length > 0 ? () => filters.resetFields(fieldsToReset) : void 0;
-		};
-		if (drawerFilters.length === 0) return null;
-		return /* @__PURE__ */ jsx(Drawer, {
-			footer: /* @__PURE__ */ jsx(Button, {
-				form: formId,
-				type: "submit",
-				children: labels.submit
-			}),
-			header: labels.drawerHeader,
-			hideOnClickOutside: false,
-			onClose: () => {
-				filters.discard();
-				closeDrawer();
-			},
-			open: isDrawerOpen,
-			separator: true,
-			size: "small",
-			children: /* @__PURE__ */ jsx("form", {
-				id: formId,
-				onSubmit: (event) => {
-					event.preventDefault();
-					event.stopPropagation();
-					filters.submit();
+function init_FiltersDrawer() {
+	return (init_FiltersDrawer = __esmMin(() => {
+		init_Button();
+		init_Drawer();
+		init_Separator();
+		init_Stack();
+		init_AbstractFilter();
+		init_ExpandableFilterGroup();
+		init_FiltersProvider();
+		init_helpers();
+		FiltersDrawer = ({ config, components, labels }) => {
+			const formId = useId();
+			const { filters, closeDrawer, isDrawerOpen } = useFiltersContext();
+			const drawerFilters = config.filter((item) => !item.hideInDrawer);
+			const createResetHandler = (configItem) => {
+				let fieldsToReset = [];
+				if (isFilterConfigGroup(configItem)) fieldsToReset = configItem.items.map((item) => item.name).filter((name) => filters.dirtyFilters.includes(name));
+				else if (filters.dirtyFilters.includes(configItem.name)) fieldsToReset = [configItem.name];
+				return fieldsToReset.length > 0 ? () => filters.resetFields(fieldsToReset) : void 0;
+			};
+			if (drawerFilters.length === 0) return null;
+			return /* @__PURE__ */ jsx(Drawer, {
+				footer: /* @__PURE__ */ jsx(Button, {
+					form: formId,
+					type: "submit",
+					children: labels.submit
+				}),
+				header: labels.drawerHeader,
+				hideOnClickOutside: false,
+				onClose: () => {
+					filters.discard();
 					closeDrawer();
 				},
-				children: /* @__PURE__ */ jsx(Stack, {
-					gap: 2,
-					children: drawerFilters.map((configItem, index) => /* @__PURE__ */ jsxs(Stack, {
+				open: isDrawerOpen,
+				separator: true,
+				size: "small",
+				children: /* @__PURE__ */ jsx("form", {
+					id: formId,
+					onSubmit: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						filters.submit();
+						closeDrawer();
+					},
+					children: /* @__PURE__ */ jsx(Stack, {
 						gap: 2,
-						children: [index > 0 ? /* @__PURE__ */ jsx(Separator, {}) : null, /* @__PURE__ */ jsx(ExpandableFilterGroup, {
-							clearText: labels.clear,
-							label: configItem.label,
-							defaultExpanded: configItem.expanded,
-							onReset: createResetHandler(configItem),
-							children: isFilterConfigGroup(configItem) ? /* @__PURE__ */ jsx(Stack, {
-								gap: 2,
-								children: configItem.items.filter((item) => !item.hideInDrawer).map((subConfigItem) => /* @__PURE__ */ jsx(AbstractFilter, {
-									config: subConfigItem,
+						children: drawerFilters.map((configItem, index) => /* @__PURE__ */ jsxs(Stack, {
+							gap: 2,
+							children: [index > 0 ? /* @__PURE__ */ jsx(Separator, {}) : null, /* @__PURE__ */ jsx(ExpandableFilterGroup, {
+								clearText: labels.clear,
+								label: configItem.label,
+								defaultExpanded: configItem.expanded,
+								onReset: createResetHandler(configItem),
+								children: isFilterConfigGroup(configItem) ? /* @__PURE__ */ jsx(Stack, {
+									gap: 2,
+									children: configItem.items.filter((item) => !item.hideInDrawer).map((subConfigItem) => /* @__PURE__ */ jsx(AbstractFilter, {
+										config: subConfigItem,
+										directionContext: "column",
+										size: "large",
+										onChange: (value) => filters.setValue(subConfigItem.name, value),
+										value: filters.values[subConfigItem.name],
+										values: filters.values,
+										customComponents: components
+									}, subConfigItem.name))
+								}) : /* @__PURE__ */ jsx(AbstractFilter, {
+									config: configItem,
 									directionContext: "column",
 									size: "large",
-									onChange: (value) => filters.setValue(subConfigItem.name, value),
-									value: filters.values[subConfigItem.name],
+									hideLabel: true,
+									onChange: (value) => filters.setValue(configItem.name, value),
+									value: filters.values[configItem.name],
 									values: filters.values,
 									customComponents: components
-								}, subConfigItem.name))
-							}) : /* @__PURE__ */ jsx(AbstractFilter, {
-								config: configItem,
-								directionContext: "column",
-								size: "large",
-								hideLabel: true,
-								onChange: (value) => filters.setValue(configItem.name, value),
-								value: filters.values[configItem.name],
-								values: filters.values,
-								customComponents: components
-							})
-						})]
-					}, isFilterConfigGroup(configItem) ? configItem.label : configItem.name))
+								})
+							})]
+						}, isFilterConfigGroup(configItem) ? configItem.label : configItem.name))
+					})
 				})
-			})
-		});
-	};
-});
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_FiltersDrawer();