@ultraviolet/ui 3.18.2 → 3.19.1

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import { DateInput } from '../../../../components/DateInput';
+import type { FilterConfigItemDatetimeRange } from '../../types';
+import type { DatetimeRangeInputValue, DatetimeRangeLocales } from './type';
+type Props = {
+    onApply: (newValue: DatetimeRangeInputValue) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    value: DatetimeRangeInputValue;
+    dateInputLocale: ComponentProps<typeof DateInput>['locale'];
+    relativePresets: FilterConfigItemDatetimeRange['relativePresets'];
+    localeTexts: DatetimeRangeLocales;
+};
+export declare const Dropdown: ({ onApply, minDate, maxDate, value, dateInputLocale, relativePresets, localeTexts, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAM5D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AAE3E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,IAAI,CAAA;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,KAAK,EAAE,uBAAuB,CAAA;IAC9B,eAAe,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,eAAe,EAAE,6BAA6B,CAAC,iBAAiB,CAAC,CAAA;IACjE,WAAW,EAAE,oBAAoB,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,QAAQ,yFAQlB,KAAK,gCA4GP,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.js

@@ -0,0 +1,137 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../../components/Button/index.js";
+import { Row, init_Row } from "../../../../components/Row/index.js";
+import { DateInput, init_DateInput } from "../../../../components/DateInput/index.js";
+import { RadioGroup, init_RadioGroup } from "../../../../components/RadioGroup/index.js";
+import { SwitchButton, init_SwitchButton } from "../../../../components/SwitchButton/index.js";
+import { TimeInput, init_TimeInput } from "../../../../components/TimeInput/index.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.tsx
+var Dropdown;
+var init_Dropdown = __esmMin(() => {
+	init_Button();
+	init_DateInput();
+	init_RadioGroup();
+	init_Row();
+	init_Stack();
+	init_SwitchButton();
+	init_TimeInput();
+	Dropdown = ({ onApply, minDate, maxDate, value, dateInputLocale, relativePresets, localeTexts }) => {
+		const [localPreset, setLocalPreset] = useState(value.preset);
+		const [localDateRange, setLocalDateRange] = useState([value.startAt, value.endAt]);
+		const [localTimeStart, setLocalTimeStart] = useState(() => {
+			if (value.startAt) return value.startAt;
+			const newDate = /* @__PURE__ */ new Date();
+			newDate.setHours(0);
+			newDate.setMinutes(0);
+			newDate.setSeconds(0);
+			return newDate;
+		});
+		const [localTimeEnd, setLocalTimeEnd] = useState(() => {
+			if (value.endAt) return value.endAt;
+			const newDate = /* @__PURE__ */ new Date();
+			newDate.setHours(23);
+			newDate.setMinutes(59);
+			newDate.setSeconds(59);
+			return newDate;
+		});
+		const handleApply = () => {
+			if (localPreset) onApply({
+				endAt: value.endAt,
+				preset: localPreset,
+				startAt: value.startAt
+			});
+			else {
+				const startAt = localDateRange[0] ? new Date(localDateRange[0]) : null;
+				if (startAt && localTimeStart) {
+					startAt.setHours(localTimeStart.getHours());
+					startAt.setMinutes(localTimeStart.getMinutes());
+					startAt.setSeconds(localTimeStart.getSeconds());
+				}
+				const endAt = localDateRange[1] ? new Date(localDateRange[1]) : null;
+				if (endAt && localTimeEnd) {
+					endAt.setHours(localTimeEnd.getHours());
+					endAt.setMinutes(localTimeEnd.getMinutes());
+					endAt.setSeconds(localTimeEnd.getSeconds());
+				}
+				onApply({
+					endAt,
+					preset: null,
+					startAt
+				});
+			}
+		};
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			width: "100%",
+			children: [
+				/* @__PURE__ */ jsxs(SwitchButton, {
+					name: "timeType",
+					onChange: (event) => {
+						if (event.target.value === "relative") setLocalPreset(relativePresets[0].value);
+						else setLocalPreset(null);
+					},
+					value: localPreset ? "relative" : "absolute",
+					children: [/* @__PURE__ */ jsx(SwitchButton.Option, {
+						value: "relative",
+						children: localeTexts.relative
+					}), /* @__PURE__ */ jsx(SwitchButton.Option, {
+						value: "absolute",
+						children: localeTexts.absolute
+					})]
+				}),
+				/* @__PURE__ */ jsx(Stack, { children: localPreset ? /* @__PURE__ */ jsx(Stack, {
+					gap: 1,
+					children: /* @__PURE__ */ jsx(RadioGroup, {
+						onChange: (event) => {
+							setLocalPreset(event.target.value);
+						},
+						value: localPreset,
+						children: relativePresets.map((presetObj) => /* @__PURE__ */ jsx(RadioGroup.Radio, {
+							label: presetObj.label,
+							value: presetObj.value
+						}, presetObj.value))
+					})
+				}) : /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx(DateInput, {
+						endDate: localDateRange[1],
+						input: "calendar",
+						locale: dateInputLocale,
+						maxDate,
+						minDate,
+						onChange: (newDateRange) => {
+							setLocalDateRange([newDateRange[0], newDateRange[1]]);
+						},
+						selectsRange: true,
+						startDate: localDateRange[0]
+					}), /* @__PURE__ */ jsxs(Row, {
+						gap: 2,
+						templateColumns: "1fr 1fr",
+						children: [/* @__PURE__ */ jsx(TimeInput, {
+							label: localeTexts.timeStart,
+							onChange: setLocalTimeStart,
+							value: localTimeStart
+						}), /* @__PURE__ */ jsx(TimeInput, {
+							label: localeTexts.timeEnd,
+							onChange: setLocalTimeEnd,
+							value: localTimeEnd
+						})]
+					})]
+				}) }),
+				/* @__PURE__ */ jsx(Button, {
+					onClick: handleApply,
+					size: "medium",
+					children: localeTexts.apply
+				})
+			]
+		});
+	};
+});
+
+//#endregion
+init_Dropdown();
+export { Dropdown, init_Dropdown };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.d.ts

