@povio/ui 3.4.0-rc.30 → 3.4.0-rc.31

package/dist/{DateRangePicker-C2NPjsPu.js → DateRangePicker-DEKq1--r.js}

@@ -584,6 +584,7 @@ const DateRangePickerBase = (props) => {
 		maxValue
 	});
 	const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
+	const handledRelativeValueRef = useRef(relativeValue);
 	useEffect(() => {
 		setActivePreset(mode === "relative" ? relativeValue ?? null : null);
 	}, [mode, relativeValue]);
@@ -853,6 +854,7 @@ const DateRangePickerBase = (props) => {
 	const onApply = () => {
 		if (mode === "relative") {
 			const preset = presets.find((option) => option.value === activePreset);
+			handledRelativeValueRef.current = activePreset;
 			onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
 			state.toggle();
 			return;
@@ -888,6 +890,7 @@ const DateRangePickerBase = (props) => {
 	const onInputClear = () => {
 		if (mode === "relative") {
 			setActivePreset(null);
+			handledRelativeValueRef.current = null;
 			onRelativeChange?.(null, null);
 			return;
 		}
@@ -1086,6 +1089,16 @@ const DateRangePickerBase = (props) => {
 	};
 	const activeRelativeOption = mode === "relative" ? presets.find((preset) => preset.value === relativeValue) : void 0;
 	const relativeDisplayRange = relativeResolvedValue ?? activeRelativeOption?.clampedValue;
+	useEffect(() => {
+		if (mode !== "relative" || handledRelativeValueRef.current === relativeValue) return;
+		handledRelativeValueRef.current = relativeValue;
+		onChange?.(activeRelativeOption?.clampedValue ?? null);
+	}, [
+		activeRelativeOption?.clampedValue,
+		mode,
+		onChange,
+		relativeValue
+	]);
 	const relativeDisplayValue = activeRelativeOption ? /* @__PURE__ */ jsxs("div", {
 		className: "flex min-w-0 items-center gap-1",
 		children: [/* @__PURE__ */ jsxs(Typography, {

package/dist/{InputItem-DnaVpl5x.js → InputItem-B-tsWMK9.js}

@@ -1,7 +1,7 @@
 import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
 import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
 import { t as Slider } from "./Slider-CGESXeRj.js";
-import { t as DateRangePicker } from "./DateRangePicker-C2NPjsPu.js";
+import { t as DateRangePicker } from "./DateRangePicker-DEKq1--r.js";
 import { t as Toggle } from "./Toggle-bWM3RSXY.js";
 import { t as TextArea } from "./TextArea-CcXiu7JQ.js";
 import { TextInput } from "./components/text-input.js";

package/dist/{Inputs-DKdKSMqz.js → Inputs-8BByoktU.js}

@@ -1,4 +1,4 @@
-import { t as InputItem } from "./InputItem-DnaVpl5x.js";
+import { t as InputItem } from "./InputItem-B-tsWMK9.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {

package/dist/components/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker-C2NPjsPu.js";
+import { t as DateRangePicker } from "../DateRangePicker-DEKq1--r.js";
 export { DateRangePicker };

package/dist/rhf/date-range-picker.js

@@ -1,4 +1,4 @@
-import { t as DateRangePicker$1 } from "../DateRangePicker-C2NPjsPu.js";
+import { t as DateRangePicker$1 } from "../DateRangePicker-DEKq1--r.js";
 import { n as runtime, r as useFireBlurOnChange, t as renderRHFField } from "../fieldAdapter-C1EWUhUl.js";
 import { n as toCalendarDateRange } from "../date.transforms-DLg-eFcE.js";
 //#region src/entries/rhf/date-range-picker.ts

package/dist/tanstack/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker-C2NPjsPu.js";
+import { t as DateRangePicker } from "../DateRangePicker-DEKq1--r.js";
 export { DateRangePicker };

package/dist/tanstack/form.js

@@ -1,2 +1,2 @@
-import { i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "../useFormAutosave-DrPFxGPN.js";
+import { i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "../useFormAutosave-BFWA3fIL.js";
 export { Form, useForm, useFormAutosave, useFormState, useFormValue };

package/dist/tanstack/inputs.js

@@ -1,3 +1,3 @@
 import { t as dynamicInputs } from "../dynamicInputs-D8j0ko24.js";
-import { t as Inputs } from "../Inputs-DKdKSMqz.js";
+import { t as Inputs } from "../Inputs-8BByoktU.js";
 export { Inputs, dynamicInputs };

package/dist/tanstack.js

@@ -13,7 +13,7 @@ import { a as breadcrumbSegmentDefinition, i as breadcrumbItemDefinition, n as b
 import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
 import { t as Slider } from "./Slider-CGESXeRj.js";
 import { n as useScrollableListBox } from "./Calendar-DQxeTov4.js";
-import { t as DateRangePicker } from "./DateRangePicker-C2NPjsPu.js";
+import { t as DateRangePicker } from "./DateRangePicker-DEKq1--r.js";
 import { a as accordionHeadingSubtitleDefinition, c as accordionItemDefinition, d as accordionTriggerDefinition, i as accordionHeadingDefinition, l as accordionPanelContentDefinition, n as accordionChevronDefinition, o as accordionHeadingTitleDefinition, r as accordionDefinition, s as accordionIconDefinition, t as Accordion, u as accordionPanelDefinition } from "./Accordion-BKBl-2EO.js";
 import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition, t as RadioGroup } from "./RadioGroup-lA8iM1Ry.js";
 import { n as toggleDefinition, t as Toggle } from "./Toggle-bWM3RSXY.js";
@@ -92,6 +92,6 @@ import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
 import { t as useFilters } from "./useFilters-Cc_lW3jH.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-CeVnXH-T.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./queries.utils-CmbhAoHU.js";
-import { a as useAutosave, i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "./useFormAutosave-DrPFxGPN.js";
-import { t as Inputs } from "./Inputs-DKdKSMqz.js";
+import { a as useAutosave, i as useFormValue, n as useForm, o as Form, r as useFormState, t as useFormAutosave } from "./useFormAutosave-BFWA3fIL.js";
+import { t as Inputs } from "./Inputs-8BByoktU.js";
 export { Accordion, ActionModal, Alert, ArrayUtils, Autocomplete, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, X as CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, InfiniteTable, InlineIconButton, InputUpload, Inputs, IntlUtils, Link, LinkContext, Loader, Menu, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RoutingUtils, Segment, Select, Slider, SplitButton, Stepper, StringUtils, Table, Tag, TextArea, TextButton, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, ToastProvider, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/{useFormAutosave-DrPFxGPN.js → useFormAutosave-BFWA3fIL.js}

@@ -3,7 +3,7 @@ import { t as ZodArray } from "./schemas-BkfyFvBp.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-Nz_Tbo_v.js";
 import { n as getDefaultInputComponentType } from "./dynamicInputs-D8j0ko24.js";
-import { t as InputItem } from "./InputItem-DnaVpl5x.js";
+import { t as InputItem } from "./InputItem-B-tsWMK9.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.30",
+  "version": "3.4.0-rc.31",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",