@payfit/unity-components 2.46.13 → 2.46.14

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

@@ -0,0 +1,287 @@
+import { lazy as e } from "react";
+import { createFormHook as n } from "@tanstack/react-form";
+import { TanstackForm as o } from "../components/form/TanstackForm.js";
+import { formContext as l, fieldContext as c } from "./tanstack-form-context.js";
+const i = e(
+  () => import("../components/checkbox-field/TanstackCheckboxField.js").then((t) => ({
+    default: t.TanstackCheckboxField
+  }))
+), r = e(
+  () => import("../components/form-field/parts/TanstackFormFeedbackText.js").then(
+    (t) => ({
+      default: t.TanstackFormFeedbackText
+    })
+  )
+), d = e(
+  () => import("../components/form-field/parts/TanstackFormHelperText.js").then((t) => ({
+    default: t.TanstackFormHelperText
+  }))
+), u = e(
+  () => import("../components/form-field/parts/TanstackFormLabel.js").then((t) => ({
+    default: t.TanstackFormLabel
+  }))
+), s = e(
+  () => import("../components/form-field/parts/TanstackRawFormContextualLink.js").then(
+    (t) => ({
+      default: t.TanstackRawFormContextualLink
+    })
+  )
+), p = e(
+  () => import("../components/form-field/TanstackFormField.js").then((t) => ({
+    default: t.TanstackFormField
+  }))
+), k = e(
+  () => import("../components/checkbox-group/TanstackCheckboxGroup.js").then((t) => ({
+    default: t.TanstackCheckboxGroup
+  }))
+), T = e(
+  () => import("../components/checkbox/TanstackCheckbox.js").then((t) => ({
+    default: t.TanstackCheckbox
+  }))
+), F = e(
+  () => import("../components/date-picker/TanstackDatePicker.js").then((t) => ({
+    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
+  }))
+), f = e(
+  () => import("../components/phone-number/TanstackPhoneNumberInput.js").then((t) => ({
+    default: t.TanstackPhoneNumberInput
+  }))
+), b = e(
+  () => import("../components/phone-number-field/TanstackPhoneNumberField.js").then(
+    (t) => ({
+      default: t.TanstackPhoneNumberField
+    })
+  )
+), G = e(
+  () => import("../components/number-input/TanstackNumberInput.js").then((t) => ({
+    default: t.TanstackNumberInput
+  }))
+), S = e(
+  () => import("../components/radio-button-group/TanstackRadioButtonGroup.js").then(
+    (t) => ({
+      default: t.TanstackRadioButtonGroup
+    })
+  )
+), C = e(
+  () => import("../components/selectable-button-group/TanstackSelectableButtonGroup.js").then(
+    (t) => ({
+      default: t.TanstackSelectableButtonGroup
+    })
+  )
+), I = e(
+  () => import("../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js").then(
+    (t) => ({
+      default: t.TanstackSelectableCardCheckboxGroup
+    })
+  )
+), x = e(
+  () => import("../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js").then(
+    (t) => ({
+      default: t.TanstackSelectableCardRadioGroup
+    })
+  )
+), g = e(
+  () => import("../components/select/TanstackSelect.js").then((t) => ({
+    default: t.TanstackSelect
+  }))
+), w = e(
+  () => import("../components/text-area/TanstackTextArea.js").then((t) => ({
+    default: t.TanstackTextArea
+  }))
+), R = e(
+  () => import("../components/input/TanstackInput.js").then((t) => ({
+    default: t.TanstackInput
+  }))
+), P = e(
+  () => import("../components/toggle-switch-group/TanstackToggleSwitchGroup.js").then(
+    (t) => ({
+      default: t.TanstackToggleSwitchGroup
+    })
+  )
+), B = e(
+  () => import("../components/toggle-switch/TanstackToggleSwitch.js").then((t) => ({
+    default: t.TanstackToggleSwitch
+  }))
+), D = e(
+  () => import("../components/checkbox-group-field/TanstackCheckGroupField.js").then(
+    (t) => ({
+      default: t.TanstackCheckGroupField
+    })
+  )
+), N = e(
+  () => import("../components/date-picker-field/TanstackDatePickerField.js").then(
+    (t) => ({
+      default: t.TanstackDatePickerField
+    })
+  )
+), 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
+    })
+  )
+), L = e(
+  () => import("../components/number-field/TanstackNumberField.js").then((t) => ({
+    default: t.TanstackNumberField
+  }))
+), M = e(
+  () => import("../components/radio-button-group-field/TanstackRadioButtonGroupField.js").then(
+    (t) => ({
+      default: t.TanstackRadioButtonGroupField
+    })
+  )
+), A = e(
+  () => import("../components/select-field/TanstackSelectField.js").then((t) => ({
+    default: t.TanstackSelectField
+  }))
+), E = e(
+  () => import("../components/selectable-button-group-field/TanstackSelectableButtonGroupField.js").then(
+    (t) => ({
+      default: t.TanstackSelectableButtonGroupField
+    })
+  )
+), y = e(
+  () => import("../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js").then(
+    (t) => ({
+      default: t.TanstackSelectableCardCheckboxGroupField
+    })
+  )
+), z = e(
+  () => import("../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js").then(
+    (t) => ({
+      default: t.TanstackSelectableCardRadioGroupField
+    })
+  )
+), U = e(
+  () => import("../components/text-field/TanstackTextField.js").then((t) => ({
+    default: t.TanstackTextField
+  }))
+), j = e(
+  () => import("../components/toggle-switch-field/TanstackToggleSwitchField.js").then(
+    (t) => ({
+      default: t.TanstackToggleSwitchField
+    })
+  )
+), q = e(
+  () => import("../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js").then(
+    (t) => ({
+      default: t.TanstackToggleSwitchGroupField
+    })
+  )
+), v = e(
+  () => import("../components/inline-field-group/InlineFieldGroup.js").then((t) => ({
+    default: t.InlineFieldGroup
+  }))
+), J = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupHeader.js").then(
+    (t) => ({
+      default: t.InlineFieldGroupHeader
+    })
+  )
+), K = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupReadView.js").then(
+    (t) => ({
+      default: t.InlineFieldGroupReadView
+    })
+  )
+), O = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupEditView.js").then(
+    (t) => ({
+      default: t.InlineFieldGroupEditView
+    })
+  )
+), Q = e(
+  () => import("../components/password-field/TanstackPasswordField.js").then((t) => ({
+    default: t.TanstackPasswordField
+  }))
+), W = e(
+  () => import("../components/inline-field/parts/InlineFieldEditView.js").then((t) => ({
+    default: t.InlineFieldEditView
+  }))
+), X = e(
+  () => import("../components/inline-field/parts/InlineFieldReadView.js").then((t) => ({
+    default: t.InlineFieldReadView
+  }))
+), Y = e(
+  () => import("../components/inline-field/InlineField.js").then((t) => ({
+    default: t.InlineField
+  }))
+), a = n({
+  fieldComponents: {
+    // Base components for field building
+    FieldFeedbackText: r,
+    FieldHelperText: d,
+    FieldLabel: u,
+    FieldRawContextualLink: s,
+    Field: p,
+    // bound input components
+    CheckboxGroupInput: k,
+    CheckboxInput: T,
+    DatePickerInput: F,
+    DateRangePickerInput: m,
+    MultiSelectInput: h,
+    PhoneNumberInput: f,
+    NumberInput: G,
+    RadioButtonInput: S,
+    SelectableButtonGroupInput: C,
+    SelectableCardCheckboxGroupInput: I,
+    SelectableCardRadioGroupInput: x,
+    SelectInput: g,
+    TextAreaInput: w,
+    TextInput: R,
+    ToggleSwitchGroupInput: P,
+    ToggleSwitchInput: B,
+    // Field organisms
+    CheckboxField: i,
+    CheckboxGroupField: D,
+    DatePickerField: N,
+    DateRangePickerField: V,
+    MultiSelectField: H,
+    NumberField: L,
+    PasswordField: Q,
+    PhoneNumberField: b,
+    RadioButtonGroupField: M,
+    SelectableButtonGroupField: E,
+    SelectableCardCheckboxGroupField: y,
+    SelectableCardRadioGroupField: z,
+    SelectField: A,
+    TextField: U,
+    ToggleSwitchField: j,
+    ToggleSwitchGroupField: q,
+    // Inline Edition components
+    InlineField: Y,
+    InlineFieldReadView: X,
+    InlineFieldEditView: W
+  },
+  formComponents: {
+    Form: o,
+    // Inline Edition components
+    InlineFieldGroup: v,
+    InlineFieldGroupHeader: J,
+    InlineFieldGroupReadView: K,
+    InlineFieldGroupEditView: O
+  },
+  fieldContext: c,
+  formContext: l
+}), et = a.useAppForm, at = a.withForm, nt = a.withFieldGroup;
+export {
+  et as useTanstackUnityForm,
+  nt as withFieldGroup,
+  at as withForm
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,233 @@
+export * from './components/actionable/Actionable.js';
+export * from './components/action-bar/ActionBar.js';
+export * from './components/action-bar/parts/ActionBarButton.js';
+export * from './components/action-bar/parts/ActionBarIconButton.js';
+export * from './components/action-bar/parts/ActionBarRoot.js';
+export * from './components/alert/Alert.js';
+export * from './components/alert/parts/AlertActions.js';
+export * from './components/alert/parts/AlertContent.js';
+export * from './components/alert/parts/AlertTitle.js';
+export * from './components/anchor/Anchor.js';
+export * from './components/app-layout/AppLayout.js';
+export * from './components/app-menu/AppMenu.js';
+export * from './components/app-menu/parts/AppMenu.context.js';
+export * from './components/app-menu/parts/AppMenuFooter.js';
+export * from './components/app-menu/parts/AppMenuHeader.js';
+export * from './components/app-menu/parts/AppMenuNavContent.js';
+export * from './components/autocomplete/Autocomplete.js';
+export * from './components/autocomplete/parts/AutocompleteItem.js';
+export * from './components/autocomplete/parts/AutocompleteItemGroup.js';
+export * from './components/avatar/Avatar.js';
+export * from './components/avatar/parts/AvatarFallback.js';
+export * from './components/avatar/parts/AvatarIcon.js';
+export * from './components/avatar/parts/AvatarImage.js';
+export * from './components/avatar/parts/AvatarPair.js';
+export * from './components/avatar/utils.js';
+export * from './components/badge/Badge.js';
+export * from './components/badge/parts/BadgeDot.js';
+export * from './components/bottom-sheet/BottomSheet.js';
+export * from './components/bottom-sheet/parts/BottomSheetContent.js';
+export * from './components/bottom-sheet/parts/BottomSheetFooter.js';
+export * from './components/bottom-sheet/parts/BottomSheetHeader.js';
+export * from './components/breadcrumbs/Breadcrumbs.js';
+export * from './components/breadcrumbs/parts/Breadcrumb.js';
+export * from './components/breadcrumbs/parts/RawBreadcrumbLink.js';
+export * from './components/button/Button.js';
+export * from './components/card/Card.js';
+export * from './components/card/parts/CardTitle.js';
+export * from './components/card/parts/CardContent.js';
+export * from './components/checkbox-group/CheckboxGroup.js';
+export * from './components/checkbox/Checkbox.js';
+export * from './components/checkbox/CheckboxStandalone.js';
+export * from './components/collapsible/Collapsible.js';
+export * from './components/collapsible/parts/CollapsibleContent.js';
+export * from './components/collapsible/parts/CollapsibleTitle.js';
+export * from './components/data-table/DataTable.js';
+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';
+export * from './components/dialog/parts/DialogActions/DialogButton.js';
+export * from './components/dialog/parts/DialogContent.js';
+export * from './components/dialog/parts/DialogTitle.js';
+export * from './components/promo-dialog/PromoDialog.js';
+export * from './components/promo-dialog/parts/PromoDialogHero.js';
+export * from './components/promo-dialog/parts/PromoDialogSubtitle.js';
+export * from './components/promo-dialog/parts/PromoDialogContent.js';
+export * from './components/promo-dialog/parts/PromoDialogActions.js';
+export * from './components/promo-dialog/parts/PromoDialogTitle.js';
+export * from './components/empty-state/EmptyState.js';
+export * from './components/empty-state/parts/EmptyStateIcon.js';
+export * from './components/empty-state/parts/EmptyStateContent.js';
+export * from './components/empty-state/parts/EmptyStateActions.js';
+export * from './components/empty-state/presets/EmptyStateGetStarted.js';
+export * from './components/empty-state/presets/EmptyStateWaitingForData.js';
+export * from './components/empty-state/presets/EmptyStateGoodJob.js';
+export * from './components/empty-state/presets/EmptyStateUpgradeRequired.js';
+export * from './components/empty-state/presets/EmptyStateNoSearchResults.js';
+export * from './components/empty-state/presets/EmptyStateUseDesktop.js';
+export * from './components/error-state/ErrorState.js';
+export * from './components/fieldset/Fieldset.js';
+export * from './components/fieldset/parts/FieldGroup.js';
+export * from './components/filter/Filter.js';
+export * from './components/floating-action-bar/FloatingActionBar.js';
+export * from './components/filter-toolbar/FilterToolbar.js';
+export * from './components/flex/Flex.js';
+export * from './components/flex/Flex.variants.js';
+export * from './components/flex/FlexItem.js';
+export * from './components/form/Form.js';
+export * from './components/full-page-loader/FullPageLoader.js';
+export * from './components/funnel-layout/FunnelLayout.js';
+export * from './components/funnel-layout/parts/FunnelBody.js';
+export * from './components/funnel-layout/parts/FunnelPage.js';
+export * from './components/funnel-layout/parts/FunnelPageAction.js';
+export * from './components/funnel-layout/parts/FunnelPageActions.js';
+export * from './components/funnel-layout/parts/FunnelPageContent.js';
+export * from './components/funnel-layout/parts/FunnelBackButton.js';
+export * from './components/funnel-layout/parts/FunnelPageFooter.js';
+export * from './components/funnel-layout/parts/FunnelPageHeader.js';
+export * from './components/funnel-layout/parts/FunnelSidebar.js';
+export * from './components/funnel-layout/parts/FunnelTopBar.js';
+export * from './components/grid/Grid.js';
+export * from './components/grid/Grid.variants.js';
+export * from './components/grid/GridItem.js';
+export * from './components/icon-button/IconButton.js';
+export * from './components/icon-button/CircularIconButton.js';
+export * from './components/icon/Icon.js';
+export * from './components/input/Input.js';
+export * from './components/label/Label.js';
+export * from './components/link/RawLink.js';
+export * from './components/link-button/RawLinkButton.js';
+export * from './components/list-view/ListView.js';
+export * from './components/list-view/parts/RawListViewItem.js';
+export * from './components/list-view/parts/ListViewSection.js';
+export * from './components/list-view/parts/ListViewItemLabel.js';
+export * from './components/list-view/parts/ListViewItemText.js';
+export * from './components/menu/Menu.js';
+export * from './components/menu/parts/MenuContent.js';
+export * from './components/menu/parts/MenuHeader.js';
+export * from './components/menu/parts/MenuSection.js';
+export * from './components/menu/parts/RawMenuItem.js';
+export * from './components/menu/parts/MenuSeparator.js';
+export * from './components/menu/parts/MenuTrigger.js';
+export * from './components/multi-select/MultiSelect.js';
+export * from './components/multi-select/parts/MultiSelectOptGroup.js';
+export * from './components/multi-select/parts/MultiSelectOption.js';
+export * from './components/nav/Nav.js';
+export * from './components/nav/parts/NavGroup.js';
+export * from './components/nav/parts/RawNavItem.js';
+export * from './components/navigation-card/NavigationCard.js';
+export * from './components/navigation-card/parts/NavigationCardGroup.js';
+export * from './components/navigation-card/parts/NavigationCardLabel.js';
+export * from './components/navigation-card/parts/NavigationCardDescription.js';
+export * from './components/number-input/NumberInput.js';
+export * from './components/page/Page.js';
+export * from './components/page/parts/PageHeader.js';
+export * from './components/page/parts/PageHeading.js';
+export * from './components/pagination/Pagination.js';
+export * from './components/pagination/parts/PaginationContent.js';
+export * from './components/pagination/parts/PaginationItem.js';
+export * from './components/pagination/parts/RawPaginationLink.js';
+export * from './components/pagination/parts/RawPaginationPrevious.js';
+export * from './components/pagination/parts/RawPaginationNext.js';
+export * from './components/pagination/parts/PaginationEllipsis.js';
+export * from './components/pagination/hooks/use-pagination-window.js';
+export * from './components/pagination/hooks/use-pagination-state.js';
+export * from './components/payfit-brand/PayFitBrand.js';
+export * from './components/payfit-brand/PayFitPreprod.js';
+export * from './components/phone-number/PhoneNumberInput.js';
+export * from './components/pill/Pill.js';
+export * from './components/popover/Popover.js';
+export * from './components/progress-bar/ProgressBar.js';
+export * from './components/radio-button-group/RadioButtonGroup.js';
+export * from './components/radio-button-group/parts/RadioButton.js';
+export * from './components/radio-button-group/parts/RadioButtonHelper.js';
+export * from './components/search/Search.js';
+export * from './components/segmented-button-group/SegmentedButtonGroup.js';
+export * from './components/segmented-button-group/parts/ToggleButton.js';
+export * from './components/selectable-button-group/SelectableButtonGroup.js';
+export * from './components/selectable-button-group/parts/SelectableButton.js';
+export * from './components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js';
+export * from './components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js';
+export * from './components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js';
+export * from './components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js';
+export * from './components/select/Select.js';
+export * from './components/select/parts/SelectButton.js';
+export * from './components/select/parts/SelectOption.js';
+export * from './components/select/parts/SelectOptionGroup.js';
+export * from './components/select/parts/SelectOptionHelper.js';
+export * from './components/side-panel/SidePanel.js';
+export * from './components/side-panel/parts/SidePanelContent.js';
+export * from './components/side-panel/parts/SidePanelFooter.js';
+export * from './components/side-panel/parts/SidePanelHeader.js';
+export * from './components/skip-links/SkipLinks.js';
+export * from './components/spinner/Spinner.js';
+export * from './components/table/Table.js';
+export * from './components/table/parts/TableBody.js';
+export * from './components/table/parts/TableCell.js';
+export * from './components/table/parts/TableColumnHeader.js';
+export * from './components/table/parts/TableEmptyState.js';
+export * from './components/table/parts/TableHeader.js';
+export * from './components/table/parts/TablePagination.js';
+export * from './components/table/parts/TableRow.js';
+export * from './components/tabs/Tabs.js';
+export * from './components/tabs/parts/RawTab.js';
+export * from './components/tabs/parts/TabList.js';
+export * from './components/tabs/parts/TabPanel.js';
+export * from './components/task-menu/TaskMenu.js';
+export * from './components/task-menu/parts/RawSubTask.js';
+export * from './components/task-menu/parts/RawTask.js';
+export * from './components/task-menu/parts/TaskGroup.js';
+export * from './components/text-area/TextArea.js';
+export * from './components/text/Text.js';
+export * from './components/text/Text.variants.js';
+export * from './components/timeline/Timeline.js';
+export * from './components/timeline/parts/TimelineStep.js';
+export * from './components/timeline/parts/TimelineStepHeader.js';
+export * from './components/timeline/parts/TimelineStepDescription.js';
+export * from './components/toast/ToastManager.js';
+export * from './components/toast/toast.js';
+export * from './components/toggle-switch-group/ToggleSwitchGroup.js';
+export * from './components/toggle-switch/ToggleSwitch.js';
+export * from './components/tooltip/Tooltip.js';
+export * from './hooks/use-async-list.js';
+export * from './hooks/use-breakpoint-listener.js';
+export * from './hooks/use-container-query-level.js';
+export * from './hooks/use-media-query.js';
+export * from './hooks/use-form.js';
+export * from './components/checkbox-field/CheckboxField.js';
+export * from './components/checkbox-group-field/CheckboxGroupField.js';
+export * from './components/date-picker-field/DatePickerField.js';
+export * from './components/form-field/FormField.js';
+export * from './components/form-field/parts/RawFormContextualLink.js';
+export * from './components/form-field/parts/FormControl.js';
+export * from './components/form-field/parts/FormFeedbackText.js';
+export * from './components/form-field/parts/FormHelperText.js';
+export * from './components/form-field/parts/FormLabel.js';
+export * from './components/multi-select-field/MultiSelectField.js';
+export * from './components/number-field/NumberField.js';
+export * from './components/radio-button-group-field/RadioButtonGroupField.js';
+export * from './components/selectable-button-group-field/SelectableButtonGroupField.js';
+export * from './components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js';
+export * from './components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js';
+export * from './components/select-field/SelectField.js';
+export * from './components/text-field/TextField.js';
+export * from './components/toggle-switch-field/ToggleSwitchField.js';
+export * from './components/toggle-switch-group-field/ToggleSwitchGroupField.js';
+export * from './hooks/use-tanstack-form.js';
+export * from './hooks/tanstack-form-default-values.js';
+export { useFormContext, useFieldContext } from './hooks/tanstack-form-context.js';
+export { useFieldA11yContext } from './components/form-field/TanstackFormField.context.js';
+export { fieldRevalidateLogic } from './utils/field-revalidate-logic.js';
+export type { FieldRevalidateLogicProps } from './utils/field-revalidate-logic.js';
+export * from './providers/router/RouterProvider.js';
+export * from './components/carousel/Carousel.js';
+export * from './components/carousel/parts/CarouselHeader.js';
+export * from './components/carousel/parts/CarouselNav.js';
+export * from './components/carousel/parts/CarouselContent.js';
+export * from './components/carousel/parts/CarouselSlide.js';