@payfit/unity-components 2.0.0 → 2.1.4

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

@@ -0,0 +1,209 @@
+import { lazy as e } from "react";
+import { createFormHook as o } from "@tanstack/react-form";
+import { TanstackForm as n } from "../components/form/TanstackForm.js";
+import { formContext as c, fieldContext as l } from "./tanstack-form-context.js";
+const r = e(
+  () => import("../components/checkbox-field/TanstackCheckboxField.js").then((t) => ({
+    default: t.TanstackCheckboxField
+  }))
+), i = e(
+  () => import("../components/form-field/parts/TanstackFormFeedbackText.js").then(
+    (t) => ({
+      default: t.TanstackFormFeedbackText
+    })
+  )
+), u = e(
+  () => import("../components/form-field/parts/TanstackFormHelperText.js").then((t) => ({
+    default: t.TanstackFormHelperText
+  }))
+), d = 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
+  }))
+), m = e(
+  () => import("../components/date-picker/TanstackDatePicker.js").then((t) => ({
+    default: t.TanstackDatePicker
+  }))
+), 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
+    })
+  )
+), f = 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
+  }))
+), G = 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
+  }))
+), I = e(
+  () => import("../components/text-area/TanstackTextArea.js").then((t) => ({
+    default: t.TanstackTextArea
+  }))
+), w = e(
+  () => import("../components/input/TanstackInput.js").then((t) => ({
+    default: t.TanstackInput
+  }))
+), R = 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
+  }))
+), N = e(
+  () => import("../components/checkbox-group-field/TanstackCheckGroupField.js").then(
+    (t) => ({
+      default: t.TanstackCheckGroupField
+    })
+  )
+), P = e(
+  () => import("../components/date-picker-field/TanstackDatePickerField.js").then(
+    (t) => ({
+      default: t.TanstackDatePickerField
+    })
+  )
+), D = 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
+  }))
+), H = e(
+  () => import("../components/select-field/TanstackSelectField.js").then((t) => ({
+    default: t.TanstackSelectField
+  }))
+), A = 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
+  }))
+), a = o({
+  fieldComponents: {
+    // Base components for field building
+    FieldFeedbackText: i,
+    FieldHelperText: u,
+    FieldLabel: d,
+    FieldRawContextualLink: s,
+    Field: p,
+    // bound input components
+    CheckboxGroupInput: k,
+    CheckboxInput: T,
+    DatePickerInput: m,
+    MultiSelectInput: h,
+    PhoneNumberInput: F,
+    NumberInput: f,
+    RadioButtonInput: S,
+    SelectableButtonGroupInput: C,
+    SelectableCardCheckboxGroupInput: G,
+    SelectableCardRadioGroupInput: x,
+    SelectInput: g,
+    TextAreaInput: I,
+    TextInput: w,
+    ToggleSwitchGroupInput: R,
+    ToggleSwitchInput: B,
+    // Field organisms
+    CheckboxField: r,
+    CheckboxGroupField: N,
+    DatePickerField: P,
+    MultiSelectField: D,
+    NumberField: L,
+    PhoneNumberField: b,
+    RadioButtonGroupField: M,
+    SelectableButtonGroupField: A,
+    SelectableCardCheckboxGroupField: y,
+    SelectableCardRadioGroupField: z,
+    SelectField: H,
+    TextField: U,
+    ToggleSwitchField: j,
+    ToggleSwitchGroupField: q
+  },
+  formComponents: {
+    Form: n
+  },
+  fieldContext: l,
+  formContext: c
+}), O = a.useAppForm, Q = a.withForm, V = a.withFieldGroup;
+export {
+  O as useTanstackUnityForm,
+  V as withFieldGroup,
+  Q as withForm
+};

package/dist/esm/index.d.ts

@@ -30,8 +30,9 @@ 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/checkbox-field/CheckboxField.js';
-export * from './components/checkbox-group-field/CheckboxGroupField.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';
@@ -42,7 +43,6 @@ 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-field/DatePickerField.js';
 export * from './components/date-picker/DatePicker.js';
 export * from './components/definition-tooltip/DefinitionTooltip.js';
 export * from './components/dialog/Dialog.js';
@@ -50,18 +50,20 @@ 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/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/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-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/form/Form.js';
 export * from './components/full-page-loader/FullPageLoader.js';
 export * from './components/funnel-layout/FunnelLayout.js';
@@ -82,20 +84,27 @@ 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/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/RawMenuItem.js';
 export * from './components/menu/parts/MenuSeparator.js';
 export * from './components/menu/parts/MenuTrigger.js';
-export * from './components/multi-select-field/MultiSelectField.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/number-field/NumberField.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';
@@ -111,26 +120,22 @@ 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-field/RadioButtonGroupField.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-field/SelectableButtonGroupField.js';
 export * from './components/selectable-button-group/SelectableButtonGroup.js';
 export * from './components/selectable-button-group/parts/SelectableButton.js';
-export * from './components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js';
-export * from './components/selectable-card-radio-group-field/SelectableCardRadioGroupField.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-field/SelectField.js';
 export * from './components/select/Select.js';
 export * from './components/select/parts/SelectButton.js';
 export * from './components/select/parts/SelectOption.js';
@@ -159,19 +164,38 @@ 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-field/TextField.js';
 export * from './components/text/Text.js';
 export * from './components/text/Text.variants.js';
 export * from './components/toast/ToastManager.js';
 export * from './components/toast/toast.js';
-export * from './components/toggle-switch-field/ToggleSwitchField.js';
-export * from './components/toggle-switch-group-field/ToggleSwitchGroupField.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-form.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 { useFormContext, useFieldContext } from './hooks/tanstack-form-context.js';
+export { useFieldA11yContext } from './components/form-field/TanstackFormField.context.js';
 export * from './providers/router/RouterProvider.js';