@payfit/unity-components 2.1.4 → 2.2.1

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

@@ -1,12 +1,12 @@
 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 { 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
   }))
-), i = e(
+), r = e(
   () => import("../components/form-field/parts/TanstackFormFeedbackText.js").then(
     (t) => ({
       default: t.TanstackFormFeedbackText
@@ -20,13 +20,13 @@ const r = e(
   () => import("../components/form-field/parts/TanstackFormLabel.js").then((t) => ({
     default: t.TanstackFormLabel
   }))
-), s = e(
+), p = e(
   () => import("../components/form-field/parts/TanstackRawFormContextualLink.js").then(
     (t) => ({
       default: t.TanstackRawFormContextualLink
     })
   )
-), p = e(
+), s = e(
   () => import("../components/form-field/TanstackFormField.js").then((t) => ({
     default: t.TanstackFormField
   }))
@@ -42,11 +42,11 @@ const r = e(
   () => import("../components/date-picker/TanstackDatePicker.js").then((t) => ({
     default: t.TanstackDatePicker
   }))
-), h = e(
+), F = e(
   () => import("../components/multi-select/TanstackMultiSelect.js").then((t) => ({
     default: t.TanstackMultiSelect
   }))
-), F = e(
+), h = e(
   () => import("../components/phone-number/TanstackPhoneNumberInput.js").then((t) => ({
     default: t.TanstackPhoneNumberInput
   }))
@@ -60,17 +60,17 @@ const r = e(
   () => import("../components/number-input/TanstackNumberInput.js").then((t) => ({
     default: t.TanstackNumberInput
   }))
-), S = e(
+), G = e(
   () => import("../components/radio-button-group/TanstackRadioButtonGroup.js").then(
     (t) => ({
       default: t.TanstackRadioButtonGroup
     })
   )
-), C = e(
+), S = e(
   () => import("../components/selectable-button-group/TanstackSelectableButtonGroup.js").then((t) => ({
     default: t.TanstackSelectableButtonGroup
   }))
-), G = e(
+), C = e(
   () => import("../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js").then((t) => ({
     default: t.TanstackSelectableCardCheckboxGroup
   }))
@@ -78,11 +78,11 @@ const r = e(
   () => import("../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js").then((t) => ({
     default: t.TanstackSelectableCardRadioGroup
   }))
-), g = e(
+), I = e(
   () => import("../components/select/TanstackSelect.js").then((t) => ({
     default: t.TanstackSelect
   }))
-), I = e(
+), g = e(
   () => import("../components/text-area/TanstackTextArea.js").then((t) => ({
     default: t.TanstackTextArea
   }))
@@ -112,21 +112,21 @@ const r = e(
       default: t.TanstackDatePickerField
     })
   )
-), D = e(
+), H = e(
   () => import("../components/multi-select-field/TanstackMultiSelectField.js").then(
     (t) => ({
       default: t.TanstackMultiSelectField
     })
   )
-), L = e(
+), D = e(
   () => import("../components/number-field/TanstackNumberField.js").then((t) => ({
     default: t.TanstackNumberField
   }))
-), M = e(
+), L = e(
   () => import("../components/radio-button-group-field/TanstackRadioButtonGroupField.js").then((t) => ({
     default: t.TanstackRadioButtonGroupField
   }))
-), H = e(
+), M = e(
   () => import("../components/select-field/TanstackSelectField.js").then((t) => ({
     default: t.TanstackSelectField
   }))
@@ -134,76 +134,99 @@ const r = e(
   () => import("../components/selectable-button-group-field/TanstackSelectableButtonGroupField.js").then((t) => ({
     default: t.TanstackSelectableButtonGroupField
   }))
-), y = e(
+), V = e(
   () => import("../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js").then((t) => ({
     default: t.TanstackSelectableCardCheckboxGroupField
   }))
-), z = e(
+), y = e(
   () => import("../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js").then((t) => ({
     default: t.TanstackSelectableCardRadioGroupField
   }))
-), U = e(
+), E = e(
   () => import("../components/text-field/TanstackTextField.js").then((t) => ({
     default: t.TanstackTextField
   }))
-), j = e(
+), z = e(
   () => import("../components/toggle-switch-field/TanstackToggleSwitchField.js").then(
     (t) => ({
       default: t.TanstackToggleSwitchField
     })
   )
-), q = e(
+), U = e(
   () => import("../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js").then((t) => ({
     default: t.TanstackToggleSwitchGroupField
   }))
+), j = e(
+  () => import("../components/inline-field-group/InlineFieldGroup.js").then((t) => ({
+    default: t.InlineFieldGroup
+  }))
+), q = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupHeader.js").then(
+    (t) => ({
+      default: t.InlineFieldGroupHeader
+    })
+  )
+), v = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupReadView.js").then((t) => ({
+    default: t.InlineFieldGroupReadView
+  }))
+), J = e(
+  () => import("../components/inline-field-group/parts/InlineFieldGroupEditView.js").then((t) => ({
+    default: t.InlineFieldGroupEditView
+  }))
 ), a = o({
   fieldComponents: {
     // Base components for field building
-    FieldFeedbackText: i,
+    FieldFeedbackText: r,
     FieldHelperText: u,
     FieldLabel: d,
-    FieldRawContextualLink: s,
-    Field: p,
+    FieldRawContextualLink: p,
+    Field: s,
     // bound input components
     CheckboxGroupInput: k,
     CheckboxInput: T,
     DatePickerInput: m,
-    MultiSelectInput: h,
-    PhoneNumberInput: F,
+    MultiSelectInput: F,
+    PhoneNumberInput: h,
     NumberInput: f,
-    RadioButtonInput: S,
-    SelectableButtonGroupInput: C,
-    SelectableCardCheckboxGroupInput: G,
+    RadioButtonInput: G,
+    SelectableButtonGroupInput: S,
+    SelectableCardCheckboxGroupInput: C,
     SelectableCardRadioGroupInput: x,
-    SelectInput: g,
-    TextAreaInput: I,
+    SelectInput: I,
+    TextAreaInput: g,
     TextInput: w,
     ToggleSwitchGroupInput: R,
     ToggleSwitchInput: B,
     // Field organisms
-    CheckboxField: r,
+    CheckboxField: i,
     CheckboxGroupField: N,
     DatePickerField: P,
-    MultiSelectField: D,
-    NumberField: L,
+    MultiSelectField: H,
+    NumberField: D,
     PhoneNumberField: b,
-    RadioButtonGroupField: M,
+    RadioButtonGroupField: L,
     SelectableButtonGroupField: A,
-    SelectableCardCheckboxGroupField: y,
-    SelectableCardRadioGroupField: z,
-    SelectField: H,
-    TextField: U,
-    ToggleSwitchField: j,
-    ToggleSwitchGroupField: q
+    SelectableCardCheckboxGroupField: V,
+    SelectableCardRadioGroupField: y,
+    SelectField: M,
+    TextField: E,
+    ToggleSwitchField: z,
+    ToggleSwitchGroupField: U
   },
   formComponents: {
-    Form: n
+    Form: n,
+    // Inline Edition components
+    InlineFieldGroup: j,
+    InlineFieldGroupHeader: q,
+    InlineFieldGroupReadView: v,
+    InlineFieldGroupEditView: J
   },
-  fieldContext: l,
-  formContext: c
-}), O = a.useAppForm, Q = a.withForm, V = a.withFieldGroup;
+  fieldContext: c,
+  formContext: l
+}), X = a.useAppForm, Y = a.withForm, Z = a.withFieldGroup;
 export {
-  O as useTanstackUnityForm,
-  V as withFieldGroup,
-  Q as withForm
+  X as useTanstackUnityForm,
+  Z as withFieldGroup,
+  Y as withForm
 };

package/dist/esm/index.d.ts

@@ -18,6 +18,7 @@ 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';