@payfit/unity-components 2.21.13 → 2.21.14

package/dist/esm/hooks/use-tanstack-form.d.ts

@@ -8,6 +8,7 @@ export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('
     readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectInput: MultiSelectComponent & {
         displayName: string;
     };
@@ -33,6 +34,11 @@ export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('
         helperText?: import('react').ReactNode;
         contextualLink?: import('react').ReactNode;
     } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
         ref?: import('react').ForwardedRef<HTMLButtonElement>;
     }) => React.JSX.Element) & {
@@ -80,6 +86,7 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
     readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectInput: MultiSelectComponent & {
         displayName: string;
     };
@@ -105,6 +112,11 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
         helperText?: import('react').ReactNode;
         contextualLink?: import('react').ReactNode;
     } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
         ref?: import('react').ForwardedRef<HTMLButtonElement>;
     }) => React.JSX.Element) & {
@@ -152,6 +164,7 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
         readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectInput: MultiSelectComponent & {
             displayName: string;
         };
@@ -177,6 +190,11 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
             helperText?: import('react').ReactNode;
             contextualLink?: import('react').ReactNode;
         } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
             ref?: import('react').ForwardedRef<HTMLButtonElement>;
         }) => React.JSX.Element) & {
@@ -225,6 +243,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
     readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectInput: MultiSelectComponent & {
         displayName: string;
     };
@@ -250,6 +269,11 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         helperText?: import('react').ReactNode;
         contextualLink?: import('react').ReactNode;
     } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
     readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
         ref?: import('react').ForwardedRef<HTMLButtonElement>;
     }) => React.JSX.Element) & {
@@ -297,6 +321,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectInput: MultiSelectComponent & {
             displayName: string;
         };
@@ -322,6 +347,11 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
             helperText?: import('react').ReactNode;
             contextualLink?: import('react').ReactNode;
         } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
             ref?: import('react').ForwardedRef<HTMLButtonElement>;
         }) => React.JSX.Element) & {
@@ -368,6 +398,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectInput: MultiSelectComponent & {
             displayName: string;
         };
@@ -393,6 +424,11 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
             helperText?: import('react').ReactNode;
             contextualLink?: import('react').ReactNode;
         } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
         readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
             ref?: import('react').ForwardedRef<HTMLButtonElement>;
         }) => React.JSX.Element) & {

package/dist/esm/hooks/use-tanstack-form.js

@@ -43,10 +43,16 @@ const i = e(
     default: t.TanstackDatePicker
   }))
 ), m = e(
+  () => import("../components/date-range-picker/TanstackDateRangePicker.js").then(
+    (t) => ({
+      default: t.TanstackDateRangePicker
+    })
+  )
+), h = e(
   () => import("../components/multi-select/TanstackMultiSelect.js").then((t) => ({
     default: t.TanstackMultiSelect
   }))
-), h = e(
+), f = e(
   () => import("../components/phone-number/TanstackPhoneNumberInput.js").then((t) => ({
     default: t.TanstackPhoneNumberInput
   }))
@@ -56,21 +62,21 @@ const i = e(
       default: t.TanstackPhoneNumberField
     })
   )
