@payfit/unity-components 2.18.3 → 2.19.0

package/dist/esm/components/data-table/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 import { Row, RowData, Table as TableType } from '@tanstack/react-table';
 import { TablePaginationProps } from '../table/parts/TablePagination.js';
 import { TableProps, TableRootProps } from '../table/Table.js';
@@ -167,6 +167,30 @@ export interface DataTableProps<TData> extends Omit<TableRootProps, 'children'>,
      * @param row - The row data of a given row in the table
      */
     children: (row: Row<TData>) => React.ReactNode;
+    /**
+     * Optional callback fired when the button is clicked in the error state.
+     * Used to navigate away or retry when data loading fails.
+     * If not provided, the button won't be rendered.
+     */
+    onErrorButtonPress?: () => void;
+    /**
+     * Optional callback fired when the button is clicked in the no data state.
+     * Typically used to help users configure settings when no data is available.
+     * If not provided, the button won't be rendered.
+     */
+    onNoDataButtonPress?: () => void;
+    /**
+     * Optional description text displayed in the no data empty state.
+     * This should explain to users why there is no data and what they can do about it.
+     * If not provided, a default empty state will be shown.
+     */
+    noDataDescription?: ReactNode;
+    /**
+     * Optional callback fired when the button is clicked in the no search results state.
+     * Typically used to reset filters when a search returns no results.
+     * If provided and filters are active with 0 results, TableNoSearchResults will be shown instead of the default empty state.
+     */
+    onNoSearchResultsButtonPress?: () => void;
 }
 /**
  * A powerful and flexible data table component that integrates Unity's Table with @tanstack/react-table
@@ -195,6 +219,10 @@ export interface DataTableProps<TData> extends Omit<TableRootProps, 'children'>,
  * @param props.enableVirtualization - Enable internal scroll virtualization for large datasets
  * @param props.estimatedRowHeight - Estimated row height in pixels for the virtualizer
  * @param props.overscan - Number of extra rows rendered above/below viewport for virtualization
+ * @param props.onErrorButtonPress - Callback for the button in error state
+ * @param props.onNoDataButtonPress - Callback for the button in no data state
+ * @param props.noDataDescription - Description text shown in the no data empty state
+ * @param props.onNoSearchResultsButtonPress - Callback for the button in no search results state
  * @param props.children - Render function that takes care of rendering the table rows
  * @see {@link DataTableProps} for all available props
  * @example
@@ -274,7 +302,7 @@ export interface DataTableProps<TData> extends Omit<TableRootProps, 'children'>,
  * - **Fixed layout best practices**: Set explicit widths on column headers and use truncation for overflow content
  * - [API](https://unity-components.payfit.io/?path=/docs/data-datatable--docs) • [Demo](https://unity-components.payfit.io/?path=/docs/data-datatable--docs)
  */
