@yuno-payments/dashboard-design-system 2.8.6 → 2.8.8

package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the DataTableCellWrapper component
+ */
+export interface DataTableCellWrapperProps {
+    /** The value to check for emptiness. Renders emptyState when null/undefined/'' or an empty array. */
+    value: unknown;
+    /** Content to render when value is non-empty */
+    children: ReactNode;
+    /** Content to render when value is empty @default "-" */
+    emptyState?: ReactNode;
+}
+/**
+ * Wraps a custom table cell to enforce the standard empty-state ("-")
+ * across the design system. Use this for cells that render custom JSX
+ * (Badges, icon+text combos, switches, etc.) that don't fit one of the
+ * specialized DataTable*Cell components.
+ *
+ * @example
+ * ```tsx
+ * <DataTableCellWrapper value={method}>
+ *   <MethodTag method={method} />
+ * </DataTableCellWrapper>
+ *
+ * // Custom empty state
+ * <DataTableCellWrapper value={amount} emptyState="N/A">
+ *   <CustomAmount value={amount} />
+ * </DataTableCellWrapper>
+ * ```
+ */
+declare const DataTableCellWrapper: import('react').ForwardRefExoticComponent<DataTableCellWrapperProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { DataTableCellWrapper };

package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.js

@@ -0,0 +1,7 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { forwardRef as i } from "react";
+const s = (r) => !!(r == null || typeof r == "string" && r.trim() === "" || Array.isArray(r) && r.length === 0), p = i(({ value: r, children: e, emptyState: n = "-" }, a) => s(r) ? /* @__PURE__ */ t.jsx("span", { ref: a, children: n }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: e }));
+p.displayName = "DataTableCellWrapper";
+export {
+  p as DataTableCellWrapper
+};

package/dist/components/molecules/data-table-cells/index.d.ts

@@ -1,3 +1,4 @@
+export { DataTableCellWrapper, type DataTableCellWrapperProps, } from './data-table-cell-wrapper';
 export { DataTableTextCell, type DataTableTextCellProps, } from './data-table-text-cell';
 export { DataTableCopyCell, type DataTableCopyCellProps, } from './data-table-copy-cell';
 export { DataTableStatusCell, type DataTableStatusCellProps, type StatusMapEntry, } from './data-table-status-cell';