-), f = e(
+), G = e(
   () => import("../components/number-input/TanstackNumberInput.js").then((t) => ({
     default: t.TanstackNumberInput
   }))
-), G = e(
+), S = e(
   () => import("../components/radio-button-group/TanstackRadioButtonGroup.js").then(
     (t) => ({
       default: t.TanstackRadioButtonGroup
     })
   )
-), S = e(
+), C = e(
   () => import("../components/selectable-button-group/TanstackSelectableButtonGroup.js").then((t) => ({
     default: t.TanstackSelectableButtonGroup
   }))
-), C = e(
+), I = e(
   () => import("../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js").then((t) => ({
     default: t.TanstackSelectableCardCheckboxGroup
   }))
@@ -78,7 +84,7 @@ const i = e(
   () => import("../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js").then((t) => ({
     default: t.TanstackSelectableCardRadioGroup
   }))
-), I = e(
+), g = e(
   () => import("../components/select/TanstackSelect.js").then((t) => ({
     default: t.TanstackSelect
   }))
@@ -86,21 +92,21 @@ const i = e(
   () => import("../components/text-area/TanstackTextArea.js").then((t) => ({
     default: t.TanstackTextArea
   }))
-), g = e(
+), R = e(
   () => import("../components/input/TanstackInput.js").then((t) => ({
     default: t.TanstackInput
   }))
-), R = e(
+), P = e(
   () => import("../components/toggle-switch-group/TanstackToggleSwitchGroup.js").then(
     (t) => ({
       default: t.TanstackToggleSwitchGroup
     })
   )
-), P = e(
+), B = e(
   () => import("../components/toggle-switch/TanstackToggleSwitch.js").then((t) => ({
     default: t.TanstackToggleSwitch
   }))
-), B = e(
+), D = e(
   () => import("../components/checkbox-group-field/TanstackCheckGroupField.js").then(
     (t) => ({
       default: t.TanstackCheckGroupField
@@ -113,80 +119,84 @@ const i = e(
     })
   )
 ), V = e(
+  () => import("../components/date-range-picker-field/TanstackDateRangePickerField.js").then((t) => ({
+    default: t.TanstackDateRangePickerField
+  }))
+), H = e(
   () => import("../components/multi-select-field/TanstackMultiSelectField.js").then(
     (t) => ({
       default: t.TanstackMultiSelectField
     })
   )
-), H = e(
+), L = e(
   () => import("../components/number-field/TanstackNumberField.js").then((t) => ({
     default: t.TanstackNumberField
   }))
-), D = e(
+), M = e(
   () => import("../components/radio-button-group-field/TanstackRadioButtonGroupField.js").then((t) => ({
     default: t.TanstackRadioButtonGroupField
   }))
-), L = e(
+), A = e(
   () => import("../components/select-field/TanstackSelectField.js").then((t) => ({
     default: t.TanstackSelectField
   }))
-), M = e(
+), E = e(
   () => import("../components/selectable-button-group-field/TanstackSelectableButtonGroupField.js").then((t) => ({
     default: t.TanstackSelectableButtonGroupField
   }))
-), A = e(
+), y = e(
   () => import("../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js").then((t) => ({
     default: t.TanstackSelectableCardCheckboxGroupField
   }))
-), E = e(
+), z = e(
   () => import("../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js").then((t) => ({
     default: t.TanstackSelectableCardRadioGroupField
   }))
-), y = e(
+), U = e(
   () => import("../components/text-field/TanstackTextField.js").then((t) => ({
     default: t.TanstackTextField
   }))
-), z = e(
+), j = e(
   () => import("../components/toggle-switch-field/TanstackToggleSwitchField.js").then(
     (t) => ({
       default: t.TanstackToggleSwitchField
     })
   )
-), U = e(
+), q = e(
   () => import("../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js").then((t) => ({
     default: t.TanstackToggleSwitchGroupField
   }))
-), j = e(
+), v = e(
   () => import("../components/inline-field-group/InlineFieldGroup.js").then((t) => ({
     default: t.InlineFieldGroup
   }))
-), q = e(
+), J = e(
   () => import("../components/inline-field-group/parts/InlineFieldGroupHeader.js").then(
     (t) => ({
       default: t.InlineFieldGroupHeader
     })
   )
-), v = e(
+), K = e(
   () => import("../components/inline-field-group/parts/InlineFieldGroupReadView.js").then((t) => ({
     default: t.InlineFieldGroupReadView
   }))
-), J = e(
+), O = e(
   () => import("../components/inline-field-group/parts/InlineFieldGroupEditView.js").then((t) => ({
     default: t.InlineFieldGroupEditView
   }))
-), K = e(
+), Q = e(
   () => import("../components/password-field/TanstackPasswordField.js").then((t) => ({
     default: t.TanstackPasswordField
   }))
-), O = e(
+), W = e(
   () => import("../components/inline-field/parts/InlineFieldEditView.js").then((t) => ({
     default: t.InlineFieldEditView
   }))
-), Q = e(
+), X = e(
   () => import("../components/inline-field/parts/InlineFieldReadView.js").then((t) => ({
     default: t.InlineFieldReadView
   }))
-), W = e(
+), Y = e(
   () => import("../components/inline-field/InlineField.js").then((t) => ({
     default: t.InlineField
   }))
@@ -202,52 +212,54 @@ const i = e(
     CheckboxGroupInput: k,
     CheckboxInput: T,
     DatePickerInput: F,
-    MultiSelectInput: m,
-    PhoneNumberInput: h,
-    NumberInput: f,
-    RadioButtonInput: G,
-    SelectableButtonGroupInput: S,
-    SelectableCardCheckboxGroupInput: C,
+    DateRangePickerInput: m,
+    MultiSelectInput: h,
+    PhoneNumberInput: f,
+    NumberInput: G,
+    RadioButtonInput: S,
+    SelectableButtonGroupInput: C,
+    SelectableCardCheckboxGroupInput: I,
     SelectableCardRadioGroupInput: x,
-    SelectInput: I,
+    SelectInput: g,
     TextAreaInput: w,
-    TextInput: g,
-    ToggleSwitchGroupInput: R,
-    ToggleSwitchInput: P,
+    TextInput: R,
+    ToggleSwitchGroupInput: P,
+    ToggleSwitchInput: B,
     // Field organisms
     CheckboxField: i,
-    CheckboxGroupField: B,
+    CheckboxGroupField: D,
     DatePickerField: N,
-    MultiSelectField: V,
-    NumberField: H,
-    PasswordField: K,
+    DateRangePickerField: V,
+    MultiSelectField: H,
+    NumberField: L,
+    PasswordField: Q,
     PhoneNumberField: b,
-    RadioButtonGroupField: D,
-    SelectableButtonGroupField: M,
-    SelectableCardCheckboxGroupField: A,
-    SelectableCardRadioGroupField: E,
-    SelectField: L,
-    TextField: y,
-    ToggleSwitchField: z,
-    ToggleSwitchGroupField: U,
+    RadioButtonGroupField: M,
+    SelectableButtonGroupField: E,
+    SelectableCardCheckboxGroupField: y,
+    SelectableCardRadioGroupField: z,
+    SelectField: A,
+    TextField: U,
+    ToggleSwitchField: j,
+    ToggleSwitchGroupField: q,
     // Inline Edition components
-    InlineField: W,
-    InlineFieldReadView: Q,
-    InlineFieldEditView: O
+    InlineField: Y,
+    InlineFieldReadView: X,
+    InlineFieldEditView: W
   },
   formComponents: {
     Form: o,
     // Inline Edition components
-    InlineFieldGroup: j,
-    InlineFieldGroupHeader: q,
-    InlineFieldGroupReadView: v,
-    InlineFieldGroupEditView: J
+    InlineFieldGroup: v,
+    InlineFieldGroupHeader: J,
+    InlineFieldGroupReadView: K,
+    InlineFieldGroupEditView: O
   },
   fieldContext: c,
   formContext: l
-}), $ = a.useAppForm, tt = a.withForm, et = a.withFieldGroup;
+}), et = a.useAppForm, at = a.withForm, nt = a.withFieldGroup;
 export {
-  $ as useTanstackUnityForm,
-  et as withFieldGroup,
-  tt as withForm
+  et as useTanstackUnityForm,
+  nt as withFieldGroup,
+  at as withForm
 };

package/dist/esm/index.d.ts

@@ -46,6 +46,8 @@ export * from './components/data-table/parts/DataTableRoot.js';
 export * from './components/data-table/parts/DataTableBulkActions.js';
 export * from './components/date-calendar/DateCalendar.js';
 export * from './components/date-picker/DatePicker.js';
+export * from './components/date-range-calendar/DateRangeCalendar.js';
+export * from './components/date-range-picker/DateRangePicker.js';
 export * from './components/definition-tooltip/DefinitionTooltip.js';
 export * from './components/dialog/Dialog.js';
 export * from './components/dialog/parts/DialogActions.js';