@ultraviolet/ui 3.18.2 → 3.19.1

package/dist/compositions/Filters/parts/useFilters.d.ts

@@ -0,0 +1,28 @@
+import type { AnyObject } from '../types';
+export type UseFiltersParams<V extends AnyObject> = {
+    defaultValues: V;
+    initialValues?: Partial<V>;
+    onChange?: (values: V) => void;
+    onSubmit?: (values: V) => void;
+};
+export type UseFiltersReturn<V extends AnyObject> = ReturnType<typeof useFilters<V>>;
+/**
+ * UI-agnostic implementation of the filters logic.
+ */
+export declare const useFilters: <V extends AnyObject>({ defaultValues, initialValues, onChange, onSubmit, }: UseFiltersParams<V>) => {
+    values: V;
+    defaultValues: V;
+    dirtyFilters: (keyof V)[];
+    appliedFilters: (keyof V)[];
+    lastSubmittedValues: V;
+    setValue: <K extends keyof V>(name: K, value: V[K]) => void;
+    setValues: (values: Partial<V>) => void;
+    resetField: <K extends keyof V>(name: K, options?: {
+        defaultValue?: V[K];
+    }) => void;
+    resetFields: (names: (keyof V)[]) => void;
+    reset: (values?: Partial<V>) => void;
+    submit: (overrideValues?: Partial<V>) => void;
+    discard: () => void;
+};
+//# sourceMappingURL=useFilters.d.ts.map

package/dist/compositions/Filters/parts/useFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/useFilters.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAIzC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,SAAS,IAAI;IAClD,aAAa,EAAE,CAAC,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AAEpF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,yDAK3C,gBAAgB,CAAC,CAAC,CAAC;;;;;;eAmCF,CAAC,SAAS,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;wBAI9B,OAAO,CAAC,CAAC,CAAC;iBAIjB,CAAC,SAAS,MAAM,CAAC,QAAQ,CAAC,YAAY;QAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE;yBAIrD,CAAC,MAAM,CAAC,CAAC,EAAE;qBAIf,OAAO,CAAC,CAAC,CAAC;8BAID,OAAO,CAAC,CAAC,CAAC;;CA2B5C,CAAA"}

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

@@ -0,0 +1,100 @@
+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 { getKeysWithDifferentValues, init_helpers, isSameValues } from "./helpers.js";
+import { filtersReducer, init_reducer } from "./reducer.js";
+import { useEffect, useMemo, useReducer } from "react";
+
+//#region src/compositions/Filters/parts/useFilters.ts
+var useFilters;
+var init_useFilters = __esmMin(() => {
+	init_helpers();
+	init_reducer();
+	init_objectSpread2();
+	useFilters = ({ defaultValues, initialValues = {}, onChange, onSubmit }) => {
+		const initialState = useMemo(() => {
+			const stateInitialValues = _objectSpread2(_objectSpread2({}, defaultValues), initialValues);
+			return {
+				values: stateInitialValues,
+				lastSubmittedValues: stateInitialValues,
+				defaultValues
+			};
+		}, [defaultValues, initialValues]);
+		const [state, dispatch] = useReducer(filtersReducer, initialState);
+		useEffect(() => {
+			if (state.values !== initialState.values) onChange === null || onChange === void 0 || onChange(state.values);
+		}, [
+			state.values,
+			onChange,
+			initialState.values
+		]);
+		/**
+		* Names of filters that have been modified from the default values AND submitted
+		*/
+		const appliedFilters = useMemo(() => getKeysWithDifferentValues(state.lastSubmittedValues, state.defaultValues), [state.lastSubmittedValues, state.defaultValues]);
+		/**
+		* Names of filters that have been modified from the default values
+		*/
+		const dirtyFilters = useMemo(() => getKeysWithDifferentValues(state.values, state.defaultValues), [state.values, state.defaultValues]);
+		const setValue = (name, value) => {
+			dispatch({
+				type: "SET_VALUE",
+				payload: {
+					name,
+					value
+				}
+			});
+		};
+		const setValues = (values) => {
+			dispatch({
+				type: "SET_VALUES",
+				payload: { values }
+			});
+		};
+		const resetField = (name, options) => {
+			dispatch({
+				type: "RESET_FIELD",
+				payload: {
+					name,
+					defaultValue: options === null || options === void 0 ? void 0 : options.defaultValue
+				}
+			});
+		};
+		const resetFields = (names) => {
+			dispatch({
+				type: "RESET_FIELDS",
+				payload: { names }
+			});
+		};
+		const reset = (values) => {
+			dispatch({
+				type: "RESET",
+				payload: { values }
+			});
+		};
+		const submit = (overrideValues) => {
+			dispatch({ type: "SUBMIT" });
+			if (!isSameValues(_objectSpread2(_objectSpread2({}, state.values), overrideValues), state.lastSubmittedValues)) onSubmit === null || onSubmit === void 0 || onSubmit(_objectSpread2(_objectSpread2({}, state.values), overrideValues));
+		};
+		const discard = () => {
+			dispatch({ type: "DISCARD" });
+		};
+		return {
+			values: state.values,
+			defaultValues: state.defaultValues,
+			dirtyFilters,
+			appliedFilters,
+			lastSubmittedValues: state.lastSubmittedValues,
+			setValue,
+			setValues,
+			resetField,
+			resetFields,
+			reset,
+			submit,
+			discard
+		};
+	};
+});
+
+//#endregion
+init_useFilters();
+export { init_useFilters, useFilters };

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