@@ -0,0 +1,6 @@
+import type { FilterConfigItemDatetimeRange, FilterComponentProps } from '../../types';
+import type { DatetimeRangeInputValue } from './type';
+type FilterDatetimeRangeProps = FilterComponentProps<DatetimeRangeInputValue, FilterConfigItemDatetimeRange>;
+export declare const FilterDatetimeRange: ({ onChange, value, hideLabel, config, size }: FilterDatetimeRangeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterDatetimeRange.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDatetimeRange.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAA;AAGrD,KAAK,wBAAwB,GAAG,oBAAoB,CAAC,uBAAuB,EAAE,6BAA6B,CAAC,CAAA;AAE5G,eAAO,MAAM,mBAAmB,iDAAkD,wBAAwB,gCAoDzG,CAAA"}

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

@@ -0,0 +1,74 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../../components/Button/index.js";
+import { Label, init_Label } from "../../../../components/Label/index.js";
+import { Popover, init_Popover } from "../../../../components/Popover/index.js";
+import { Dropdown, init_Dropdown } from "./Dropdown.js";
+import { filterDatetimeRangeStyles, init_filterDatetimeRange_styles_css } from "./filterDatetimeRange.styles.css.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.tsx
+var FilterDatetimeRange;
+var init_FilterDatetimeRange = __esmMin(() => {
+	init_Button();
+	init_Label();
+	init_Popover();
+	init_Stack();
+	init_Dropdown();
+	init_filterDatetimeRange_styles_css();
+	FilterDatetimeRange = ({ onChange, value, hideLabel, config, size }) => {
+		const [isPopupVisible, setIsPopupVisible] = useState(false);
+		const formattedValue = useMemo(() => {
+			if (value.preset) {
+				var _config$relativePrese;
+				var _config$relativePrese2;
+				return (_config$relativePrese = (_config$relativePrese2 = config.relativePresets.find((item) => item.value === value.preset)) === null || _config$relativePrese2 === void 0 ? void 0 : _config$relativePrese2.label) !== null && _config$relativePrese !== void 0 ? _config$relativePrese : value.preset;
+			}
+			return `${value.startAt ? config.dateFormatter(value.startAt) : "-"} -> ${value.endAt ? config.dateFormatter(value.endAt) : "Today"}`;
+		}, [value, config]);
+		return /* @__PURE__ */ jsx(Popover, {
+			className: filterDatetimeRangeStyles.popover,
+			content: /* @__PURE__ */ jsx(Dropdown, {
+				dateInputLocale: config.dateInputLocale,
+				localeTexts: config.texts,
+				maxDate: config.maxDate,
+				minDate: config.minDate,
+				onApply: (newValue) => {
+					onChange(newValue);
+					setIsPopupVisible(false);
+				},
+				relativePresets: config.relativePresets,
+				value
+			}),
+			onClose: () => {
+				setIsPopupVisible(false);
+			},
+			placement: "bottom",
+			title: config.texts.dropdownTitle,
+			visible: isPopupVisible,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				gap: .5,
+				width: "100%",
+				children: [hideLabel ? null : /* @__PURE__ */ jsx(Label, {
+					size,
+					children: config.label
+				}), /* @__PURE__ */ jsx(Button, {
+					className: filterDatetimeRangeStyles.button,
+					size,
+					fullWidth: true,
+					onClick: () => {
+						setIsPopupVisible(true);
+					},
+					sentiment: "neutral",
+					variant: "outlined",
+					children: formattedValue
+				})]
+			})
+		});
+	};
+});
+
+//#endregion
+init_FilterDatetimeRange();
+export { FilterDatetimeRange, init_FilterDatetimeRange };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const filterDatetimeRangeStyles: {
+    popover: string;
+    button: string;
+};
+//# sourceMappingURL=filterDatetimeRange.styles.css.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDatetimeRange.styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,yBAAyB;;;CAGrC,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.js

