@payfit/unity-components 2.46.39 → 2.47.0

package/dist/esm/components/select/Select.js

@@ -1,87 +1,90 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { forwardRef as C, useState as F, useMemo as I } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { forwardRef as C, useState as F, useMemo as k } from "react";
 import { uyTv as A } from "@payfit/unity-themes";
-import { useFilter as T, Autocomplete as U } from "react-aria-components/Autocomplete";
-import { Select as V, Popover as $, ListBox as m } from "react-aria-components/Select";
-import { Virtualizer as f, ListLayout as y } from "react-aria-components/Virtualizer";
-import { useIntl as k } from "react-intl";
-import { SearchInput as q } from "./parts/SearchInput.js";
-import { SelectButton as G } from "./parts/SelectButton.js";
-const H = A({
+import { useFilter as I, Autocomplete as T } from "react-aria-components/Autocomplete";
+import { Select as U, Popover as V, ListBox as m } from "react-aria-components/Select";
+import { Separator as $ } from "react-aria-components/Separator";
+import { Virtualizer as y, ListLayout as f } from "react-aria-components/Virtualizer";
+import { useIntl as q } from "react-intl";
+import { Search as G } from "../search/Search.js";
+import { SelectButton as H } from "./parts/SelectButton.js";
+const J = A({
   slots: {
     base: "uy:flex uy:flex-col uy:gap-100 uy:w-full",
     popover: "uy:rounded-100 uy:sm:rounded-75 uy:border uy:border-solid uy:border-border-neutral uy:w-[var(--trigger-width)] uy:bg-surface-neutral uy:shadow-300",
     listbox: "uy:overflow-y-auto uy:max-h-[296px] uy:pt-100 uy:pb-100"
   }
-}), J = ({
+}), K = ({
   children: r,
   items: t,
   placeholder: s,
   isDisabled: l,
-  isInvalid: n,
+  isInvalid: a,
   isReadOnly: i,
-  value: a,
+  value: n,
   defaultValue: b,
   onChange: u,
   isSearchable: h = !1,
   onBlur: v,
   placement: x,
-  searchInputAriaLabel: g,
+  searchInputAriaLabel: S,
   renderEmptyState: e,
-  renderValue: S,
-  ...w
-}, N) => {
-  const O = k(), [L, M] = F(!1), { contains: P } = T({ sensitivity: "base" }), { base: j, popover: z, listbox: c } = H(), B = a !== void 0 || u !== void 0 ? {
-    value: a,
+  renderValue: g,
+  ...N
+}, w) => {
+  const O = q(), [L, M] = F(!1), { contains: P } = I({ sensitivity: "base" }), { base: j, popover: z, listbox: c } = J(), B = n !== void 0 || u !== void 0 ? {
+    value: n,
     onChange: u
-  } : { defaultValue: b }, p = I(() => {
+  } : { defaultValue: b }, d = k(() => {
     if (e !== void 0)
       return typeof e == "function" ? e : () => e;
   }, [e]);
-  return /* @__PURE__ */ d(
-    V,
+  return /* @__PURE__ */ p(
+    U,
     {
       onOpenChange: M,
-      ...w,
-      ref: N,
+      ...N,
+      ref: w,
       className: j(),
       placeholder: l ? void 0 : s,
       isDisabled: l || i,
-      isInvalid: n,
+      isInvalid: a,
       onBlur: v,
       ...B,
       children: [
         /* @__PURE__ */ o(
-          G,
+          H,
           {
             isDisabled: l,
-            isInvalid: n,
+            isInvalid: a,
             isReadOnly: i,
             isOpen: L,
-            renderValue: S
+            renderValue: g
           }
         ),
         /* @__PURE__ */ o(
-          $,
+          V,
           {
             offset: 1,
             containerPadding: 8,
             className: z(),
             placement: x,
-            children: h ? /* @__PURE__ */ d(U, { filter: P, children: [
-              /* @__PURE__ */ o(
-                q,
+            children: h ? /* @__PURE__ */ p(T, { filter: P, children: [
+              /* @__PURE__ */ o("div", { className: "uy:m-100", children: /* @__PURE__ */ o(
+                G,
                 {
-                  "aria-label": g ?? O.formatMessage({
+                  label: S ?? O.formatMessage({
                     id: "unity:component:select:search:label",
                     defaultMessage: "Search options"
-                  })
+                  }),
+                  "data-dd-privacy": "mask"
                 }
-              ),
+              ) }),
+              /* @__PURE__ */ o($, { className: "uy:mx-100 uy:border-t uy:border-border-neutral uy:border-solid" }),
               /* @__PURE__ */ o(
-                f,
+                y,
                 {
-                  layout: y,
+                  layout: f,
                   layoutOptions: {
                     padding: 8
                   },
@@ -90,16 +93,16 @@ const H = A({
                     {
                       items: t,
                       className: c(),
-                      renderEmptyState: p,
+                      renderEmptyState: d,
                       children: r
                     }
                   )
                 }
               )
             ] }) : /* @__PURE__ */ o(
-              f,
+              y,
               {
-                layout: y,
+                layout: f,
                 layoutOptions: {
                   padding: 8
                 },
@@ -108,7 +111,7 @@ const H = A({
                   {
                     items: t,
                     className: c(),
-                    renderEmptyState: p,
+                    renderEmptyState: d,
                     children: r
                   }
                 )
@@ -119,10 +122,10 @@ const H = A({
       ]
     }
   );
-}, K = C(function(t, s) {
-  return J(t, s);
+}, Q = C(function(t, s) {
+  return K(t, s);
 });
-K.displayName = "Select";
+Q.displayName = "Select";
 export {
-  K as Select
+  Q as Select
 };

package/dist/esm/index.d.ts

@@ -54,6 +54,8 @@ 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-list/DefinitionList.js';
+export * from './components/definition-list/parts/DefinitionItem.js';
 export * from './components/definition-tooltip/DefinitionTooltip.js';
 export * from './components/dialog/Dialog.js';
 export * from './components/dialog/parts/DialogActions.js';