@@ -0,0 +1,80 @@
+import type { ComponentProps } from 'react';
+import type { DateInput } from '../../components/DateInput';
+import type { SelectInput } from '../../components/SelectInput';
+import type { Slider } from '../../components/Slider';
+import type { DatetimeRangeLocales } from './filterTypes/FilterDatetimeRange/type';
+export type AnyObject = Record<string, unknown>;
+export type FilterPropsBase<Value> = {
+    value: Value;
+    onChange: (value: Value) => void;
+    hideLabel?: boolean;
+};
+export type FilterConfigItemBase = {
+    name: string;
+    label: string;
+    placeholder?: string;
+    hideInDrawer?: boolean;
+    expanded?: boolean;
+};
+export type FilterConfigItemText = FilterConfigItemBase & {
+    type: 'text';
+    regexp?: RegExp;
+    debounceDuration?: number;
+};
+export type FilterConfigItemSearch = FilterConfigItemBase & {
+    type: 'search';
+    regexp?: RegExp;
+    debounceDuration?: number;
+};
+export type FilterConfigItemSelect<V extends AnyObject = AnyObject> = FilterConfigItemBase & {
+    type: 'select';
+    options: ComponentProps<typeof SelectInput>['options'] | ((values: V) => ComponentProps<typeof SelectInput>['options']);
+    clearable?: boolean;
+};
+export type FilterConfigItemMultiSelect<V extends AnyObject = AnyObject> = FilterConfigItemBase & Pick<ComponentProps<typeof SelectInput>, 'searchable' | 'clearable' | 'selectAll' | 'selectAllGroup'> & {
+    type: 'multiselect';
+    options: ComponentProps<typeof SelectInput>['options'] | ((values: V) => ComponentProps<typeof SelectInput>['options']);
+};
+export type FilterConfigItemSlider = FilterConfigItemBase & Pick<ComponentProps<typeof Slider>, 'options' | 'step' | 'unit' | 'min' | 'max' | 'double'> & {
+    type: 'slider';
+};
+type RelativePreset = {
+    label: string;
+    value: string;
+    relativeTime: number;
+};
+export type FilterConfigItemDatetimeRange = FilterConfigItemBase & {
+    type: 'datetimeRange';
+    minDate?: Date;
+    maxDate?: Date;
+    dateFormatter: (date: Date) => string;
+    texts: DatetimeRangeLocales;
+    dateInputLocale: ComponentProps<typeof DateInput>['locale'];
+    relativePresets: [RelativePreset, ...RelativePreset[]];
+};
+export type FilterConfigItemNumber = FilterConfigItemBase & {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export type FilterConfigItemCustom = FilterConfigItemBase & {
+    type: string;
+};
+export type FilterConfigItem<V extends AnyObject = AnyObject> = FilterConfigItemText | FilterConfigItemSearch | FilterConfigItemSelect<V> | FilterConfigItemMultiSelect<V> | FilterConfigItemSlider | FilterConfigItemDatetimeRange | FilterConfigItemCustom;
+export type FilterConfigGroup<V extends AnyObject = AnyObject> = {
+    type: 'group';
+    label: string;
+    items: FilterConfigItem<V>[];
+    hideInDrawer?: boolean;
+    expanded?: boolean;
+};
+export type FilterConfig<V extends AnyObject = AnyObject> = FilterConfigGroup<V> | FilterConfigItem<V>;
+export type FilterComponentProps<Value = any, Config = any, Values extends AnyObject = AnyObject> = FilterPropsBase<Value> & {
+    config: Config;
+    size: 'large' | 'medium';
+    directionContext: 'column' | 'row';
+    values: Values;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/compositions/Filters/types.ts"],"names":[],"mappings":"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"}

package/dist/compositions/InfoTable/styles.css.js

@@ -33,50 +33,50 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$23 } from "../
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$24 } from "../../components/List/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$25 } from "../../components/SelectableCard/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$26 } from "../../components/Checkbox/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$27 } from "../../components/Bullet/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$28 } from "../../components/Card/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$29 } from "../../components/ActionBar/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$30 } from "../../components/Avatar/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$31 } from "../../components/Link/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$32 } from "../../components/Banner/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$33 } from "../../components/BarChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$34 } from "../../components/BarStack/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$35 } from "../../components/Breadcrumbs/components/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$36 } from "../../components/Breadcrumbs/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$37 } from "../../components/Carousel/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$38 } from "../../components/Chip/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$39 } from "../../components/DateInput/components/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$40 } from "../../components/DateInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../../components/Dialog/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../components/Modal/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../components/EmptyState/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../components/ExpandableCard/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/FileInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/GlobalAlert/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/LineChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Meter/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Notice/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Notification/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Pagination/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/PieChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/Popover/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/Radio/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/Toggle/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/Slider/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Snippet/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/Status/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/StepList/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Stepper/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Table/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/Tabs/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TagInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TextArea/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$27 } from "../../components/Dialog/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$28 } from "../../components/Modal/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$29 } from "../../components/Popover/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$30 } from "../../components/Card/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$31 } from "../../components/DateInput/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$32 } from "../../components/DateInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$33 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$34 } from "../../components/Radio/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$35 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$36 } from "../../components/Toggle/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$37 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$38 } from "../../components/Slider/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$39 } from "../../components/Bullet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$40 } from "../../components/ActionBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../../components/Avatar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../components/Link/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../components/Banner/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../components/BarChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/BarStack/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/Breadcrumbs/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/Breadcrumbs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Carousel/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Chip/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/EmptyState/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/ExpandableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/FileInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/GlobalAlert/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/LineChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/Meter/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/Notice/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/Notification/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/Pagination/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/PieChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/Snippet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/Status/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/StepList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Stepper/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/Table/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/Tabs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TagInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/TextArea/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../components/Toaster/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../components/ToggleGroup/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../components/TreeMapChart/styles.css.ts.vanilla.js";
@@ -88,61 +88,61 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var rowWidth, infoTableStyle;
 var init_styles_css = __esmMin(() => {
 	init_animationsVanillaExtract_css_ts_vanilla();
-	init_styles_css_ts_vanilla$29();
-	init_styles_css_ts_vanilla$18();
-	init_styles_css_ts_vanilla$30();
-	init_styles_css_ts_vanilla$12();
-	init_styles_css_ts_vanilla$32();
-	init_styles_css_ts_vanilla$33();
-	init_styles_css_ts_vanilla$34();
-	init_styles_css_ts_vanilla$35();
-	init_styles_css_ts_vanilla$36();
-	init_styles_css_ts_vanilla$27();
-	init_styles_css_ts_vanilla$6();
-	init_styles_css_ts_vanilla$28();
-	init_styles_css_ts_vanilla$37();
-	init_styles_css_ts_vanilla$23();
-	init_styles_css_ts_vanilla$24();
-	init_styles_css_ts_vanilla$25();
-	init_styles_css_ts_vanilla$26();
-	init_styles_css_ts_vanilla$38();
-	init_styles_css_ts_vanilla$39();
 	init_styles_css_ts_vanilla$40();
+	init_styles_css_ts_vanilla$18();
 	init_styles_css_ts_vanilla$41();
-	init_styles_css_ts_vanilla$14();
+	init_styles_css_ts_vanilla$12();
 	init_styles_css_ts_vanilla$43();
-	init_styles_css_ts_vanilla$13();
 	init_styles_css_ts_vanilla$44();
 	init_styles_css_ts_vanilla$45();
 	init_styles_css_ts_vanilla$46();
-	init_styles_css_ts_vanilla$11();
-	init_styles_css_ts_vanilla$8();
 	init_styles_css_ts_vanilla$47();
-	init_styles_css_ts_vanilla$31();
-	init_styles_css_ts_vanilla$5();
-	init_styles_css_ts_vanilla$7();
+	init_styles_css_ts_vanilla$39();
+	init_styles_css_ts_vanilla$6();
+	init_styles_css_ts_vanilla$30();
 	init_styles_css_ts_vanilla$48();
-	init_styles_css_ts_vanilla$42();
+	init_styles_css_ts_vanilla$23();
+	init_styles_css_ts_vanilla$24();
+	init_styles_css_ts_vanilla$25();
+	init_styles_css_ts_vanilla$26();
 	init_styles_css_ts_vanilla$49();
+	init_styles_css_ts_vanilla$31();
+	init_styles_css_ts_vanilla$32();
+	init_styles_css_ts_vanilla$27();
+	init_styles_css_ts_vanilla$14();
 	init_styles_css_ts_vanilla$50();
-	init_styles_css_ts_vanilla$17();
+	init_styles_css_ts_vanilla$13();
 	init_styles_css_ts_vanilla$51();
 	init_styles_css_ts_vanilla$52();
 	init_styles_css_ts_vanilla$53();
+	init_styles_css_ts_vanilla$11();
+	init_styles_css_ts_vanilla$8();
 	init_styles_css_ts_vanilla$54();
+	init_styles_css_ts_vanilla$42();
+	init_styles_css_ts_vanilla$5();
+	init_styles_css_ts_vanilla$7();
+	init_styles_css_ts_vanilla$55();
+	init_styles_css_ts_vanilla$28();
+	init_styles_css_ts_vanilla$56();
+	init_styles_css_ts_vanilla$57();
+	init_styles_css_ts_vanilla$17();
+	init_styles_css_ts_vanilla$58();
+	init_styles_css_ts_vanilla$59();
+	init_styles_css_ts_vanilla$60();
+	init_styles_css_ts_vanilla$29();
 	init_styles_css_ts_vanilla$1();
 	init_styles_css_ts_vanilla$2();
 	init_style_css_ts_vanilla();
 	init_styles_css_ts_vanilla$3();
-	init_styles_css_ts_vanilla$55();
+	init_styles_css_ts_vanilla$61();
 	init_styles_css_ts_vanilla$20();
-	init_styles_css_ts_vanilla$56();
-	init_styles_css_ts_vanilla$57();
-	init_styles_css_ts_vanilla$58();
+	init_styles_css_ts_vanilla$33();
+	init_styles_css_ts_vanilla$34();
+	init_styles_css_ts_vanilla$35();
 	init_variables_css_ts_vanilla$1();
 	init_styles_css_ts_vanilla$16();
 	init_styles_css_ts_vanilla$9();
-	init_styles_css_ts_vanilla$60();
+	init_styles_css_ts_vanilla$62();
 	init_dropdown_css_ts_vanilla();
 	init_styles_css_ts_vanilla$21();
 	init_selectBar_css_ts_vanilla();
@@ -150,21 +150,21 @@ var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla$15();
 	init_stylesVariants_css_ts_vanilla();
 	init_styles_css_ts_vanilla$19();
-	init_styles_css_ts_vanilla$61();
-	init_styles_css_ts_vanilla$62();
+	init_styles_css_ts_vanilla$38();
+	init_styles_css_ts_vanilla$63();
 	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$63();
 	init_styles_css_ts_vanilla$64();
 	init_styles_css_ts_vanilla$65();
 	init_styles_css_ts_vanilla$66();
 	init_styles_css_ts_vanilla$67();
 	init_styles_css_ts_vanilla$68();
 	init_styles_css_ts_vanilla$69();
-	init_styles_css_ts_vanilla$10();
 	init_styles_css_ts_vanilla$70();
+	init_styles_css_ts_vanilla$10();
+	init_styles_css_ts_vanilla$37();
 	init_styles_css_ts_vanilla$71();
-	init_styles_css_ts_vanilla$59();
+	init_styles_css_ts_vanilla$36();
 	init_styles_css_ts_vanilla$72();
 	init_styles_css_ts_vanilla$4();
 	init_styles_css_ts_vanilla$73();

package/dist/compositions/OfferList/components/Row.d.ts

@@ -14,6 +14,6 @@ type RowProps = ComponentProps<typeof List.Row> & {
     };
     style?: CSSProperties;
 };
-export declare const Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, }: RowProps) => import("react").JSX.Element;
+export declare const Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, onClick, }: RowProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Row.d.ts.map