@@ -0,0 +1,16 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_filterDatetimeRange_styles_css_ts_vanilla } from "./filterDatetimeRange.styles.css.ts.vanilla.js";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts
+var filterDatetimeRangeStyles;
+var init_filterDatetimeRange_styles_css = __esmMin(() => {
+	init_filterDatetimeRange_styles_css_ts_vanilla();
+	filterDatetimeRangeStyles = {
+		popover: "uv_1yrgjra0",
+		button: "uv_1yrgjra1"
+	};
+});
+
+//#endregion
+init_filterDatetimeRange_styles_css();
+export { filterDatetimeRangeStyles, init_filterDatetimeRange_styles_css };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts.vanilla.css
+var init_filterDatetimeRange_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_filterDatetimeRange_styles_css_ts_vanilla();
+export { init_filterDatetimeRange_styles_css_ts_vanilla };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/type.d.ts

@@ -0,0 +1,16 @@
+export type DatetimeRangeInputValue = {
+    preset: string | null;
+    startAt: Date | null;
+    endAt: Date | null;
+};
+export type DatetimeRangeLocales = {
+    from: string;
+    to: string;
+    relative: string;
+    absolute: string;
+    apply: string;
+    timeStart: string;
+    timeEnd: string;
+    dropdownTitle: string;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAA;IACpB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterMultiSelect.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemMultiSelect, AnyObject, FilterComponentProps } from '../types';
+type FilterMultiSelectProps<Values extends AnyObject> = FilterComponentProps<string[], FilterConfigItemMultiSelect, Values>;
+export declare const FilterMultiSelect: <V extends AnyObject>({ hideLabel, directionContext, config, value, onChange, values, size, }: FilterMultiSelectProps<V>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterMultiSelect.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterMultiSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG5F,KAAK,sBAAsB,CAAC,MAAM,SAAS,SAAS,IAAI,oBAAoB,CAC1E,MAAM,EAAE,EACR,2BAA2B,EAC3B,MAAM,CACP,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,SAAS,2EAQlD,sBAAsB,CAAC,CAAC,CAAC,gCA+C3B,CAAA"}

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

@@ -0,0 +1,53 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../../components/Label/index.js";
+import { SelectInput, init_SelectInput } from "../../../components/SelectInput/index.js";
+import { CheckboxGroup, init_CheckboxGroup } from "../../../components/CheckboxGroup/index.js";
+import { init_FilterSelect } from "./FilterSelect.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterMultiSelect.tsx
+var FilterMultiSelect;
+var init_FilterMultiSelect = __esmMin(() => {
+	init_CheckboxGroup();
+	init_Label();
+	init_SelectInput();
+	init_FilterSelect();
+	FilterMultiSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
+		const configOptions = config.options;
+		const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
+		if (directionContext === "column" && Array.isArray(options) && options.length < 10) return /* @__PURE__ */ jsx(CheckboxGroup, {
+			description: hideLabel ? void 0 : /* @__PURE__ */ jsx(Label, { children: config.label }),
+			name: config.name,
+			onChange: (event) => {
+				if (value.includes(event.currentTarget.value)) onChange(value.filter((currentValue) => currentValue !== event.currentTarget.value));
+				else onChange([...value, event.currentTarget.value]);
+			},
+			value,
+			children: options.map((option) => /* @__PURE__ */ jsx(CheckboxGroup.Checkbox, {
+				name: config.name,
+				value: option.value,
+				children: option.label
+			}, option.value))
+		});
+		return /* @__PURE__ */ jsx(SelectInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			multiselect: true,
+			name: config.name,
+			size,
+			clearable: config.clearable,
+			onChange,
+			options,
+			placeholder: config.placeholder,
+			searchable: config.searchable,
+			selectAll: config.selectAll,
+			selectAllGroup: config.selectAllGroup,
+			value
+		});
+	};
+});
+
+//#endregion
+init_FilterMultiSelect();
+export { FilterMultiSelect, init_FilterMultiSelect };

