@povio/ui 3.4.0-rc.27 → 3.4.0-rc.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BottomSheet-CUIKvr7g.js → BottomSheet-CQ9Pkvn_.js} +1 -1
- package/dist/{Calendar-HJ-cFPap.js → Calendar-DQxeTov4.js} +3 -3
- package/dist/{DatePicker-DZgmU61j.js → DatePicker-BT46HC74.js} +6 -6
- package/dist/{DatePicker-EJTAeVRc.d.ts → DatePicker-COJoYiqp.d.ts} +1 -1
- package/dist/{DatePickerInput-CJR-w_b1.d.ts → DatePickerInput-BJi1U0fr.d.ts} +1 -1
- package/dist/{DatePickerInput-97Ks0udv.js → DatePickerInput-BK6P_VAB.js} +4 -8
- package/dist/{DateRangePicker-CMWUdyh1.d.ts → DateRangePicker-Bjf2hKX1.d.ts} +31 -13
- package/dist/{DateRangePicker-LFJ2iqWM.js → DateRangePicker-DH4Eg6sF.js} +96 -36
- package/dist/{DateTimePicker-B9cZ38EY.d.ts → DateTimePicker-BPCAME01.d.ts} +1 -1
- package/dist/{DateTimePicker-Bk1R38wj.js → DateTimePicker-BZcH7uNO.js} +6 -6
- package/dist/{FileUpload-DWqPr5wM.js → FileUpload-BocbkafM.js} +1 -1
- package/dist/{Form-BX_x2VGS.d.ts → Form-BrF_Buzl.d.ts} +1 -1
- package/dist/{InputItem-DY7YW-n3.js → InputItem-BjC0bpZe.js} +8 -8
- package/dist/{InputUpload-BoAAS7eC.js → InputUpload-DLLtrKIG.js} +1 -1
- package/dist/{Inputs-B5F_klPo.d.ts → Inputs-7s_wFr8h.d.ts} +1 -1
- package/dist/{Inputs-BbCxYUZh.js → Inputs-CErLG3k2.js} +1 -1
- package/dist/{Modal-zrXMGm_L.js → Modal-CSr-DYqC.js} +1 -1
- package/dist/{NumberRangeInput-C9svqxJ9.js → NumberRangeInput-BFaL0_B5.js} +2 -2
- package/dist/{PaginationList-DcArYsq1.js → PaginationList-BQqvE8zu.js} +1 -1
- package/dist/{PasswordInput-BUZPRoOL.js → PasswordInput-CMKZF3YS.js} +1 -1
- package/dist/{Select-BZFSEGvs.js → Select-BEgNpIuG.js} +2 -2
- package/dist/{Tag-ClrrGr1a.js → Tag-Dqo18sIY.js} +1 -1
- package/dist/{TextArea-2yGnVaG6.js → TextArea-CcXiu7JQ.js} +1 -1
- package/dist/{TextEditor-BmvUimyG.js → TextEditor-CKGUWpY_.js} +2 -2
- package/dist/{TimePicker-DRDEIb-p.js → TimePicker-eWZ7lIDW.js} +4 -4
- package/dist/{TooltipWrapper-V0A1TdyC.js → TooltipWrapper-DyDsoRe-.js} +1 -1
- package/dist/components/action-modal.js +1 -1
- package/dist/components/autocomplete.js +2 -2
- package/dist/components/bottom-sheet.js +1 -1
- package/dist/components/date-picker.d.ts +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date-range-picker.d.ts +2 -2
- package/dist/components/date-range-picker.js +1 -1
- package/dist/components/date-time-picker.d.ts +1 -1
- package/dist/components/date-time-picker.js +1 -1
- package/dist/components/file-upload-container.js +1 -1
- package/dist/components/file-upload.js +1 -1
- package/dist/components/input-upload.js +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/number-input.js +3 -3
- package/dist/components/number-range-input.js +1 -1
- package/dist/components/pagination-list.js +1 -1
- package/dist/components/pagination.js +2 -2
- package/dist/components/password-input.js +1 -1
- package/dist/components/pill.js +1 -1
- package/dist/components/query-select.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-input.js +3 -3
- package/dist/components/time-picker.js +1 -1
- package/dist/config/confirmation.js +1 -1
- package/dist/config/resources.d.ts +1 -1
- package/dist/config/resources.js +1 -1
- package/dist/config/ui-config.d.ts +3 -3
- package/dist/{confirmation.context-2-6G831n.js → confirmation.context-CD-UjjK8.js} +1 -1
- package/dist/{date-picker-42XrbatY.d.ts → date-picker-gLc7aPL7.d.ts} +1 -1
- package/dist/date-range-picker-B0CQwS9a.d.ts +9 -0
- package/dist/{date-time-picker-BQp0fmmb.d.ts → date-time-picker-Db_pMYsD.d.ts} +1 -1
- package/dist/{datePickerValue.utils-PgERc6lT.js → datePickerValue.utils-CA2te8RG.js} +1 -1
- package/dist/{dynamicInputs-CecPNXsF.d.ts → dynamicInputs-D1UI85oQ.d.ts} +8 -8
- package/dist/{i18n-C2TBJvnh.js → i18n-BDjNuy4Z.js} +2 -0
- package/dist/{i18n-DjqhCCJq.d.ts → i18n-D0Pz0p2u.d.ts} +2 -0
- package/dist/index.d.ts +9 -9
- package/dist/index.js +13 -13
- package/dist/rhf/date-picker.d.ts +2 -2
- package/dist/rhf/date-picker.js +1 -1
- package/dist/rhf/date-range-picker.d.ts +3 -3
- package/dist/rhf/date-range-picker.js +1 -1
- package/dist/rhf/date-time-picker.d.ts +2 -2
- package/dist/rhf/date-time-picker.js +1 -1
- package/dist/rhf/file-upload.js +1 -1
- package/dist/rhf/input-upload.js +1 -1
- package/dist/rhf/inputs.d.ts +1 -1
- package/dist/rhf/number-range-input.js +1 -1
- package/dist/rhf/password-input.js +1 -1
- package/dist/rhf/select.js +1 -1
- package/dist/rhf/text-area.js +1 -1
- package/dist/rhf/text-editor.js +1 -1
- package/dist/rhf/time-picker.js +1 -1
- package/dist/rhf.d.ts +9 -9
- package/dist/rhf.js +13 -13
- package/dist/{staticDateTimeSegments-CMj4NHoq.js → staticDateTimeSegments-BJpz4raS.js} +1 -1
- package/dist/{staticSelect.utils-DQo-_Fe6.js → staticSelect.utils-D16Yq0j-.js} +3 -3
- package/dist/tanstack/date-picker.d.ts +1 -1
- package/dist/tanstack/date-picker.js +1 -1
- package/dist/tanstack/date-range-picker.d.ts +2 -2
- package/dist/tanstack/date-range-picker.js +1 -1
- package/dist/tanstack/date-time-picker.d.ts +1 -1
- package/dist/tanstack/date-time-picker.js +1 -1
- package/dist/tanstack/file-upload.js +1 -1
- package/dist/tanstack/form.d.ts +1 -1
- package/dist/tanstack/form.js +1 -1
- package/dist/tanstack/input-upload.js +1 -1
- package/dist/tanstack/inputs.d.ts +2 -2
- package/dist/tanstack/inputs.js +1 -1
- package/dist/tanstack/number-range-input.js +1 -1
- package/dist/tanstack/password-input.js +1 -1
- package/dist/tanstack/select.js +1 -1
- package/dist/tanstack/table.js +1 -1
- package/dist/tanstack/text-area.js +1 -1
- package/dist/tanstack/text-editor.js +1 -1
- package/dist/tanstack/time-picker.js +1 -1
- package/dist/tanstack.d.ts +9 -9
- package/dist/tanstack.js +22 -22
- package/dist/text-editor.js +1 -1
- package/dist/{uiConfig.context-B27wINPD.d.ts → uiConfig.context-H1XbHuwS.d.ts} +2 -2
- package/dist/{useFieldAccessibility-DepfU-ce.js → useFieldAccessibility-gWmCBTWA.js} +1 -1
- package/dist/{useFormAutosave-DKfqSqXM.js → useFormAutosave-D-tnGPI8.js} +1 -1
- package/dist/{useStaticInputHandoff-Cssvz3nr.js → useStaticInputHandoff-D8dmC_LG.js} +1 -1
- package/dist/{useTableColumnConfig-C0IeB82M.js → useTableColumnConfig-C647gNJs.js} +2 -2
- package/package.json +1 -1
- package/dist/date-range-picker-BYdeSyMU.d.ts +0 -9
|
@@ -6,7 +6,7 @@ import { l as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-C
|
|
|
6
6
|
import { n as $f3f84453ead64de5$export$8948f78d83984c69, r as $5df64b3807dc15ee$export$d699905dd57c73ca, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
|
|
7
7
|
import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
|
|
8
8
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
9
|
-
import "./i18n-
|
|
9
|
+
import "./i18n-BDjNuy4Z.js";
|
|
10
10
|
import { n as useStateAndRef, t as DomUtils } from "./dom.utils-CeVnXH-T.js";
|
|
11
11
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
12
12
|
import { c } from "react/compiler-runtime";
|
|
@@ -2,14 +2,14 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
|
|
|
2
2
|
import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
|
|
3
3
|
import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
|
|
4
4
|
import { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
|
|
5
|
-
import { i as CalendarGrid } from "./DatePickerInput-
|
|
5
|
+
import { i as CalendarGrid } from "./DatePickerInput-BK6P_VAB.js";
|
|
6
6
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
7
7
|
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
|
|
8
8
|
import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
|
|
9
9
|
import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
|
|
10
10
|
import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
|
|
11
11
|
import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
|
|
12
|
-
import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-
|
|
12
|
+
import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-BJpz4raS.js";
|
|
13
13
|
import { i as $eed445e0843c11d0$export$a11e76429ed99b4, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "./ListBox-Ck1UjeGo.js";
|
|
14
14
|
import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
|
|
15
15
|
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
@@ -19,7 +19,7 @@ import { n as $84b7d8702d4ff4a8$export$40258cc1d95ff477 } from "./ToggleButton-C
|
|
|
19
19
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
20
20
|
import { PillButton } from "./components/pill-button.js";
|
|
21
21
|
import { t as useBreakpoint } from "./useBreakpoint-YuMYUdpG.js";
|
|
22
|
-
import { n as TimePickerForm } from "./datePickerValue.utils-
|
|
22
|
+
import { n as TimePickerForm } from "./datePickerValue.utils-CA2te8RG.js";
|
|
23
23
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
24
24
|
import { c } from "react/compiler-runtime";
|
|
25
25
|
import { CalendarDateTime, Time, today } from "@internationalized/date";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
|
|
2
|
-
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-
|
|
2
|
+
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
|
|
3
3
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
4
|
import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
|
|
5
|
-
import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-
|
|
5
|
+
import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-BJpz4raS.js";
|
|
6
6
|
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
7
|
-
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-
|
|
7
|
+
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
|
|
8
8
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
9
9
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
10
10
|
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
11
|
-
import { t as TooltipWrapper } from "./TooltipWrapper-
|
|
12
|
-
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-
|
|
13
|
-
import { t as normalizeDatePickerValue } from "./datePickerValue.utils-
|
|
11
|
+
import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
|
|
12
|
+
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
|
|
13
|
+
import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CA2te8RG.js";
|
|
14
14
|
import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
|
|
15
15
|
import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
16
16
|
import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
|
|
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
|
|
|
3
3
|
import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
|
|
4
4
|
import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
|
|
5
5
|
import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
|
|
6
|
-
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-
|
|
6
|
+
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
|
|
7
7
|
import { FocusEvent, Ref } from "react";
|
|
8
8
|
import { CalendarDate, DateValue } from "@internationalized/date";
|
|
9
9
|
//#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts
|
|
@@ -2,7 +2,7 @@ import "./types-BSiv-Igp.js";
|
|
|
2
2
|
import { n as IconButtonProps } from "./IconButton-Dv45TT1w.js";
|
|
3
3
|
import "./FormField-CpPQoyv_.js";
|
|
4
4
|
import "./input.cva-CfgCOIQW.js";
|
|
5
|
-
import { Ref } from "react";
|
|
5
|
+
import { ReactNode, Ref } from "react";
|
|
6
6
|
//#region src/components/inputs/DateTime/shared/datePicker.types.d.ts
|
|
7
7
|
type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
|
|
8
8
|
type DatePickerTodayIconButtonSize = IconButtonProps["size"];
|
|
@@ -2,7 +2,7 @@ import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
|
|
|
2
2
|
import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
|
|
3
3
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
4
|
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-D-KKbY-n.js";
|
|
5
|
-
import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-
|
|
5
|
+
import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-BJpz4raS.js";
|
|
6
6
|
import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
|
|
7
7
|
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
8
8
|
import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
|
|
@@ -11,7 +11,7 @@ import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
|
11
11
|
import { IconButton } from "./components/icon-button.js";
|
|
12
12
|
import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
13
13
|
import { r as FormFieldLabel } from "./FormField-Cl-t5Wi1.js";
|
|
14
|
-
import { n as InputClear } from "./TooltipWrapper-
|
|
14
|
+
import { n as InputClear } from "./TooltipWrapper-DyDsoRe-.js";
|
|
15
15
|
import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
|
|
16
16
|
import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
|
|
17
17
|
import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
|
|
@@ -421,7 +421,7 @@ const renderDatePickerTodayIcon = (todayIcon, options) => {
|
|
|
421
421
|
};
|
|
422
422
|
//#endregion
|
|
423
423
|
//#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
|
|
424
|
-
const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder,
|
|
424
|
+
const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
|
|
425
425
|
const uiConfig = UIConfig.useConfig();
|
|
426
426
|
const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
|
|
427
427
|
let effectiveTimeZone = getLocalTimeZone();
|
|
@@ -541,11 +541,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
|
|
|
541
541
|
isDisabled
|
|
542
542
|
}),
|
|
543
543
|
!shouldRenderTodayIconWithFieldLabel && todayIconButton,
|
|
544
|
-
|
|
545
|
-
size: "label-1",
|
|
546
|
-
className: "truncate",
|
|
547
|
-
children: displayValue
|
|
548
|
-
}) : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
|
|
544
|
+
displayContent ? displayContent : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
|
|
549
545
|
size: "label-1",
|
|
550
546
|
className: "text-text-default-3",
|
|
551
547
|
children: placeholder
|
|
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
|
|
|
3
3
|
import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
|
|
4
4
|
import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
|
|
5
5
|
import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
|
|
6
|
-
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-
|
|
6
|
+
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
|
|
7
7
|
import { FocusEvent, Ref } from "react";
|
|
8
8
|
import { CalendarDate } from "@internationalized/date";
|
|
9
9
|
//#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts
|
|
@@ -27,34 +27,52 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
|
|
|
27
27
|
allowPartialRange?: boolean;
|
|
28
28
|
mode?: "absolute" | "relative";
|
|
29
29
|
relativeValue?: string | null;
|
|
30
|
+
relativeResolvedValue?: DateRange | null;
|
|
30
31
|
relativeOptions?: DateRangeRelativeOption[];
|
|
31
|
-
onRelativeChange?: (value: string | null) => void;
|
|
32
|
+
onRelativeChange?: (value: string | null, resolvedValue: DateRange | null) => void;
|
|
33
|
+
enableRelativeMode?: boolean;
|
|
34
|
+
onModeChange?: (isRelative: boolean) => void;
|
|
35
|
+
}
|
|
36
|
+
interface DateRange {
|
|
37
|
+
start: DateValue$1;
|
|
38
|
+
end: DateValue$1;
|
|
32
39
|
}
|
|
33
40
|
interface DateRangeRelativeOption {
|
|
34
41
|
/** Stable value emitted by DateRangePicker when mode is `relative`. */
|
|
35
42
|
value: string;
|
|
36
43
|
/** Human-readable value shown in the input and options list. */
|
|
37
44
|
label: string;
|
|
45
|
+
/** Resolves this relative option to its current concrete range. */
|
|
46
|
+
getValue: () => DateRangeResolvedValue;
|
|
38
47
|
isDisabled?: boolean;
|
|
39
48
|
}
|
|
40
|
-
interface
|
|
49
|
+
interface DateRangeResolvedValue {
|
|
50
|
+
start: string;
|
|
51
|
+
end: string;
|
|
52
|
+
}
|
|
53
|
+
interface DateRangeRelativeValue {
|
|
54
|
+
relativeValue: string;
|
|
55
|
+
resolvedValue: DateRangeResolvedValue;
|
|
56
|
+
}
|
|
57
|
+
interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "mode" | "relativeValue" | "relativeResolvedValue" | "relativeOptions" | "onRelativeChange" | "onModeChange"> {
|
|
41
58
|
fullIso?: boolean;
|
|
42
59
|
minValue?: DateValue$1 | string;
|
|
43
60
|
maxValue?: DateValue$1 | string;
|
|
44
61
|
renderStaticInput?: boolean;
|
|
45
62
|
}
|
|
46
|
-
type
|
|
63
|
+
type AbsoluteDateRangePickerValue = {
|
|
47
64
|
start: string | null;
|
|
48
65
|
end: string | null;
|
|
49
|
-
} |
|
|
50
|
-
type
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
66
|
+
} | null;
|
|
67
|
+
type DateRangePickerValue = AbsoluteDateRangePickerValue | DateRangeRelativeValue;
|
|
68
|
+
type DateRangePickerProps<TEnableRelativeMode extends boolean = false> = DateRangePickerSharedProps & {
|
|
69
|
+
/** Allows switching between concrete date ranges and relative preset values. */
|
|
70
|
+
enableRelativeMode?: TEnableRelativeMode;
|
|
71
|
+
value?: TEnableRelativeMode extends true ? DateRangePickerValue : AbsoluteDateRangePickerValue;
|
|
72
|
+
onChange?: (value: TEnableRelativeMode extends true ? DateRangePickerValue : AbsoluteDateRangePickerValue) => void;
|
|
55
73
|
};
|
|
56
|
-
type ControlledDateRangePickerProps<TFieldValues extends FieldValues,
|
|
57
|
-
declare const DateRangePickerComponent: <TFieldValues extends FieldValues,
|
|
74
|
+
type ControlledDateRangePickerProps<TFieldValues extends FieldValues, TEnableRelativeMode extends boolean = false> = ControlProps<DateRangePickerProps<TEnableRelativeMode>, TFieldValues>;
|
|
75
|
+
declare const DateRangePickerComponent: <TFieldValues extends FieldValues, TEnableRelativeMode extends boolean = false>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues, TEnableRelativeMode>) => import("react/jsx-runtime").JSX.Element;
|
|
58
76
|
declare const DateRangePicker: typeof DateRangePickerComponent;
|
|
59
77
|
//#endregion
|
|
60
|
-
export { DateRangeRelativeOption as i, DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
|
|
78
|
+
export { DateRangeRelativeValue as a, DateRangeRelativeOption as i, DateRangePicker as n, DateRangeResolvedValue as o, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
|
|
@@ -3,29 +3,30 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
|
|
|
3
3
|
import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
|
|
4
4
|
import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
|
|
5
5
|
import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS.js";
|
|
6
|
-
import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-
|
|
6
|
+
import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
|
|
7
7
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
8
8
|
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
|
|
9
9
|
import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
|
|
10
10
|
import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
|
|
11
11
|
import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
|
|
12
12
|
import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
|
|
13
|
-
import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-
|
|
13
|
+
import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BJpz4raS.js";
|
|
14
14
|
import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
|
|
15
15
|
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
16
16
|
import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
|
|
17
17
|
import { n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
|
|
18
|
+
import { t as Toggle } from "./Toggle-bWM3RSXY.js";
|
|
18
19
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
19
20
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
20
21
|
import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
21
22
|
import { PillButton } from "./components/pill-button.js";
|
|
22
23
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
23
24
|
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
24
|
-
import "./i18n-
|
|
25
|
-
import { t as TooltipWrapper } from "./TooltipWrapper-
|
|
26
|
-
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-
|
|
25
|
+
import "./i18n-BDjNuy4Z.js";
|
|
26
|
+
import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
|
|
27
|
+
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
|
|
27
28
|
import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
|
|
28
|
-
import { t as Select } from "./Select-
|
|
29
|
+
import { t as Select } from "./Select-BEgNpIuG.js";
|
|
29
30
|
import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
30
31
|
import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
|
|
31
32
|
import { useFocusWithin } from "@react-aria/interactions";
|
|
@@ -466,7 +467,7 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
|
|
|
466
467
|
const DateRangePickerBase = (props) => {
|
|
467
468
|
const ui = UIConfig.useConfig();
|
|
468
469
|
const { t } = useTranslation();
|
|
469
|
-
const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeOptions = [], onRelativeChange, minValue, maxValue, ...rest } = props;
|
|
470
|
+
const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeResolvedValue, relativeOptions = [], onRelativeChange, enableRelativeMode, onModeChange, minValue, maxValue, ...rest } = props;
|
|
470
471
|
const hideLabel = hideLabelProp ?? ui.input.hideLabel;
|
|
471
472
|
const variant = variantProp ?? ui.input.variant;
|
|
472
473
|
const as = asProp ?? ui.input.as;
|
|
@@ -583,6 +584,9 @@ const DateRangePickerBase = (props) => {
|
|
|
583
584
|
maxValue
|
|
584
585
|
});
|
|
585
586
|
const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
|
|
587
|
+
useEffect(() => {
|
|
588
|
+
setActivePreset(mode === "relative" ? relativeValue ?? null : null);
|
|
589
|
+
}, [mode, relativeValue]);
|
|
586
590
|
const [rangeSelection, setRangeSelection] = useState({
|
|
587
591
|
start: value?.start || null,
|
|
588
592
|
end: value?.end || null,
|
|
@@ -848,7 +852,8 @@ const DateRangePickerBase = (props) => {
|
|
|
848
852
|
]);
|
|
849
853
|
const onApply = () => {
|
|
850
854
|
if (mode === "relative") {
|
|
851
|
-
|
|
855
|
+
const preset = presets.find((option) => option.value === activePreset);
|
|
856
|
+
onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
|
|
852
857
|
state.toggle();
|
|
853
858
|
return;
|
|
854
859
|
}
|
|
@@ -883,7 +888,7 @@ const DateRangePickerBase = (props) => {
|
|
|
883
888
|
const onInputClear = () => {
|
|
884
889
|
if (mode === "relative") {
|
|
885
890
|
setActivePreset(null);
|
|
886
|
-
onRelativeChange?.(null);
|
|
891
|
+
onRelativeChange?.(null, null);
|
|
887
892
|
return;
|
|
888
893
|
}
|
|
889
894
|
fieldRangeRef.current = null;
|
|
@@ -1047,16 +1052,21 @@ const DateRangePickerBase = (props) => {
|
|
|
1047
1052
|
}),
|
|
1048
1053
|
keepEnabledUnlessFutureMin: true
|
|
1049
1054
|
}),
|
|
1050
|
-
...relativeOptions.map((option) =>
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1055
|
+
...relativeOptions.map((option) => {
|
|
1056
|
+
const resolvedValue = option.getValue();
|
|
1057
|
+
const range = {
|
|
1058
|
+
start: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.start),
|
|
1059
|
+
end: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.end)
|
|
1060
|
+
};
|
|
1061
|
+
const clampedValue = clampRangeToBounds(range);
|
|
1062
|
+
return {
|
|
1063
|
+
value: option.value,
|
|
1064
|
+
label: option.label,
|
|
1065
|
+
getValue: () => range,
|
|
1066
|
+
clampedValue,
|
|
1067
|
+
isDisabled: (option.isDisabled ?? false) || !clampedValue
|
|
1068
|
+
};
|
|
1069
|
+
})
|
|
1060
1070
|
];
|
|
1061
1071
|
const selectPreset = (preset) => {
|
|
1062
1072
|
if (preset.isDisabled || mode !== "relative" && !preset.clampedValue) return;
|
|
@@ -1075,6 +1085,22 @@ const DateRangePickerBase = (props) => {
|
|
|
1075
1085
|
if (mode === "relative") setActivePreset(preset.value);
|
|
1076
1086
|
};
|
|
1077
1087
|
const activeRelativeOption = mode === "relative" ? presets.find((preset) => preset.value === relativeValue) : void 0;
|
|
1088
|
+
const relativeDisplayRange = relativeResolvedValue ?? activeRelativeOption?.clampedValue;
|
|
1089
|
+
const relativeDisplayValue = activeRelativeOption ? /* @__PURE__ */ jsxs("div", {
|
|
1090
|
+
className: "flex min-w-0 items-center gap-1",
|
|
1091
|
+
children: [/* @__PURE__ */ jsxs(Typography, {
|
|
1092
|
+
size: "label-1",
|
|
1093
|
+
className: "shrink-0",
|
|
1094
|
+
children: [activeRelativeOption.label, relativeDisplayRange ? " ·" : ""]
|
|
1095
|
+
}), relativeDisplayRange && getStaticDateRangeSegments({
|
|
1096
|
+
start: relativeDisplayRange.start,
|
|
1097
|
+
end: relativeDisplayRange.end,
|
|
1098
|
+
locale,
|
|
1099
|
+
shouldForceLeadingZeros,
|
|
1100
|
+
isDisabled: !!isDisabled,
|
|
1101
|
+
disableManualEntry: true
|
|
1102
|
+
})]
|
|
1103
|
+
}) : void 0;
|
|
1078
1104
|
return /* @__PURE__ */ jsx(TooltipWrapper, {
|
|
1079
1105
|
as,
|
|
1080
1106
|
error,
|
|
@@ -1130,7 +1156,7 @@ const DateRangePickerBase = (props) => {
|
|
|
1130
1156
|
todayIconPlacement,
|
|
1131
1157
|
isDirty,
|
|
1132
1158
|
disableManualEntry: mode === "relative" || disableManualEntry,
|
|
1133
|
-
|
|
1159
|
+
displayContent: relativeDisplayValue,
|
|
1134
1160
|
autoFixYear,
|
|
1135
1161
|
placeholder,
|
|
1136
1162
|
className: inputClassName,
|
|
@@ -1139,9 +1165,14 @@ const DateRangePickerBase = (props) => {
|
|
|
1139
1165
|
onClear: onInputClear
|
|
1140
1166
|
}), /* @__PURE__ */ jsx(DateTimeDialog, {
|
|
1141
1167
|
hideSidebar,
|
|
1142
|
-
sidebar: /* @__PURE__ */
|
|
1168
|
+
sidebar: /* @__PURE__ */ jsxs("div", {
|
|
1143
1169
|
className: "flex w-full flex-row overflow-auto border-elevation-outline-default-1 border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:max-h-[344px] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
|
|
1144
|
-
children:
|
|
1170
|
+
children: [enableRelativeMode && /* @__PURE__ */ jsx(Toggle, {
|
|
1171
|
+
isSelected: mode === "relative",
|
|
1172
|
+
onChange: onModeChange,
|
|
1173
|
+
className: "shrink-0 px-2 py-2 md:px-list-side-item-left",
|
|
1174
|
+
children: t(($) => $.ui.datePicker.relativeMode, { ns: "ui" })
|
|
1175
|
+
}), presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
1145
1176
|
isDisabled: preset.isDisabled,
|
|
1146
1177
|
onClick: () => selectPreset(preset),
|
|
1147
1178
|
className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-interactive-text-secondary-disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
|
|
@@ -1152,7 +1183,7 @@ const DateRangePickerBase = (props) => {
|
|
|
1152
1183
|
className: "whitespace-nowrap",
|
|
1153
1184
|
children: preset.label
|
|
1154
1185
|
})
|
|
1155
|
-
}, mode === "relative" ? preset.value : preset.label))
|
|
1186
|
+
}, mode === "relative" ? preset.value : preset.label))]
|
|
1156
1187
|
}),
|
|
1157
1188
|
footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
|
|
1158
1189
|
isDisabled,
|
|
@@ -1212,6 +1243,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1212
1243
|
}
|
|
1213
1244
|
});
|
|
1214
1245
|
const normalizedValue = props.value ?? null;
|
|
1246
|
+
const isRelativeValue = (value) => !!value && typeof value === "object" && "relativeValue" in value;
|
|
1247
|
+
const [isRelativeMode, setIsRelativeMode] = useState(props.enableRelativeMode === true && isRelativeValue(normalizedValue));
|
|
1248
|
+
const mode = isRelativeMode ? "relative" : "absolute";
|
|
1249
|
+
useEffect(() => {
|
|
1250
|
+
if (!props.enableRelativeMode || normalizedValue === null) return;
|
|
1251
|
+
setIsRelativeMode(isRelativeValue(normalizedValue));
|
|
1252
|
+
}, [normalizedValue, props.enableRelativeMode]);
|
|
1215
1253
|
const formatDateRange = (range) => {
|
|
1216
1254
|
if (!range || !range.start && !range.end || !allowPartialRange && (!range.start || !range.end)) return null;
|
|
1217
1255
|
if (fullIso) return {
|
|
@@ -1255,7 +1293,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1255
1293
|
maxValue,
|
|
1256
1294
|
parseCalendarDate
|
|
1257
1295
|
]);
|
|
1258
|
-
const normalizedRange = normalizedValue;
|
|
1296
|
+
const normalizedRange = isRelativeValue(normalizedValue) ? normalizedValue.resolvedValue : normalizedValue;
|
|
1259
1297
|
if (!renderInput) {
|
|
1260
1298
|
const relativeOptions = [
|
|
1261
1299
|
{
|
|
@@ -1296,10 +1334,10 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1296
1334
|
},
|
|
1297
1335
|
...ui.dateInput.dateRangeOptions
|
|
1298
1336
|
];
|
|
1299
|
-
const relativeLabel =
|
|
1337
|
+
const relativeLabel = mode === "relative" ? relativeOptions.find((option) => option.value === (isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null))?.label : void 0;
|
|
1300
1338
|
const startDateValue = parseCalendarDate(normalizedRange?.start ?? null);
|
|
1301
1339
|
const endDateValue = parseCalendarDate(normalizedRange?.end ?? null);
|
|
1302
|
-
const hasProvidedRangeValue =
|
|
1340
|
+
const hasProvidedRangeValue = mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
|
|
1303
1341
|
const as = props.as ?? ui.input.as;
|
|
1304
1342
|
const size = props.size ?? ui.input.size;
|
|
1305
1343
|
const isDisabled = isFormControlDisabled || !!props.isDisabled;
|
|
@@ -1313,7 +1351,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1313
1351
|
size: todayIconButtonSize,
|
|
1314
1352
|
todayIconButtonComponent
|
|
1315
1353
|
});
|
|
1316
|
-
const disableManualEntry =
|
|
1354
|
+
const disableManualEntry = mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
|
|
1317
1355
|
const showDropdown = !props.disableDropdown || disableManualEntry;
|
|
1318
1356
|
const staticSegments = getStaticDateRangeSegments({
|
|
1319
1357
|
start: startDateValue,
|
|
@@ -1359,10 +1397,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1359
1397
|
onClick: () => {},
|
|
1360
1398
|
altText: ""
|
|
1361
1399
|
} : void 0,
|
|
1362
|
-
children: relativeLabel ? /* @__PURE__ */
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1400
|
+
children: relativeLabel ? /* @__PURE__ */ jsxs("div", {
|
|
1401
|
+
className: "flex min-w-0 items-center gap-1",
|
|
1402
|
+
children: [/* @__PURE__ */ jsxs(Typography, {
|
|
1403
|
+
size: "label-1",
|
|
1404
|
+
className: "shrink-0",
|
|
1405
|
+
children: [relativeLabel, " ·"]
|
|
1406
|
+
}), staticSegments]
|
|
1366
1407
|
}) : staticSegments
|
|
1367
1408
|
});
|
|
1368
1409
|
}
|
|
@@ -1370,11 +1411,30 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1370
1411
|
...props,
|
|
1371
1412
|
...dateLimits,
|
|
1372
1413
|
ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
|
|
1373
|
-
mode
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1414
|
+
mode,
|
|
1415
|
+
enableRelativeMode: props.enableRelativeMode,
|
|
1416
|
+
onModeChange: (relative) => {
|
|
1417
|
+
setIsRelativeMode(relative);
|
|
1418
|
+
props.onChange?.(null);
|
|
1419
|
+
},
|
|
1420
|
+
relativeValue: mode === "relative" && isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null,
|
|
1421
|
+
relativeResolvedValue: mode === "relative" && isRelativeValue(normalizedValue) ? parseDateRange(normalizedValue.resolvedValue) : null,
|
|
1422
|
+
relativeOptions: mode === "relative" ? ui.dateInput.dateRangeOptions : [],
|
|
1423
|
+
onRelativeChange: (relativeValue, resolvedValue) => {
|
|
1424
|
+
const formattedResolvedValue = formatDateRange(resolvedValue);
|
|
1425
|
+
if (!relativeValue || !formattedResolvedValue?.start || !formattedResolvedValue.end) {
|
|
1426
|
+
props.onChange?.(null);
|
|
1427
|
+
return;
|
|
1428
|
+
}
|
|
1429
|
+
props.onChange?.({
|
|
1430
|
+
relativeValue,
|
|
1431
|
+
resolvedValue: {
|
|
1432
|
+
start: formattedResolvedValue.start,
|
|
1433
|
+
end: formattedResolvedValue.end
|
|
1434
|
+
}
|
|
1435
|
+
});
|
|
1436
|
+
},
|
|
1437
|
+
value: mode === "relative" ? null : parseDateRange(normalizedRange),
|
|
1378
1438
|
onChange: (value) => props.onChange?.(formatDateRange(value))
|
|
1379
1439
|
});
|
|
1380
1440
|
};
|
|
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
|
|
|
3
3
|
import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
|
|
4
4
|
import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
|
|
5
5
|
import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
|
|
6
|
-
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-
|
|
6
|
+
import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
|
|
7
7
|
import { FocusEvent, Ref } from "react";
|
|
8
8
|
//#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
|
|
9
9
|
interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
|
|
2
|
-
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-
|
|
2
|
+
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
|
|
3
3
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
4
|
import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
|
|
5
|
-
import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-
|
|
5
|
+
import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-BJpz4raS.js";
|
|
6
6
|
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
7
|
-
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-
|
|
7
|
+
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
|
|
8
8
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
9
9
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
10
10
|
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
11
|
-
import { t as TooltipWrapper } from "./TooltipWrapper-
|
|
12
|
-
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-
|
|
13
|
-
import { t as normalizeDatePickerValue } from "./datePickerValue.utils-
|
|
11
|
+
import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
|
|
12
|
+
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
|
|
13
|
+
import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CA2te8RG.js";
|
|
14
14
|
import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
|
|
15
15
|
import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
16
16
|
import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
|
|
@@ -12,7 +12,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
|
12
12
|
import { TextButton } from "./components/text-button.js";
|
|
13
13
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
14
14
|
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
15
|
-
import "./i18n-
|
|
15
|
+
import "./i18n-BDjNuy4Z.js";
|
|
16
16
|
import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
|
|
17
17
|
import { t as ProgressBar } from "./ProgressBar-C8dtVA-1.js";
|
|
18
18
|
import { memo, useCallback, useMemo, useState } from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
|
|
2
|
-
import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-
|
|
2
|
+
import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-D1UI85oQ.js";
|
|
3
3
|
import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-DWlFTecs.js";
|
|
4
4
|
import { DependencyList, ReactNode } from "react";
|
|
5
5
|
//#region src/hooks/useAutosave.d.ts
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { t as PasswordInput } from "./PasswordInput-
|
|
1
|
+
import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
|
|
2
2
|
import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
|
|
3
3
|
import { t as Slider } from "./Slider-CGESXeRj.js";
|
|
4
|
-
import { t as DateRangePicker } from "./DateRangePicker-
|
|
4
|
+
import { t as DateRangePicker } from "./DateRangePicker-DH4Eg6sF.js";
|
|
5
5
|
import { t as Toggle } from "./Toggle-bWM3RSXY.js";
|
|
6
|
-
import { t as TextArea } from "./TextArea-
|
|
6
|
+
import { t as TextArea } from "./TextArea-CcXiu7JQ.js";
|
|
7
7
|
import { TextInput } from "./components/text-input.js";
|
|
8
8
|
import { Autocomplete } from "./components/autocomplete.js";
|
|
9
9
|
import { CheckboxGroup } from "./components/checkbox-group.js";
|
|
10
|
-
import { t as DatePicker } from "./DatePicker-
|
|
11
|
-
import { t as Select } from "./Select-
|
|
12
|
-
import { t as DateTimePicker } from "./DateTimePicker-
|
|
10
|
+
import { t as DatePicker } from "./DatePicker-BT46HC74.js";
|
|
11
|
+
import { t as Select } from "./Select-BEgNpIuG.js";
|
|
12
|
+
import { t as DateTimePicker } from "./DateTimePicker-BZcH7uNO.js";
|
|
13
13
|
import { NumberInput } from "./components/number-input.js";
|
|
14
|
-
import { t as NumberRangeInput } from "./NumberRangeInput-
|
|
14
|
+
import { t as NumberRangeInput } from "./NumberRangeInput-BFaL0_B5.js";
|
|
15
15
|
import { QueryAutocomplete } from "./components/query-autocomplete.js";
|
|
16
16
|
import { QuerySelect } from "./components/query-select.js";
|
|
17
17
|
import { t as Segment } from "./Segment-BAVcQyuY.js";
|
|
18
|
-
import { t as TimePicker } from "./TimePicker-
|
|
18
|
+
import { t as TimePicker } from "./TimePicker-eWZ7lIDW.js";
|
|
19
19
|
import { useMemo } from "react";
|
|
20
20
|
import { jsx } from "react/jsx-runtime";
|
|
21
21
|
//#region src/components/inputs/Inputs/InputItem.tsx
|
|
@@ -11,7 +11,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
|
11
11
|
import { TextButton } from "./components/text-button.js";
|
|
12
12
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
13
13
|
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
14
|
-
import "./i18n-
|
|
14
|
+
import "./i18n-BDjNuy4Z.js";
|
|
15
15
|
import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";
|
|
16
16
|
import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
|
|
17
17
|
import { memo, useState } from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
|
|
2
|
-
import { l as InputDef } from "./dynamicInputs-
|
|
2
|
+
import { l as InputDef } from "./dynamicInputs-D1UI85oQ.js";
|
|
3
3
|
import { c as UIForm } from "./form.binding-DWlFTecs.js";
|
|
4
4
|
import { ReactNode } from "react";
|
|
5
5
|
//#region src/components/inputs/Inputs/Inputs.d.ts
|
|
@@ -4,7 +4,7 @@ import { n as $de32f1b87079253c$export$3ddf2d174ce01153 } from "./Dialog-Bl7F9FU
|
|
|
4
4
|
import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
|
|
5
5
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
6
6
|
import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
7
|
-
import "./i18n-
|
|
7
|
+
import "./i18n-BDjNuy4Z.js";
|
|
8
8
|
import { i as modalOverlayDefinition, n as modalMainDefinition, t as modalContentDefinition } from "./modal.cva-CbziPHSN.js";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
import { useTranslation } from "react-i18next";
|
|
@@ -7,9 +7,9 @@ import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-BefLtZJe
|
|
|
7
7
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
8
8
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
9
9
|
import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
10
|
-
import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-
|
|
10
|
+
import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
|
|
11
11
|
import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
|
|
12
|
-
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-
|
|
12
|
+
import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
|
|
13
13
|
import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
|
|
14
14
|
import { memo, useEffect, useRef, useState } from "react";
|
|
15
15
|
import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
|
|
@@ -4,7 +4,7 @@ import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS
|
|
|
4
4
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
5
5
|
import { n as cva } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
6
6
|
import { t as Button } from "./Button-D9J5wkMv.js";
|
|
7
|
-
import "./i18n-
|
|
7
|
+
import "./i18n-BDjNuy4Z.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
import { useTranslation } from "react-i18next";
|