@payfit/unity-components 2.5.7 → 2.7.0

package/dist/esm/components/select/parts/SelectButton.js

@@ -1,10 +1,9 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { uyTv as m } from "@payfit/unity-themes";
-import { Button as b, SelectValue as p } from "react-aria-components";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { uyTv as b } from "@payfit/unity-themes";
+import { Button as p, SelectValue as n } from "react-aria-components";
 import { useIntl as v } from "react-intl";
-import { Icon as a } from "../../icon/Icon.js";
-const x = m({
+import { Icon as u } from "../../icon/Icon.js";
+const x = b({
   slots: {
     base: "uy:flex uy:flex-row uy:gap-100 uy:h-5.5 uy:sm:h-500 uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:border-solid uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2 uy:outline-none uy:border",
     selectValue: [
@@ -52,49 +51,52 @@ const x = m({
     isInvalid: !1,
     isReadOnly: !1
   }
-}), h = f(
-  ({ isDisabled: r, isInvalid: t, isReadOnly: s, isOpen: u }, l) => {
-    const n = v(), { base: i, selectValue: d, iconWrapper: y, icon: c } = x({
+}), h = ({
+  isDisabled: r,
+  isInvalid: t,
+  isReadOnly: i,
+  isOpen: d,
+  renderValue: o
+}) => {
+  const c = v(), { base: y, selectValue: a, iconWrapper: f, icon: m } = x({
+    isDisabled: r,
+    isInvalid: t,
+    isReadOnly: i
+  });
+  return /* @__PURE__ */ l(
+    p,
+    {
+      "data-dd-privacy": "mask",
+      className: y(),
       isDisabled: r,
-      isInvalid: t,
-      isReadOnly: s
-    });
-    return /* @__PURE__ */ o(
-      b,
-      {
-        "data-dd-privacy": "mask",
-        className: i(),
-        ref: l,
-        isDisabled: r,
-        "data-unity-slot": "select-button",
-        children: [
-          /* @__PURE__ */ e(p, { className: d(), translate: "no" }),
-          /* @__PURE__ */ o("div", { className: y(), children: [
-            t && /* @__PURE__ */ e(
-              a,
-              {
-                src: "WarningCircleOutlined",
-                color: "content.form.invalid",
-                alt: n.formatMessage({
-                  id: "unity:component:form-field:form-input:error:alt",
-                  defaultMessage: "Error"
-                })
-              }
-            ),
-            /* @__PURE__ */ e(
-              a,
-              {
-                className: c(),
-                "aria-hidden": "true",
-                src: u ? "CaretUpOutlined" : "CaretDownOutlined"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
+      "data-unity-slot": "select-button",
+      children: [
+        o ? /* @__PURE__ */ e(n, { className: a(), translate: "no", children: ({ state: s }) => s.selectedItems[0] ? o(s.selectedItems[0]) : null }) : /* @__PURE__ */ e(n, { className: a(), translate: "no" }),
+        /* @__PURE__ */ l("div", { className: f(), children: [
+          t && /* @__PURE__ */ e(
+            u,
+            {
+              src: "WarningCircleOutlined",
+              color: "content.form.invalid",
+              alt: c.formatMessage({
+                id: "unity:component:form-field:form-input:error:alt",
+                defaultMessage: "Error"
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            u,
+            {
+              className: m(),
+              "aria-hidden": "true",
+              src: d ? "CaretUpOutlined" : "CaretDownOutlined"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
 h.displayName = "SelectButton";
 export {
   h as SelectButton

package/dist/esm/components/select-field/TanstackSelectField.js

@@ -1,11 +1,11 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { TanstackFormFeedbackText as f } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormHelperText as k } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as p } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackFormField as F } from "../form-field/TanstackFormField.js";
-import { TanstackSelect as T } from "../select/TanstackSelect.js";
-const S = ({
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { TanstackFormFeedbackText as k } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormHelperText as p } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as F } from "../form-field/parts/TanstackFormLabel.js";
+import { TanstackFormField as T } from "../form-field/TanstackFormField.js";
+import { TanstackSelect as S } from "../select/TanstackSelect.js";
+const x = ({
   label: a,
   helperText: t,
   contextualLink: e,
@@ -13,32 +13,34 @@ const S = ({
   isDisabled: c,
   isReadOnly: m,
   requiredVariant: n,
-  ...i
-}, l) => /* @__PURE__ */ s(F, { children: [
+  renderValue: i,
+  ...l
+}, s) => /* @__PURE__ */ d(T, { children: [
   /* @__PURE__ */ r(
-    p,
+    F,
     {
       requiredVariant: n,
       isRequired: o,
       children: a
     }
   ),
-  t && /* @__PURE__ */ r(k, { children: t }),
+  t && /* @__PURE__ */ r(p, { children: t }),
   /* @__PURE__ */ r(
-    T,
+    S,
     {
-      ref: l,
+      ref: s,
       isDisabled: c,
       isReadOnly: m,
-      ...i
+      renderValue: i,
+      ...l
     }
   ),
-  /* @__PURE__ */ r(f, {}),
+  /* @__PURE__ */ r(k, {}),
   e
-] }), x = d(function(t, e) {
-  return S(t, e);
+] }), u = f(function(t, e) {
+  return x(t, e);
 });
-x.displayName = "TanstackSelectField";
+u.displayName = "TanstackSelectField";
 export {
-  x as TanstackSelectField
+  u as TanstackSelectField
 };

package/dist/esm/index.d.ts

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