package/dist/compositions/Filters/filterTypes/FilterNumber.d.ts

@@ -0,0 +1,5 @@
+import type { FilterComponentProps, FilterConfigItemNumber } from '../types';
+type FilterNumberProps = FilterComponentProps<number | null, FilterConfigItemNumber>;
+export declare const FilterNumber: ({ config, hideLabel, onChange, value, size }: FilterNumberProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterNumber.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterNumber.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,GAAG,IAAI,EAAE,sBAAsB,CAAC,CAAA;AAEpF,eAAO,MAAM,YAAY,iDAAkD,iBAAiB,gCAY3F,CAAA"}

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

@@ -0,0 +1,24 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { NumberInput, init_NumberInput } from "../../../components/NumberInput/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterNumber.tsx
+var FilterNumber;
+var init_FilterNumber = __esmMin(() => {
+	init_NumberInput();
+	FilterNumber = ({ config, hideLabel, onChange, value, size }) => /* @__PURE__ */ jsx(NumberInput, {
+		max: config.max,
+		min: config.min,
+		"aria-label": hideLabel ? config.label : void 0,
+		label: hideLabel ? void 0 : config.label,
+		size,
+		name: config.name,
+		onChange,
+		placeholder: config.placeholder,
+		value
+	});
+});
+
+//#endregion
+init_FilterNumber();
+export { FilterNumber, init_FilterNumber };

package/dist/compositions/Filters/filterTypes/FilterSearch.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemSearch, FilterComponentProps } from '../types';
+type FilterSearchProps = FilterComponentProps<string, FilterConfigItemSearch>;
+export declare const FilterSearch: ({ config, hideLabel, onChange, value, size }: FilterSearchProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSearch.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSearch.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAA;AAE7E,eAAO,MAAM,YAAY,iDAAkD,iBAAiB,gCA8B3F,CAAA"}

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

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SearchInput, init_SearchInput } from "../../../components/SearchInput/index.js";
+import { useEffect, useState } from "react";
+import { useDebouncedCallback } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterSearch.tsx
+var FilterSearch;
+var init_FilterSearch = __esmMin(() => {
+	init_SearchInput();
+	FilterSearch = ({ 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(SearchInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			loading: tempValue !== value,
+			name: config.name,
+			size,
+			onSearch: (searchString) => {
+				setTempValue(searchString);
+				onSetValueLater(searchString);
+			},
+			onKeyDown: (event) => {
+				if (event.key === "Enter") {
+					event.preventDefault();
+					event.stopPropagation();
+				}
+			},
+			placeholder: config.placeholder,
+			value: tempValue
+		});
+	};
+});
+
+//#endregion
+init_FilterSearch();
+export { FilterSearch, init_FilterSearch };