package/dist/compositions/OfferList/components/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OfferList/components/Row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAO/C,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IAChD,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;KAC1D,CAAA;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,sOAgBb,QAAQ,gCAuKV,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OfferList/components/Row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAO/C,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IAChD,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;KAC1D,CAAA;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,+OAiBb,QAAQ,gCAyKV,CAAA"}

package/dist/compositions/OfferList/components/Row.js

@@ -25,7 +25,7 @@ var init_Row = __esmMin(() => {
 	init_OfferListRowProvider();
 	init_SelectableCell();
 	init_styles_css();
-	Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge }) => {
+	Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, onClick }) => {
 		const { selectable, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, expandable, loading, onChangeSelect, autoCollapse } = useOfferListContext();
 		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
 		const [isHovered, setHovered] = useState(false);
@@ -103,10 +103,11 @@ var init_Row = __esmMin(() => {
 			expanded: expanded !== null && expanded !== void 0 ? expanded : expandedRowIds[id],
 			highlightAnimation,
 			id,
-			onClick: () => {
+			onClick: (localId) => {
 				if (selectDisabled || disabled || loading) return;
 				if (selectable === "radio") handleChangeRadio();
 				if (selectable === "checkbox") handleChangeCheckbox();
+				onClick === null || onClick === void 0 || onClick(localId);
 			},
 			onMouseEnter: () => setHovered(true),
 			onMouseLeave: () => setHovered(false),

package/dist/compositions/OfferList/components/SelectableCell.js

@@ -3,8 +3,8 @@ import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Tooltip, init_Tooltip } from "../../../components/Tooltip/index.js";
 import { Badge, init_Badge } from "../../../components/Badge/index.js";
 import { Checkbox, init_Checkbox } from "../../../components/Checkbox/index.js";
-import { List, init_List } from "../../../components/List/index.js";
 import { Radio, init_Radio } from "../../../components/Radio/index.js";
+import { List, init_List } from "../../../components/List/index.js";
 import { init_OfferListProvider, useOfferListContext } from "../OfferListProvider.js";
 import { init_styles_css, offerListStyle } from "../styles.css.js";
 import { cn } from "@ultraviolet/utils";

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

@@ -16,7 +16,7 @@ type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelect
 };
 export declare function OfferList({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, 'data-testid': dataTestId, }: OfferListProps): import("react").JSX.Element;
 export declare namespace OfferList {
-    var Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, }: {
+    var Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, onClick, }: {
         children: import("react").ReactNode;
         id: string;
         expandable?: import("react").ReactNode;

package/dist/compositions/OfferList/styles.css.d.ts

@@ -12,11 +12,7 @@ export declare const offerListStyle: {
         primaryBorder: {
             false: {
                 border: `1px solid var(--${string})`;
-                selectors: {
-                    '&&': {
-                        borderTop: "1px solid transparent";
-                    };
-                };
+                borderTopWidth: number;
             };
         };
         sentiment: {

package/dist/compositions/OfferList/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AA6L5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AAgM5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAA"}