-declare function DataTable<TData extends object>({ table, isLoading, error, emptyState, loadingState, errorState, pagination, minRows, maxRows, onPageChange: onPaginationChange, onPageHover: onPaginationPageHover, onPageSizeChange: onPaginationSizeChange, children, enableVirtualization, estimatedRowHeight, overscan, ...rest }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<TData extends object>({ table, isLoading, error, emptyState, loadingState, errorState, pagination, minRows, maxRows, onPageChange: onPaginationChange, onPageHover: onPaginationPageHover, onPageSizeChange: onPaginationSizeChange, children, enableVirtualization, estimatedRowHeight, overscan, onErrorButtonPress, onNoDataButtonPress, noDataDescription, onNoSearchResultsButtonPress, ...rest }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }

package/dist/esm/components/data-table/DataTable.js

@@ -1,89 +1,102 @@
-import { jsxs as i, jsx as o, Fragment as N } from "react/jsx-runtime";
-import { useRef as v, useEffect as F } from "react";
-import { flexRender as f } from "@tanstack/react-table";
-import { useId as M } from "react-aria";
-import { CircularIconButton as O } from "../icon-button/CircularIconButton.js";
-import { TableBody as j } from "../table/parts/TableBody.js";
-import { TableColumnHeader as B } from "../table/parts/TableColumnHeader.js";
-import { TableEmptyStateLoading as $, TableEmptyStateError as G, TableEmptyStateNoData as L } from "../table/parts/TableEmptyState.js";
-import { TableHeader as Q } from "../table/parts/TableHeader.js";
-import { TablePagination as W } from "../table/parts/TablePagination.js";
-import { TableRoot as k, Table as q } from "../table/Table.js";
-import { ColumnSortHeader as A } from "./parts/ColumnSortHeader.js";
+import { jsxs as m, jsx as o, Fragment as O } from "react/jsx-runtime";
+import { useRef as j, useEffect as G } from "react";
+import { flexRender as b } from "@tanstack/react-table";
+import { useId as $ } from "react-aria";
+import { CircularIconButton as A } from "../icon-button/CircularIconButton.js";
+import { TableBody as L } from "../table/parts/TableBody.js";
+import { TableColumnHeader as Q } from "../table/parts/TableColumnHeader.js";
+import { TableEmptyStateLoading as W, TableEmptyStateError as k, TableNoSearchResults as q, TableEmptyStateNoData as J } from "../table/parts/TableEmptyState.js";
+import { TableHeader as K } from "../table/parts/TableHeader.js";
+import { TablePagination as U } from "../table/parts/TablePagination.js";
+import { TableRoot as V, Table as X } from "../table/Table.js";
+import { ColumnSortHeader as Y } from "./parts/ColumnSortHeader.js";
 const C = ({
   children: t,
   columnNameId: a,
-  helperText: r
-}) => r !== void 0 ? /* @__PURE__ */ i("div", { className: "uy:flex uy:gap-50 uy:items-center", children: [
+  helperText: l
+}) => l !== void 0 ? /* @__PURE__ */ m("div", { className: "uy:flex uy:gap-50 uy:items-center", children: [
   t,
   /* @__PURE__ */ o(
-    O,
+    A,
     {
       "aria-labelledby": a,
       icon: "QuestionOutlined",
-      title: r,
+      title: l,
       color: "content.neutral.lowest"
     }
   )
-] }) : /* @__PURE__ */ o(N, { children: t });
-function J({
+] }) : /* @__PURE__ */ o(O, { children: t });
+function Z({
   table: t,
   isLoading: a,
-  error: r,
-  emptyState: u,
-  loadingState: b,
+  error: l,
+  emptyState: c,
+  loadingState: P,
   errorState: T,
-  pagination: c,
-  minRows: P,
+  pagination: u,
+  minRows: h,
   maxRows: S,
-  onPageChange: h,
-  onPageHover: x,
-  onPageSizeChange: y,
-  children: D,
-  enableVirtualization: w,
+  onPageChange: x,
+  onPageHover: y,
+  onPageSizeChange: D,
+  children: w,
+  enableVirtualization: F,
   estimatedRowHeight: H,
-  overscan: E,
-  ...m
+  overscan: v,
+  onErrorButtonPress: E,
+  onNoDataButtonPress: R,
+  noDataDescription: z,
+  onNoSearchResultsButtonPress: s,
+  ...i
 }) {
-  const s = v(null), R = M(), { pageIndex: p, pageSize: g } = t.getState().pagination;
-  F(() => {
-    s.current?.scrollToTop();
-  }, [p, g]);
-  const z = {
-    label: m.label,
-    description: m.description,
-    isHorizontalScrollEnabled: m.isHorizontalScrollEnabled,
-    layout: m.layout
-  }, d = () => {
+  const p = j(null), I = $(), { pageIndex: g, pageSize: d } = t.getState().pagination;
+  G(() => {
+    p.current?.scrollToTop();
+  }, [g, d]);
+  const N = {
+    label: i.label,
+    description: i.description,
+    isHorizontalScrollEnabled: i.isHorizontalScrollEnabled,
+    layout: i.layout
+  }, f = () => {
     if (a)
-      return b ?? /* @__PURE__ */ o($, {});
-    if (r)
-      return T ?? /* @__PURE__ */ o(G, {});
-  }, I = () => a || r ? d() : t.getRowModel().rows.length === 0 ? u ?? /* @__PURE__ */ o(L, {}) : u;
-  return /* @__PURE__ */ i(k, { minRows: P, maxRows: S, children: [
-    /* @__PURE__ */ i(
-      q,
+      return P ?? /* @__PURE__ */ o(W, {});
+    if (l)
+      return T ?? /* @__PURE__ */ o(k, { onButtonPress: E });
+  }, B = () => {
+    const n = t.getState(), e = n.globalFilter !== void 0 && n.globalFilter !== "", r = n.columnFilters !== void 0 && n.columnFilters.length > 0;
+    return e || r;
+  }, M = () => a || l ? f() : t.getRowModel().rows.length === 0 ? B() && s ? /* @__PURE__ */ o(q, { onButtonPress: s }) : c ?? /* @__PURE__ */ o(
+    J,
+    {
+      onButtonPress: R,
+      description: z
+    }
+  ) : c;
+  return /* @__PURE__ */ m(V, { minRows: h, maxRows: S, children: [
+    /* @__PURE__ */ m(
+      X,
       {
-        ref: s,
-        ...z,
-        enableVirtualization: w,
+        ref: p,
+        ...N,
+        enableVirtualization: F,
         estimatedRowHeight: H,
-        overscan: E,
+        overscan: v,
         children: [
-          /* @__PURE__ */ o(Q, { children: t.getHeaderGroups().map(
+          /* @__PURE__ */ o(K, { children: t.getHeaderGroups().map(
             (n) => n.headers.map((e) => {
-              const l = `${R}-column-name-${e.column.columnDef.id}`;
+              const r = `${I}-column-name-${e.column.columnDef.id}`;
               return /* @__PURE__ */ o(
-                B,
+                Q,
                 {
                   isFocusable: e.column.columnDef.meta?.isFocusable,
                   className: e.column.columnDef.meta?.headerClassName,
-                  children: t.getRowModel().rows.length > 0 && e.column.getCanSort() ? /* @__PURE__ */ o(A, { header: e, children: /* @__PURE__ */ o(
+                  children: t.getRowModel().rows.length > 0 && e.column.getCanSort() ? /* @__PURE__ */ o(Y, { header: e, children: /* @__PURE__ */ o(
                     C,
                     {
-                      columnNameId: l,
+                      columnNameId: r,
                       helperText: e.column.columnDef.meta?.helperText,
-                      children: /* @__PURE__ */ o("span", { id: l, children: f(
+                      children: /* @__PURE__ */ o("span", { id: r, children: b(
                         e.column.columnDef.header,
                         e.getContext()
                       ) })
@@ -91,9 +104,9 @@ function J({
                   ) }) : /* @__PURE__ */ o(
                     C,
                     {
-                      columnNameId: l,
+                      columnNameId: r,
                       helperText: e.column.columnDef.meta?.helperText,
-                      children: /* @__PURE__ */ o("span", { id: l, children: f(
+                      children: /* @__PURE__ */ o("span", { id: r, children: b(
                         e.column.columnDef.header,
                         e.getContext()
                       ) })
@@ -105,39 +118,39 @@ function J({
             })
           ) }),
           /* @__PURE__ */ o(
-            j,
+            L,
             {
-              renderEmptyState: I,
-              renderDataState: d,
-              children: !a && !r && t.getRowModel().rows.map(D)
+              renderEmptyState: M,
+              renderDataState: f,
+              children: !a && !l && t.getRowModel().rows.map(w)
             }
           )
         ]
       }
     ),
     t.getPageCount() > 0 && /* @__PURE__ */ o(
-      W,
+      U,
       {
         pageCount: t.getPageCount(),
         rowCount: t.getRowCount(),
-        currentPage: p + 1,
-        rowsPerPage: g,
-        pageSizeOptions: c?.pageSizeOptions,
-        onPageChange: (n, e, l) => {
-          t.setPageIndex(n - 1), h?.(n - 1, e, l);
+        currentPage: g + 1,
+        rowsPerPage: d,
+        pageSizeOptions: u?.pageSizeOptions,
+        onPageChange: (n, e, r) => {
+          t.setPageIndex(n - 1), x?.(n - 1, e, r);
         },
         onPageHover: (n) => {
-          x?.(n);
+          y?.(n);
         },
         onPageSizeChange: (n) => {
-          t.setPageSize(n), y?.(n);
+          t.setPageSize(n), D?.(n);
         },
-        itemLabel: c?.labels?.itemLabel
+        itemLabel: u?.labels?.itemLabel
       }
     )
   ] });
 }
-J.displayName = "DataTable";
+Z.displayName = "DataTable";
 export {
-  J as DataTable
+  Z as DataTable
 };

package/dist/esm/components/empty-state/parts/EmptyStateContent.d.ts

@@ -1,12 +1,13 @@
+import { ReactNode } from 'react';
 export interface EmptyStateContentProps {
     /**
      * The main title text for the empty state.
      */
-    title?: string;
+    title?: ReactNode;
     /**
      * Additional descriptive text providing context about the empty state.
      */
-    description?: string;
+    description?: ReactNode;
 }
 /**
  * EmptyStateContent communicates the reason for the empty state through a title and optional description.

package/dist/esm/components/table/parts/TableEmptyState.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export declare const tableEmptyState: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {
@@ -106,7 +106,7 @@ declare const TableEmptyState: import('react').ForwardRefExoticComponent<Variant
     base: string;
     wrapper: string;
 }, undefined, unknown, unknown, undefined>>> & {
-    children?: import('react').ReactNode | undefined;
+    children?: ReactNode | undefined;
 } & {
     className?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;
@@ -125,25 +125,63 @@ declare const TableEmptyStateLoading: () => import("react/jsx-runtime").JSX.Elem
 /**
  * A pre-configured empty state for tables with no data.
  * Use this component to indicate that no results were found and provide guidance on how to adjust search or filters.
+ * @param props - The component props
+ * @param props.description - The description text to display explaining why there's no data
+ * @param props.onButtonPress - Optional callback fired when the "Enable settings" button is clicked. If not provided, the button won't be rendered.
  * @see {TableEmptyState}
  * @example
  * ```tsx
  * import { TableEmptyStateNoData } from '@payfit/unity-components'
  *
- * <TableBody renderEmptyState={() => <TableEmptyStateNoData />}>{[]}</TableBody>
+ * // Without button
+ * <TableBody renderEmptyState={() => <TableEmptyStateNoData description="No data available" />}>{[]}</TableBody>
+ *
+ * // With "Enable settings" button
+ * <TableBody renderEmptyState={() => <TableEmptyStateNoData description="No data available" onButtonPress={() => console.log('Enable settings')} />}>{[]}</TableBody>
  * ```
  */
-declare const TableEmptyStateNoData: () => import("react/jsx-runtime").JSX.Element;
+declare const TableEmptyStateNoData: ({ description, onButtonPress, }: {
+    description: ReactNode;
+    onButtonPress?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * A pre-configured error state for tables.
  * Use this component to indicate that an error occurred while loading data and provide guidance on how to resolve it.
+ * @param props - The component props
+ * @param props.onButtonPress - Optional callback fired when the "Go to dashboard" button is clicked. If not provided, the button won't be rendered.
  * @see {TableEmptyState}
  * @example
  * ```tsx
  * import { TableEmptyStateError } from '@payfit/unity-components'
  *
+ * // Without button
  * <TableBody renderEmptyState={() => <TableEmptyStateError />}>{[]}</TableBody>
+ *
+ * // With "Go to dashboard" button
+ * <TableBody renderEmptyState={() => <TableEmptyStateError onButtonPress={() => navigate('/dashboard')} />}>{[]}</TableBody>
+ * ```
+ */
+declare const TableEmptyStateError: ({ onButtonPress, }: {
+    onButtonPress?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A pre-configured empty state for tables when no search results are found.
+ * Use this component to indicate that the current filters or search didn't return any results.
+ * @param props - The component props
+ * @param props.onButtonPress - Optional callback fired when the "Reset filters" button is clicked. If not provided, the button won't be rendered.
+ * @see {TableEmptyState}
+ * @example
+ * ```tsx
+ * import { TableNoSearchResults } from '@payfit/unity-components'
+ *
+ * // Without button
+ * <TableBody renderEmptyState={() => <TableNoSearchResults />}>{[]}</TableBody>
+ *
+ * // With "Reset filters" button
+ * <TableBody renderEmptyState={() => <TableNoSearchResults onButtonPress={() => clearFilters()} />}>{[]}</TableBody>
  * ```
  */
-declare const TableEmptyStateError: () => import("react/jsx-runtime").JSX.Element;
-export { TableEmptyState, TableEmptyStateText, TableEmptyStateLoading, TableEmptyStateNoData, TableEmptyStateError, };
+declare const TableNoSearchResults: ({ onButtonPress, }: {
+    onButtonPress?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export { TableEmptyState, TableEmptyStateText, TableEmptyStateLoading, TableEmptyStateNoData, TableEmptyStateError, TableNoSearchResults, };

package/dist/esm/components/table/parts/TableEmptyState.js

@@ -1,94 +1,161 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as c } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { useIntl as m } from "react-intl";
-import { Spinner as u } from "../../spinner/Spinner.js";
-import { Text as f } from "../../text/Text.js";
-import b from "../assets/EmptyStateError.svg.js";
-import x from "../assets/EmptyStateNoData.svg.js";
-const E = d({
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as f, useMemo as d } from "react";
+import { uyTv as g } from "@payfit/unity-themes";
+import { useIntl as b, FormattedMessage as a } from "react-intl";
+import { Button as c } from "../../button/Button.js";
+import { EmptyState as m } from "../../empty-state/EmptyState.js";
+import { EmptyStateActions as u } from "../../empty-state/parts/EmptyStateActions.js";
+import { EmptyStateContent as p } from "../../empty-state/parts/EmptyStateContent.js";
+import { EmptyStateIcon as y } from "../../empty-state/parts/EmptyStateIcon.js";
+import { Spinner as x } from "../../spinner/Spinner.js";
+import { Text as v } from "../../text/Text.js";
+const w = g({
   slots: {
     base: "uy:flex uy:flex-col uy:items-center uy:justify-center",
     wrapper: "uy:max-w-[300px] uy:flex uy:flex-col uy:items-center uy:py-800"
   }
-}), r = y(
-  (t, i) => {
-    const { variant: a, children: o } = t, s = c(() => {
-      switch (a) {
+}), E = f(
+  (e, n) => {
+    const { variant: r, children: i } = e, s = d(() => {
+      switch (r) {
         case "title":
           return "bodyStrong";
         case "description":
         default:
           return "body";
       }
-    }, [a]), l = c(() => {
-      switch (a) {
+    }, [r]), o = d(() => {
+      switch (r) {
         case "title":
           return "h6";
         case "description":
         default:
           return "p";
       }
-    }, [a]);
-    return /* @__PURE__ */ e(
-      f,
+    }, [r]);
+    return /* @__PURE__ */ t(
+      v,
       {
         variant: s,
-        asElement: l,
-        ref: i,
+        asElement: o,
+        ref: n,
         className: "uy:text-center",
-        children: o
+        children: i
       }
     );
   }
 );
-r.displayName = "TableEmptyStateText";
-const n = y(
-  ({ children: t, className: i, ...a }, o) => {
-    const { base: s, wrapper: l } = E();
-    return /* @__PURE__ */ e("div", { "data-dd-privacy": "allow", ...a, ref: o, className: s(), children: /* @__PURE__ */ e("div", { className: l({ className: i }), children: t }) });
+E.displayName = "TableEmptyStateText";
+const h = f(
+  ({ children: e, className: n, ...r }, i) => {
+    const { base: s, wrapper: o } = w();
+    return /* @__PURE__ */ t("div", { "data-dd-privacy": "allow", ...r, ref: i, className: s(), children: /* @__PURE__ */ t("div", { className: o({ className: n }), children: e }) });
   }
 );
-n.displayName = "TableEmptyState";
-const j = () => {
-  const t = m();
-  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-    u,
+h.displayName = "TableEmptyState";
+const G = () => {
+  const e = b();
+  return /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
+    x,
     {
       size: "medium",
-      label: t.formatMessage({
+      label: e.formatMessage({
         id: "unity:component:table:empty-state:loading:title"
       })
     }
   ) });
-}, D = () => {
-  const t = m();
-  return /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ e(x, {}),
-    /* @__PURE__ */ e(r, { variant: "title", children: t.formatMessage({
-      id: "unity:component:table:empty-state:no-data:title"
-    }) }),
-    /* @__PURE__ */ e(r, { variant: "description", children: t.formatMessage({
-      id: "unity:component:table:empty-state:no-data:description"
-    }) })
-  ] });
-}, z = () => {
-  const t = m();
-  return /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ e(b, {}),
-    /* @__PURE__ */ e(r, { variant: "title", children: t.formatMessage({
-      id: "unity:component:table:empty-state:error:title"
-    }) }),
-    /* @__PURE__ */ e(r, { variant: "description", children: t.formatMessage({
-      id: "unity:component:table:empty-state:error:description"
-    }) })
-  ] });
-};
+}, q = ({
+  description: e,
+  onButtonPress: n
+}) => /* @__PURE__ */ l(m, { className: "uy:max-w-[524px] uy:h-[400px] uy:justify-self-center uy:p-300", children: [
+  /* @__PURE__ */ t(y, { icon: "InfoOutlined", variant: "neutral" }),
+  /* @__PURE__ */ t(
+    p,
+    {
+      title: /* @__PURE__ */ t(
+        a,
+        {
+          id: "unity:component:empty-state:waiting-for-data:title",
+          defaultMessage: "No available results yet"
+        }
+      ),
+      description: e
+    }
+  ),
+  n && /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(c, { variant: "ghost", onPress: n, children: /* @__PURE__ */ t(
+    a,
+    {
+      id: "unity:component:empty-state:waiting-for-data:button-label",
+      defaultMessage: "Enable settings"
+    }
+  ) }) })
+] }), z = ({
+  onButtonPress: e
+}) => /* @__PURE__ */ l(m, { className: "uy:max-w-[524px] uy:h-[400px] uy:justify-self-center uy:p-300", children: [
+  /* @__PURE__ */ t(y, { icon: "WarningCircleOutlined", variant: "neutral" }),
+  /* @__PURE__ */ t(
+    p,
+    {
+      title: /* @__PURE__ */ t(
+        a,
+        {
+          id: "unity:component:error-state:common:main-title",
+          defaultMessage: "Something went wrong"
+        }
+      ),
+      description: /* @__PURE__ */ t(
+        a,
+        {
+          id: "unity:component:error-state:common:main-description-component",
+          defaultMessage: "Please refresh the page or check your connection. We’ve been notified of the issue and are working to resolve it as quickly as possible."
+        }
+      )
+    }
+  ),
+  e && /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(c, { variant: "ghost", onPress: e, children: /* @__PURE__ */ t(
+    a,
+    {
+      id: "unity:component:error-state:button:label",
+      defaultMessage: "Go to dashboard"
+    }
+  ) }) })
+] }), A = ({
+  onButtonPress: e
+}) => /* @__PURE__ */ l(m, { className: "uy:max-w-[524px] uy:h-[400px] uy:justify-self-center uy:p-300", children: [
+  /* @__PURE__ */ t(y, { icon: "MagnifyingGlassOutlined", variant: "neutral" }),
+  /* @__PURE__ */ t(
+    p,
+    {
+      title: /* @__PURE__ */ t(
+        a,
+        {
+          id: "unity:component:empty-state:no-search-results:title",
+          defaultMessage: "We didn't find any results"
+        }
+      ),
+      description: /* @__PURE__ */ t(
+        a,
+        {
+          id: "unity:component:empty-state:no-search-results:description",
+          defaultMessage: "Try adjusting your search or filters to find what you're looking for."
+        }
+      )
+    }
+  ),
+  e && /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(c, { variant: "ghost", onPress: e, children: /* @__PURE__ */ t(
+    a,
+    {
+      id: "unity:component:empty-state:no-search-results:button-label",
+      defaultMessage: "Reset filters"
+    }
+  ) }) })
+] });
 export {
-  n as TableEmptyState,
+  h as TableEmptyState,
   z as TableEmptyStateError,
-  j as TableEmptyStateLoading,
-  D as TableEmptyStateNoData,
-  r as TableEmptyStateText,
-  E as tableEmptyState
+  G as TableEmptyStateLoading,
+  q as TableEmptyStateNoData,
+  E as TableEmptyStateText,
+  A as TableNoSearchResults,
+  w as tableEmptyState
 };