@povio/ui 3.4.0-rc.26 → 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/{Accordion-BLPm2118.js → Accordion-BKBl-2EO.js} +4 -3
- package/dist/{BottomSheet-CEyxZ2Nd.js → BottomSheet-CQ9Pkvn_.js} +5 -5
- package/dist/{Breadcrumbs-Cbl2-M7J.js → Breadcrumbs-D0mblHwu.js} +8 -7
- package/dist/{Button-oSE-CM83.js → Button-D09S1dNt.js} +3 -2
- package/dist/{Button-CtPMeT8f.js → Button-D9J5wkMv.js} +3 -3
- package/dist/{Calendar-Dc1UbbAq.js → Calendar-DQxeTov4.js} +13 -11
- package/dist/{Checkbox-Feyideqw.js → Checkbox-B0w_4Ri0.js} +6 -5
- package/dist/DOMFunctions-BrQjsnDh.js +52 -0
- package/dist/{DatePicker-BdRp_rG7.js → DatePicker-BT46HC74.js} +9 -9
- 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-D3kmFpMZ.js → DatePickerInput-BK6P_VAB.js} +8 -12
- package/dist/{DateRangePicker-CMWUdyh1.d.ts → DateRangePicker-Bjf2hKX1.d.ts} +31 -13
- package/dist/{DateRangePicker-XhfuEunT.js → DateRangePicker-DH4Eg6sF.js} +105 -43
- package/dist/{DateTimePicker-B9cZ38EY.d.ts → DateTimePicker-BPCAME01.d.ts} +1 -1
- package/dist/{DateTimePicker-_PD3JGVy.js → DateTimePicker-BZcH7uNO.js} +9 -9
- package/dist/{Dialog-CXVxCqvL.js → Dialog-Bl7F9FUP.js} +12 -10
- package/dist/{Drawer-XaAwht0J.js → Drawer-BkPPB5DQ.js} +2 -2
- package/dist/{FileTrigger-BSzrj50r.js → FileTrigger-CjvQGNXu.js} +11 -10
- package/dist/{FileUpload-CNM9dv4D.js → FileUpload-BocbkafM.js} +6 -6
- package/dist/{Form-BX_x2VGS.d.ts → Form-BrF_Buzl.d.ts} +1 -1
- package/dist/{FormField-ChDNTHr4.js → FormField-Cl-t5Wi1.js} +10 -34
- package/dist/FormFieldHeaderTooltip-C3nmuFKW.js +38 -0
- package/dist/InlineTooltipWrapper-7ePcpH9g.js +24 -0
- package/dist/{Input-B4FVIWxn.js → Input-BefLtZJe.js} +2 -1
- package/dist/{InputItem-DWuSzs16.js → InputItem-BjC0bpZe.js} +12 -12
- package/dist/{InputUpload-BQpUaRQl.js → InputUpload-DLLtrKIG.js} +6 -6
- package/dist/{Inputs-B5F_klPo.d.ts → Inputs-7s_wFr8h.d.ts} +1 -1
- package/dist/{Inputs-D4duTr-F.js → Inputs-CErLG3k2.js} +1 -1
- package/dist/{Label-a10cLlQM.js → Label-BVczUvgv.js} +1 -1
- package/dist/{Link-iPOFlrxY.js → Link-BWbPxs6p.js} +2 -1
- package/dist/{Link-vPV4s0c3.js → Link-EHxXHf53.js} +1 -1
- package/dist/{ListBox-lSDt9Q4j.js → ListBox-Ck1UjeGo.js} +6 -5
- package/dist/{Menu-DDKo6fUO.js → Menu-fXWnROTU.js} +3 -3
- package/dist/{MenuDesktop-AnvU8TNb.js → MenuDesktop-C3_I4fdd.js} +1 -1
- package/dist/{Modal-BrOOpTQ4.js → Modal-CSr-DYqC.js} +3 -3
- package/dist/{Modal-CAAJgOQb.js → Modal-UhtruHmf.js} +4 -3
- package/dist/{NumberRangeInput-CBM_ycX_.js → NumberRangeInput-BFaL0_B5.js} +7 -7
- package/dist/{OverlayArrow-Bz_8bYjT.js → OverlayArrow-CyFI2DhX.js} +11 -44
- package/dist/{PaginationList-B27QL6gG.js → PaginationList-BQqvE8zu.js} +2 -2
- package/dist/{PasswordInput-BUZPRoOL.js → PasswordInput-CMKZF3YS.js} +1 -1
- package/dist/{RadioGroup-DbMmwkLQ.js → RadioGroup-lA8iM1Ry.js} +10 -8
- package/dist/{Segment--coTx1BD.js → Segment-BAVcQyuY.js} +3 -3
- package/dist/{Select-BXhqcKAI.js → Select-BEgNpIuG.js} +3 -3
- package/dist/{SelectionIndicator-BiAHPBz2.js → SelectionIndicator-BvWiZS2N.js} +2 -2
- package/dist/{Slider-YdD68ygp.js → Slider-CGESXeRj.js} +9 -8
- package/dist/{Stepper-Cc7qNjch.js → Stepper-CSfhZBK1.js} +1 -1
- package/dist/{Tag-BAFkwLDe.js → Tag-Dqo18sIY.js} +2 -2
- package/dist/{TextArea-B8TIZZ5i.js → TextArea-CcXiu7JQ.js} +4 -3
- package/dist/{TextEditor-Co_gbkPT.js → TextEditor-CKGUWpY_.js} +12 -11
- package/dist/{TimePicker-dftQtlWT.js → TimePicker-eWZ7lIDW.js} +8 -8
- package/dist/{Toast-BDoTQFr5.js → Toast-ZFTj3GGo.js} +1 -1
- package/dist/{Toggle-Bw15KIly.js → Toggle-bWM3RSXY.js} +4 -3
- package/dist/{ToggleButton-DYVFkuEk.js → ToggleButton-C01P8reg.js} +6 -4
- package/dist/{Tooltip-CVBOnHy-.js → Tooltip-D8YNkKCl.js} +5 -13
- package/dist/{TooltipWrapper-eCF5-eNP.js → TooltipWrapper-DyDsoRe-.js} +7 -21
- package/dist/{VisuallyHidden-src7PN5r.js → VisuallyHidden-CWgME09A.js} +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/action-modal.js +2 -2
- package/dist/components/autocomplete.js +3 -3
- package/dist/components/bottom-sheet.js +2 -2
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/checkbox-group.js +3 -3
- package/dist/components/checkbox.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/drawer.js +2 -2
- package/dist/components/file-upload-container.js +1 -1
- package/dist/components/file-upload.js +1 -1
- package/dist/components/form-field.js +1 -1
- package/dist/components/icon-button.js +2 -2
- package/dist/components/inline-icon-button.js +1 -1
- package/dist/components/input-upload.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/menu.js +2 -2
- package/dist/components/modal.js +1 -1
- package/dist/components/number-input.js +8 -8
- 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-button.js +2 -2
- package/dist/components/pill.js +2 -2
- package/dist/components/query-autocomplete.js +1 -1
- package/dist/components/query-select.js +2 -2
- package/dist/components/radio-group.js +1 -1
- package/dist/components/responsive-popover.js +1 -1
- package/dist/components/segment.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/split-button.js +2 -2
- package/dist/components/stepper.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-button.js +1 -1
- package/dist/components/text-input.js +6 -6
- package/dist/components/time-picker.js +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toggle-button.js +1 -1
- package/dist/components/toggle.js +1 -1
- package/dist/components/tooltip-ellipsis.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/use-toast.js +2 -2
- 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/{context-HV79Qf_F.js → context-74MZZLC0.js} +2 -53
- 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-469FeRCl.js → datePickerValue.utils-CA2te8RG.js} +2 -2
- 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/import-BXAtbYEe.js +73 -0
- package/dist/index.d.ts +9 -9
- package/dist/index.js +28 -28
- package/dist/number-DTwXo26a.js +40 -0
- package/dist/{numberStatic.utils-CWkou4ca.js → numberStatic.utils-DcnGigJ6.js} +7 -6
- package/dist/rhf/checkbox.js +1 -1
- 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/radio-group.js +1 -1
- package/dist/rhf/segment.js +1 -1
- package/dist/rhf/select.js +1 -1
- package/dist/rhf/slider.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/toggle.js +1 -1
- package/dist/rhf.d.ts +9 -9
- package/dist/rhf.js +28 -28
- package/dist/{staticDateTimeSegments-BOFCK9Ub.js → staticDateTimeSegments-BJpz4raS.js} +15 -13
- package/dist/{staticSelect.utils-Bh1OVHuT.js → staticSelect.utils-D16Yq0j-.js} +21 -19
- package/dist/tanstack/checkbox.js +1 -1
- 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/radio-group.js +1 -1
- package/dist/tanstack/segment.js +1 -1
- package/dist/tanstack/select.js +1 -1
- package/dist/tanstack/slider.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/toggle.js +1 -1
- package/dist/tanstack.d.ts +9 -9
- package/dist/tanstack.js +39 -39
- package/dist/text-editor.js +1 -1
- package/dist/{toast.runtime--mTw_-fT.js → toast.runtime-CzHEhKmm.js} +1 -1
- package/dist/tooltipWrapper.cva-CUu8pI-a.js +5 -0
- package/dist/triangle-B5uw3vnc.js +13 -0
- package/dist/{uiConfig.context-B27wINPD.d.ts → uiConfig.context-H1XbHuwS.d.ts} +2 -2
- package/dist/{useButton-STC3gJBt.js → useButton-CTZ6UEfP.js} +2 -1
- package/dist/{useDescription-D8raJPFb.js → useDescription-4EIEr0rR.js} +1 -1
- package/dist/{useEffectEvent-DAMDuWzz.js → useEffectEvent-BdzIyMdT.js} +1 -1
- package/dist/{useEvent-5X8yPLOx.js → useEvent-CjGFQh-l.js} +1 -1
- package/dist/{useFieldAccessibility-BsEP3ts2.js → useFieldAccessibility-gWmCBTWA.js} +2 -2
- package/dist/{useFilter-DjR64hmy.js → useFilter-CI4X6urj.js} +1 -1
- package/dist/{useFormAutosave-DtYELduH.js → useFormAutosave-D-tnGPI8.js} +1 -1
- package/dist/{useFormReset-CFgV1v57.js → useFormReset-BmSQIMid.js} +1 -1
- package/dist/{useFormValidation-DWqb1ZeB.js → useFormValidation-DlNyD6aD.js} +2 -2
- package/dist/{useLabels-CUjKpeKj.js → useLabels-Bt2BXuQ6.js} +1 -1
- package/dist/{useLocalizedStringFormatter-D9TmTRN_.js → useLocalizedStringFormatter-tBB7tXBj.js} +1 -1
- package/dist/{useNumberFormatter-BiWwqIo9.js → useNumberFormatter-Dgd8W1FX.js} +1 -1
- package/dist/{useSpinButton-BxGKzVHd.js → useSpinButton-Ba23Hqso.js} +3 -3
- package/dist/{useStaticInputHandoff-ClwANfo-.js → useStaticInputHandoff-D8dmC_LG.js} +2 -2
- package/dist/{useTableColumnConfig-CR0gk7hI.js → useTableColumnConfig-C647gNJs.js} +3 -3
- package/dist/{useToggle-ingqhLIQ.js → useToggle-D8aP2d5t.js} +3 -2
- package/dist/{import-CuNJ25EP.js → utils-D-KKbY-n.js} +1 -73
- package/package.json +1 -1
- package/dist/date-range-picker-BYdeSyMU.d.ts +0 -9
|
@@ -3,27 +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 { t as
|
|
7
|
-
import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-D3kmFpMZ.js";
|
|
6
|
+
import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
|
|
8
7
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import { n as $
|
|
8
|
+
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
|
|
9
|
+
import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
|
|
10
|
+
import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
|
|
11
|
+
import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
|
|
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-BJpz4raS.js";
|
|
14
|
+
import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
|
|
15
|
+
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
16
|
+
import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
|
|
16
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";
|
|
17
19
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
18
20
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
19
21
|
import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
20
22
|
import { PillButton } from "./components/pill-button.js";
|
|
21
23
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
22
|
-
import "./
|
|
23
|
-
import
|
|
24
|
-
import {
|
|
24
|
+
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
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";
|
|
25
28
|
import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
|
|
26
|
-
import { t as Select } from "./Select-
|
|
29
|
+
import { t as Select } from "./Select-BEgNpIuG.js";
|
|
27
30
|
import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
28
31
|
import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
|
|
29
32
|
import { useFocusWithin } from "@react-aria/interactions";
|
|
@@ -464,7 +467,7 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
|
|
|
464
467
|
const DateRangePickerBase = (props) => {
|
|
465
468
|
const ui = UIConfig.useConfig();
|
|
466
469
|
const { t } = useTranslation();
|
|
467
|
-
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;
|
|
468
471
|
const hideLabel = hideLabelProp ?? ui.input.hideLabel;
|
|
469
472
|
const variant = variantProp ?? ui.input.variant;
|
|
470
473
|
const as = asProp ?? ui.input.as;
|
|
@@ -581,6 +584,9 @@ const DateRangePickerBase = (props) => {
|
|
|
581
584
|
maxValue
|
|
582
585
|
});
|
|
583
586
|
const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
|
|
587
|
+
useEffect(() => {
|
|
588
|
+
setActivePreset(mode === "relative" ? relativeValue ?? null : null);
|
|
589
|
+
}, [mode, relativeValue]);
|
|
584
590
|
const [rangeSelection, setRangeSelection] = useState({
|
|
585
591
|
start: value?.start || null,
|
|
586
592
|
end: value?.end || null,
|
|
@@ -846,7 +852,8 @@ const DateRangePickerBase = (props) => {
|
|
|
846
852
|
]);
|
|
847
853
|
const onApply = () => {
|
|
848
854
|
if (mode === "relative") {
|
|
849
|
-
|
|
855
|
+
const preset = presets.find((option) => option.value === activePreset);
|
|
856
|
+
onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
|
|
850
857
|
state.toggle();
|
|
851
858
|
return;
|
|
852
859
|
}
|
|
@@ -881,7 +888,7 @@ const DateRangePickerBase = (props) => {
|
|
|
881
888
|
const onInputClear = () => {
|
|
882
889
|
if (mode === "relative") {
|
|
883
890
|
setActivePreset(null);
|
|
884
|
-
onRelativeChange?.(null);
|
|
891
|
+
onRelativeChange?.(null, null);
|
|
885
892
|
return;
|
|
886
893
|
}
|
|
887
894
|
fieldRangeRef.current = null;
|
|
@@ -1045,16 +1052,21 @@ const DateRangePickerBase = (props) => {
|
|
|
1045
1052
|
}),
|
|
1046
1053
|
keepEnabledUnlessFutureMin: true
|
|
1047
1054
|
}),
|
|
1048
|
-
...relativeOptions.map((option) =>
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
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
|
+
})
|
|
1058
1070
|
];
|
|
1059
1071
|
const selectPreset = (preset) => {
|
|
1060
1072
|
if (preset.isDisabled || mode !== "relative" && !preset.clampedValue) return;
|
|
@@ -1073,6 +1085,22 @@ const DateRangePickerBase = (props) => {
|
|
|
1073
1085
|
if (mode === "relative") setActivePreset(preset.value);
|
|
1074
1086
|
};
|
|
1075
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;
|
|
1076
1104
|
return /* @__PURE__ */ jsx(TooltipWrapper, {
|
|
1077
1105
|
as,
|
|
1078
1106
|
error,
|
|
@@ -1128,7 +1156,7 @@ const DateRangePickerBase = (props) => {
|
|
|
1128
1156
|
todayIconPlacement,
|
|
1129
1157
|
isDirty,
|
|
1130
1158
|
disableManualEntry: mode === "relative" || disableManualEntry,
|
|
1131
|
-
|
|
1159
|
+
displayContent: relativeDisplayValue,
|
|
1132
1160
|
autoFixYear,
|
|
1133
1161
|
placeholder,
|
|
1134
1162
|
className: inputClassName,
|
|
@@ -1137,9 +1165,14 @@ const DateRangePickerBase = (props) => {
|
|
|
1137
1165
|
onClear: onInputClear
|
|
1138
1166
|
}), /* @__PURE__ */ jsx(DateTimeDialog, {
|
|
1139
1167
|
hideSidebar,
|
|
1140
|
-
sidebar: /* @__PURE__ */
|
|
1168
|
+
sidebar: /* @__PURE__ */ jsxs("div", {
|
|
1141
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",
|
|
1142
|
-
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, {
|
|
1143
1176
|
isDisabled: preset.isDisabled,
|
|
1144
1177
|
onClick: () => selectPreset(preset),
|
|
1145
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"),
|
|
@@ -1150,7 +1183,7 @@ const DateRangePickerBase = (props) => {
|
|
|
1150
1183
|
className: "whitespace-nowrap",
|
|
1151
1184
|
children: preset.label
|
|
1152
1185
|
})
|
|
1153
|
-
}, mode === "relative" ? preset.value : preset.label))
|
|
1186
|
+
}, mode === "relative" ? preset.value : preset.label))]
|
|
1154
1187
|
}),
|
|
1155
1188
|
footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
|
|
1156
1189
|
isDisabled,
|
|
@@ -1210,6 +1243,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1210
1243
|
}
|
|
1211
1244
|
});
|
|
1212
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]);
|
|
1213
1253
|
const formatDateRange = (range) => {
|
|
1214
1254
|
if (!range || !range.start && !range.end || !allowPartialRange && (!range.start || !range.end)) return null;
|
|
1215
1255
|
if (fullIso) return {
|
|
@@ -1253,7 +1293,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1253
1293
|
maxValue,
|
|
1254
1294
|
parseCalendarDate
|
|
1255
1295
|
]);
|
|
1256
|
-
const normalizedRange = normalizedValue;
|
|
1296
|
+
const normalizedRange = isRelativeValue(normalizedValue) ? normalizedValue.resolvedValue : normalizedValue;
|
|
1257
1297
|
if (!renderInput) {
|
|
1258
1298
|
const relativeOptions = [
|
|
1259
1299
|
{
|
|
@@ -1294,10 +1334,10 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1294
1334
|
},
|
|
1295
1335
|
...ui.dateInput.dateRangeOptions
|
|
1296
1336
|
];
|
|
1297
|
-
const relativeLabel =
|
|
1337
|
+
const relativeLabel = mode === "relative" ? relativeOptions.find((option) => option.value === (isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null))?.label : void 0;
|
|
1298
1338
|
const startDateValue = parseCalendarDate(normalizedRange?.start ?? null);
|
|
1299
1339
|
const endDateValue = parseCalendarDate(normalizedRange?.end ?? null);
|
|
1300
|
-
const hasProvidedRangeValue =
|
|
1340
|
+
const hasProvidedRangeValue = mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
|
|
1301
1341
|
const as = props.as ?? ui.input.as;
|
|
1302
1342
|
const size = props.size ?? ui.input.size;
|
|
1303
1343
|
const isDisabled = isFormControlDisabled || !!props.isDisabled;
|
|
@@ -1311,7 +1351,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1311
1351
|
size: todayIconButtonSize,
|
|
1312
1352
|
todayIconButtonComponent
|
|
1313
1353
|
});
|
|
1314
|
-
const disableManualEntry =
|
|
1354
|
+
const disableManualEntry = mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
|
|
1315
1355
|
const showDropdown = !props.disableDropdown || disableManualEntry;
|
|
1316
1356
|
const staticSegments = getStaticDateRangeSegments({
|
|
1317
1357
|
start: startDateValue,
|
|
@@ -1357,10 +1397,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1357
1397
|
onClick: () => {},
|
|
1358
1398
|
altText: ""
|
|
1359
1399
|
} : void 0,
|
|
1360
|
-
children: relativeLabel ? /* @__PURE__ */
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
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]
|
|
1364
1407
|
}) : staticSegments
|
|
1365
1408
|
});
|
|
1366
1409
|
}
|
|
@@ -1368,11 +1411,30 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
|
|
|
1368
1411
|
...props,
|
|
1369
1412
|
...dateLimits,
|
|
1370
1413
|
ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
|
|
1371
|
-
mode
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
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),
|
|
1376
1438
|
onChange: (value) => props.onChange?.(formatDateRange(value))
|
|
1377
1439
|
});
|
|
1378
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 { t as
|
|
3
|
-
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-D3kmFpMZ.js";
|
|
2
|
+
import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
|
|
4
3
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-
|
|
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-BJpz4raS.js";
|
|
6
|
+
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
7
|
+
import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
|
|
9
8
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
10
9
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
11
|
-
import { t as
|
|
12
|
-
import {
|
|
13
|
-
import { t as
|
|
10
|
+
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
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";
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import { r as __require, t as __commonJSMin } from "./rolldown-runtime-B-lAHAz2.js";
|
|
2
2
|
import { i as $4e85f108e88277b8$export$d688439359537581, r as $4e85f108e88277b8$export$b0d3ecf7112093a7, t as $4e85f108e88277b8$export$698f465ec27e93df } from "./RSPContexts-DHQi1l7F.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, c as $b4b717babfbb907b$export$bebd5a1431fec25d, i as $9bf71ea28793e738$export$20e40289641fbbb6, n as $c8a5a149f625efcf$export$758399f318e6385a, r as $9bf71ea28793e738$export$1258395f99bf9cbf, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-
|
|
3
|
+
import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, g as $b5e257d569688ac6$export$535bd6ca7f90a273, h as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, l as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $64fa3d84918910a7$export$29f1550f4b0d4415, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, p as $ff5963eb1fccf552$export$e08e3b67e392101e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-D-KKbY-n.js";
|
|
4
|
+
import { a as $431fbd86ca7dc216$export$b204af158042fbac, n as $d4ee10de306f2510$export$cd4e5573fbe2b576, o as $431fbd86ca7dc216$export$f21a1ffae260145a, t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
|
|
5
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, c as $b4b717babfbb907b$export$bebd5a1431fec25d, i as $9bf71ea28793e738$export$20e40289641fbbb6, n as $c8a5a149f625efcf$export$758399f318e6385a, r as $9bf71ea28793e738$export$1258395f99bf9cbf, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-BvWiZS2N.js";
|
|
6
|
+
import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1 } from "./import-BXAtbYEe.js";
|
|
6
7
|
import { t as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./focusWithoutScrolling-DEPiLwKq.js";
|
|
7
8
|
import { a as $c87311424ea30a05$export$9ac100e40613ea10, c as $c87311424ea30a05$export$e1865c3bedcd822b, l as $c87311424ea30a05$export$fedb369cb70207f1 } from "./platform-df1ZXSJE.js";
|
|
8
9
|
import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, i as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, r as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, t as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./openLink-CIHtr0U7.js";
|
|
9
|
-
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-
|
|
10
|
-
import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-
|
|
11
|
-
import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1,
|
|
12
|
-
import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-
|
|
10
|
+
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
|
|
11
|
+
import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
|
|
12
|
+
import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, c as $d3f049242431219c$export$6d3443f2c48bfc20, i as $96b38030c423d352$export$9fc1347d4195ccb3, l as $9daab02d461809db$export$683480f191c0e3ea, o as $dd149f63282afbbf$export$f6211563215e3b37, r as $fc909762b330b746$export$61c6a8c84e605fb6, s as $d3f049242431219c$export$45fda7c47f93fd48, t as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-CyFI2DhX.js";
|
|
13
|
+
import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CjGFQh-l.js";
|
|
13
14
|
import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
|
|
14
|
-
import { t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
15
|
+
import { t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-D09S1dNt.js";
|
|
16
|
+
import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
|
|
17
|
+
import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
|
|
18
|
+
import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CWgME09A.js";
|
|
17
19
|
import { n as $f39a9eba43920ace$export$8dc98ba7eadeaa56, r as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-BtagiSrf.js";
|
|
18
20
|
import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
|
|
19
21
|
import $HgANd$react, { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as __exportAll } from "./rolldown-runtime-B-lAHAz2.js";
|
|
2
2
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
3
|
-
import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "./Dialog-
|
|
4
|
-
import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-
|
|
3
|
+
import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "./Dialog-Bl7F9FUP.js";
|
|
4
|
+
import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
|
|
5
5
|
import { r as modalOverlay } from "./modal.cva-CbziPHSN.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { s as $b4b717babfbb907b$export$4c063cf1350e6fed } from "./SelectionIndicator-
|
|
2
|
+
import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, m as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $64fa3d84918910a7$export$29f1550f4b0d4415, p as $ff5963eb1fccf552$export$e08e3b67e392101e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-D-KKbY-n.js";
|
|
3
|
+
import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
|
|
4
|
+
import { s as $b4b717babfbb907b$export$4c063cf1350e6fed } from "./SelectionIndicator-BvWiZS2N.js";
|
|
5
|
+
import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1 } from "./import-BXAtbYEe.js";
|
|
5
6
|
import { a as $c87311424ea30a05$export$9ac100e40613ea10, i as $c87311424ea30a05$export$7bef049ce92e4224 } from "./platform-df1ZXSJE.js";
|
|
6
|
-
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-
|
|
7
|
-
import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-
|
|
8
|
-
import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-
|
|
9
|
-
import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-
|
|
7
|
+
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
|
|
8
|
+
import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
|
|
9
|
+
import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
|
|
10
|
+
import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
|
|
10
11
|
import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
|
|
11
|
-
import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
12
|
-
import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-
|
|
12
|
+
import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CWgME09A.js";
|
|
13
|
+
import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-CTZ6UEfP.js";
|
|
13
14
|
import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
|
|
14
|
-
import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-
|
|
15
|
+
import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-BefLtZJe.js";
|
|
15
16
|
import { t as $df39c1238ae2b5f3$exports } from "./intlStrings-DrQB127v.js";
|
|
16
17
|
import $HgANd$react, { createContext, forwardRef, useEffect, useRef, useState } from "react";
|
|
17
18
|
import { PressResponder, useFocus, useInteractionModality } from "@react-aria/interactions";
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
|
|
2
2
|
import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
|
|
3
|
-
import { t as
|
|
4
|
-
import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-BSzrj50r.js";
|
|
3
|
+
import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-CjvQGNXu.js";
|
|
5
4
|
import { t as X } from "./x-BYOEO0gW.js";
|
|
6
5
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
7
|
-
import {
|
|
8
|
-
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-
|
|
6
|
+
import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
|
|
7
|
+
import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
|
|
9
8
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
10
9
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
11
|
-
import { t as Button } from "./Button-
|
|
10
|
+
import { t as Button } from "./Button-D9J5wkMv.js";
|
|
12
11
|
import { InlineIconButton } from "./components/inline-icon-button.js";
|
|
13
12
|
import { TextButton } from "./components/text-button.js";
|
|
14
13
|
import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
|
|
15
|
-
import "./
|
|
14
|
+
import { t as FormField } from "./FormField-Cl-t5Wi1.js";
|
|
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,37 +1,12 @@
|
|
|
1
|
-
import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
|
|
2
|
-
import { t as Tooltip } from "./Tooltip-CVBOnHy-.js";
|
|
3
1
|
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
|
-
import {
|
|
5
|
-
import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-a10cLlQM.js";
|
|
2
|
+
import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-BVczUvgv.js";
|
|
6
3
|
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
7
4
|
import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
|
|
8
5
|
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
9
6
|
import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
|
|
10
7
|
import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
|
|
8
|
+
import { Suspense, lazy } from "react";
|
|
11
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
-
/**
|
|
13
|
-
* @license lucide-react v1.28.0 - ISC
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the ISC license.
|
|
16
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/
|
|
18
|
-
const Info = createLucideIcon("info", [
|
|
19
|
-
["circle", {
|
|
20
|
-
cx: "12",
|
|
21
|
-
cy: "12",
|
|
22
|
-
r: "10",
|
|
23
|
-
key: "1mglay"
|
|
24
|
-
}],
|
|
25
|
-
["path", {
|
|
26
|
-
d: "M12 16v-4",
|
|
27
|
-
key: "1dtifu"
|
|
28
|
-
}],
|
|
29
|
-
["path", {
|
|
30
|
-
d: "M12 8h.01",
|
|
31
|
-
key: "e9boi3"
|
|
32
|
-
}]
|
|
33
|
-
]);
|
|
34
|
-
//#endregion
|
|
35
10
|
//#region src/components/inputs/FormField/formFieldHeader.cva.ts
|
|
36
11
|
const formFieldHeaderDefinition = UIOverrides.defineConfig({
|
|
37
12
|
base: [""],
|
|
@@ -137,6 +112,7 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
|
|
|
137
112
|
};
|
|
138
113
|
//#endregion
|
|
139
114
|
//#region src/components/inputs/FormField/FormFieldHeader.tsx
|
|
115
|
+
const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-C3nmuFKW.js"));
|
|
140
116
|
const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
|
|
141
117
|
const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
|
|
142
118
|
return /* @__PURE__ */ jsxs("div", {
|
|
@@ -150,13 +126,13 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
|
|
|
150
126
|
isRequired,
|
|
151
127
|
isDisabled,
|
|
152
128
|
labelProps
|
|
153
|
-
}), tooltipText
|
|
154
|
-
|
|
155
|
-
children: /* @__PURE__ */ jsx(
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
})
|
|
159
|
-
})]
|
|
129
|
+
}), tooltipText ? /* @__PURE__ */ jsx(Suspense, {
|
|
130
|
+
fallback: /* @__PURE__ */ jsx("span", { className: "size-6" }),
|
|
131
|
+
children: /* @__PURE__ */ jsx(FormFieldHeaderTooltip, {
|
|
132
|
+
text: tooltipText,
|
|
133
|
+
isDisabled
|
|
134
|
+
})
|
|
135
|
+
}) : null]
|
|
160
136
|
}), rightContent]
|
|
161
137
|
}), helperText && /* @__PURE__ */ jsx(Typography, {
|
|
162
138
|
slot: "description",
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
|
|
2
|
+
import { t as Tooltip } from "./Tooltip-D8YNkKCl.js";
|
|
3
|
+
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
|
+
import { t as Focusable } from "./import-BXAtbYEe.js";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
/**
|
|
7
|
+
* @license lucide-react v1.28.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
const Info = createLucideIcon("info", [
|
|
13
|
+
["circle", {
|
|
14
|
+
cx: "12",
|
|
15
|
+
cy: "12",
|
|
16
|
+
r: "10",
|
|
17
|
+
key: "1mglay"
|
|
18
|
+
}],
|
|
19
|
+
["path", {
|
|
20
|
+
d: "M12 16v-4",
|
|
21
|
+
key: "1dtifu"
|
|
22
|
+
}],
|
|
23
|
+
["path", {
|
|
24
|
+
d: "M12 8h.01",
|
|
25
|
+
key: "e9boi3"
|
|
26
|
+
}]
|
|
27
|
+
]);
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/inputs/FormField/FormFieldHeaderTooltip.tsx
|
|
30
|
+
const FormFieldHeaderTooltip = ({ text, isDisabled }) => /* @__PURE__ */ jsx(Tooltip, {
|
|
31
|
+
text,
|
|
32
|
+
children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(Info, {
|
|
33
|
+
className: clsx("size-6", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"),
|
|
34
|
+
tabIndex: 0
|
|
35
|
+
}) })
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { FormFieldHeaderTooltip as default };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { t as Tooltip } from "./Tooltip-D8YNkKCl.js";
|
|
2
|
+
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
3
|
+
import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-CUu8pI-a.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/inputs/shared/InlineTooltipWrapper.tsx
|
|
6
|
+
const InlineTooltipWrapper = ({ children, error, triggerClassName, triggerTabIndex }) => {
|
|
7
|
+
const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
|
|
8
|
+
return /* @__PURE__ */ jsx(Tooltip, {
|
|
9
|
+
text: error || void 0,
|
|
10
|
+
placement: "bottom",
|
|
11
|
+
color: "error",
|
|
12
|
+
hidden: !error,
|
|
13
|
+
isNonInteractiveTrigger: true,
|
|
14
|
+
triggerClassName: tooltipWrapperTriggerCva({ className: triggerClassName }),
|
|
15
|
+
triggerTabIndex,
|
|
16
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
17
|
+
tabIndex: -1,
|
|
18
|
+
className: tooltipWrapperTriggerCva({}),
|
|
19
|
+
children
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { InlineTooltipWrapper as default };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { d as $
|
|
1
|
+
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $64fa3d84918910a7$export$29f1550f4b0d4415, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e } from "./utils-D-KKbY-n.js";
|
|
2
|
+
import { i as useHover } from "./import-BXAtbYEe.js";
|
|
2
3
|
import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
|
|
3
4
|
import { t as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-BtagiSrf.js";
|
|
4
5
|
import $HgANd$react, { createContext } from "react";
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { t as PasswordInput } from "./PasswordInput-
|
|
2
|
-
import { t as Checkbox } from "./Checkbox-
|
|
3
|
-
import { t as Slider } from "./Slider-
|
|
4
|
-
import { t as DateRangePicker } from "./DateRangePicker-
|
|
5
|
-
import { t as Toggle } from "./Toggle-
|
|
6
|
-
import { t as TextArea } from "./TextArea-
|
|
1
|
+
import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
|
|
2
|
+
import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
|
|
3
|
+
import { t as Slider } from "./Slider-CGESXeRj.js";
|
|
4
|
+
import { t as DateRangePicker } from "./DateRangePicker-DH4Eg6sF.js";
|
|
5
|
+
import { t as Toggle } from "./Toggle-bWM3RSXY.js";
|
|
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
|
-
import { t as Segment } from "./Segment
|
|
18
|
-
import { t as TimePicker } from "./TimePicker-
|
|
17
|
+
import { t as Segment } from "./Segment-BAVcQyuY.js";
|
|
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
|