@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.13

package/dist/esm/components/toggle-switch-field/ToggleSwitchField.js

@@ -1,67 +1,53 @@
-import { jsxs as T, jsx as o } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { useFormContext as S } from "react-hook-form";
-import { FormField as y } from "../form-field/FormField.js";
-import { FormControl as j } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as C } from "../form-field/parts/FormFeedbackText.js";
-import { FormHelperText as N } from "../form-field/parts/FormHelperText.js";
-import { FormLabel as P } from "../form-field/parts/FormLabel.js";
-import { ToggleSwitch as b } from "../toggle-switch/ToggleSwitch.js";
-function k({
-  name: e,
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { useFormContext as F } from "react-hook-form";
+import { FormField as a } from "../form-field/FormField.js";
+import { FormControl as w } from "../form-field/parts/FormControl.js";
+import { ToggleSwitch as x } from "../toggle-switch/ToggleSwitch.js";
+function S({
+  name: o,
   label: r,
-  defaultSelected: t,
-  helperText: m,
+  defaultSelected: e,
   switchHelperText: i,
-  contextualLink: l,
-  isRequired: c,
-  isInvalid: n,
-  isLoading: p,
-  isDisabled: f,
-  isReadOnly: s,
-  requiredVariant: d,
-  isLabelSrOnly: F,
-  ...g
-}, h) {
-  const { control: u, watch: x } = S(), a = x(e);
-  return /* @__PURE__ */ T(
-    y,
+  isInvalid: l,
+  isLoading: m,
+  isDisabled: c,
+  isReadOnly: n,
+  isLabelSrOnly: p,
+  ...f
+}, s) {
+  const { control: g, watch: d } = F(), h = d(o);
+  return /* @__PURE__ */ t(
+    a,
     {
-      control: u,
-      name: e,
+      control: g,
+      name: o,
       className: "uy-flex uy-flex-col uy-gap-100",
       ...{
-        isRequired: c,
-        isInvalid: n,
-        isLoading: p,
-        isDisabled: f,
-        isReadOnly: s
+        isInvalid: l,
+        isLoading: m,
+        isDisabled: c,
+        isReadOnly: n
       },
-      children: [
-        /* @__PURE__ */ o(P, { requiredVariant: d, children: r }),
-        /* @__PURE__ */ o(N, { children: m }),
-        /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
-          b,
-          {
-            ref: h,
-            defaultSelected: t,
-            isSelected: a,
-            label: r,
-            isLabelSrOnly: F,
-            helperText: i,
-            ...g
-          }
-        ) }),
-        /* @__PURE__ */ o(C, {}),
-        l
-      ]
+      children: /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+        x,
+        {
+          ref: s,
+          defaultSelected: e,
+          isSelected: h,
+          label: r,
+          isLabelSrOnly: p,
+          helperText: i,
+          ...f
+        }
+      ) })
     }
   );
 }
-const v = w(function(r, t) {
-  return k(r, t);
+const T = u(function(r, e) {
+  return S(r, e);
 });
-v.displayName = "ToggleSwitchField";
+T.displayName = "ToggleSwitchField";
 export {
-  v as ToggleSwitchField
+  T as ToggleSwitchField
 };

package/dist/esm/components/tooltip/Tooltip.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
-interface TooltipProps {
+export interface TooltipProps {
+    /** The content displayed in the tooltip. */
     title: string;
+    /** The trigger element that displays the tooltip. */
     children: ReactElement;
 }
-declare function Tooltip({ title, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export { Tooltip };
+export declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/esm/components/tooltip/Tooltip.js

@@ -1,21 +1,22 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { TooltipTrigger as r, Tooltip as y, Button as u } from "react-aria-components";
-import { Button as a } from "../button/Button.js";
-const i = (t) => t.type === a || t.type === u;
-function d({ title: t, children: o }) {
-  return /* @__PURE__ */ l(r, { delay: 500, closeDelay: 1500, children: [
-    o,
+import { forwardRef as y } from "react";
+import { TooltipTrigger as a, Tooltip as p, Button as u } from "react-aria-components";
+import { Button as i } from "../button/Button.js";
+const s = (o) => o.type === i || o.type === u, f = y(
+  ({ title: o, children: t }, r) => /* @__PURE__ */ l(a, { delay: 500, closeDelay: 1500, children: [
+    t,
     /* @__PURE__ */ e(
-      y,
+      p,
       {
+        ref: r,
         "data-dd-privacy": "allow",
-        offset: i(o) ? 4 : 8,
+        offset: s(t) ? 4 : 8,
         className: "uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",
-        children: /* @__PURE__ */ e("p", { className: "uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3", children: t })
+        children: /* @__PURE__ */ e("p", { className: "uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3", children: o })
       }
     )
-  ] });
-}
+  ] })
+);
 export {
-  d as Tooltip
+  f as Tooltip
 };

package/dist/esm/index.d.ts

@@ -60,6 +60,7 @@ export * from './components/grid/Grid.variants.js';
 export * from './components/grid/GridItem.js';
 export * from './components/icon/Icon.js';
 export * from './components/icon-button/IconButton.js';
+export * from './components/definition-tooltip/DefinitionTooltip.js';
 export * from './components/input/Input.js';
 export * from './components/label/Label.js';
 export * from './components/link/Link.js';
@@ -83,6 +84,8 @@ export * from './components/pagination/Pagination.js';
 export * from './components/payfit-brand/PayFitBrand.js';
 export * from './components/payfit-brand/PayFitPreprod.js';
 export * from './components/pill/Pill.js';
+export * from './components/number-field/NumberField.js';
+export * from './components/number-input/NumberInput.js';
 export * from './components/popover/Popover.js';
 export * from './components/progress-bar/ProgressBar.js';
 export * from './components/radio-button-group/RadioButtonGroup.js';
@@ -140,3 +143,5 @@ export * from './components/toggle-switch/ToggleSwitch.js';
 export * from './components/toggle-switch-group/ToggleSwitchGroup.js';
 export * from './components/toggle-switch-field/ToggleSwitchField.js';
 export * from './components/toggle-switch-group-field/ToggleSwitchGroupField.js';
+export * from './components/selectable-button-group-field/SelectableButtonGroupField.js';
+export * from './components/date-calendar/DateCalendar.js';