package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts

@@ -0,0 +1,6 @@
+import type { FilterConfigItemSelect, AnyObject, FilterComponentProps } from '../types';
+export declare const SELECT_DISPLAY_THRESHOLD = 10;
+type FilterSelectProps<Values extends AnyObject> = FilterComponentProps<string, FilterConfigItemSelect, Values>;
+export declare const FilterSelect: <V extends AnyObject>({ hideLabel, directionContext, config, value, onChange, values, size, }: FilterSelectProps<V>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSelect.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEvF,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,KAAK,iBAAiB,CAAC,MAAM,SAAS,SAAS,IAAI,oBAAoB,CAAC,MAAM,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAA;AAE/G,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,SAAS,2EAQ7C,iBAAiB,CAAC,CAAC,CAAC,gCAqCtB,CAAA"}

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

@@ -0,0 +1,46 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../../components/Label/index.js";
+import { SelectInput, init_SelectInput } from "../../../components/SelectInput/index.js";
+import { RadioGroup, init_RadioGroup } from "../../../components/RadioGroup/index.js";
+import { useMemo } from "react";
+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 = 10;
+	FilterSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
+		const configOptions = config.options;
+		const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
+		if (directionContext === "column" && Array.isArray(options) && options.length < 10) 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();
+export { FilterSelect, init_FilterSelect };

package/dist/compositions/Filters/filterTypes/FilterSlider.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemSlider, FilterComponentProps } from '../types';
+type FilterSliderProps = FilterComponentProps<number | number[], FilterConfigItemSlider>;
+export declare const FilterSlider: ({ value, onChange, config, hideLabel }: FilterSliderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSlider.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,GAAG,MAAM,EAAE,EAAE,sBAAsB,CAAC,CAAA;AAExF,eAAO,MAAM,YAAY,2CAA4C,iBAAiB,gCAmBrF,CAAA"}

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

@@ -0,0 +1,31 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.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
+		};
+		if (config.double) return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({ double: true }, sliderProps), {}, { value }));
+		return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({}, sliderProps), {}, { value }));
+	};
+});
+
+//#endregion
+init_FilterSlider();
+export { FilterSlider, init_FilterSlider };

package/dist/compositions/Filters/filterTypes/FilterText.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemText, FilterComponentProps } from '../types';
+type FilterTextProps = FilterComponentProps<string, FilterConfigItemText>;
+export declare const FilterText: ({ config, hideLabel, onChange, value, size }: FilterTextProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterText.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterText.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE1E,KAAK,eAAe,GAAG,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAEzE,eAAO,MAAM,UAAU,iDAAkD,eAAe,gCA8BvF,CAAA"}

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

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { TextInput, init_TextInput } from "../../../components/TextInput/index.js";
+import { useEffect, useState } from "react";
+import { useDebouncedCallback } from "@ultraviolet/utils";
+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
+		});
+	};
+});
+
+//#endregion
+init_FilterText();
+export { FilterText, init_FilterText };

package/dist/compositions/Filters/index.d.ts

@@ -0,0 +1,7 @@
+export { Filters } from './Filters';
+export type { FiltersProps } from './Filters';
+export { useFiltersContext, FiltersProvider } from './parts/FiltersProvider';
+export { FiltersMainRow } from './parts/FiltersMainRow';
+export { FiltersDrawer } from './parts/FiltersDrawer';
+export type { FilterConfig, FilterConfigGroup, FilterConfigItemBase, FilterConfigItem, FilterConfigItemDatetimeRange, FilterConfigItemMultiSelect, FilterConfigItemNumber, FilterConfigItemSelect, FilterConfigItemSlider, FilterConfigItemText, FilterComponentProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/Filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/Filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,6BAA6B,EAC7B,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}

package/dist/compositions/Filters/index.js

@@ -0,0 +1,17 @@
+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";
+
+//#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 };