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

package/dist/components/atoms/icon/icon-list.d.ts

@@ -222,6 +222,8 @@ declare const IconList: {
     Tag: import('@phosphor-icons/react').Icon;
     FilePlus: import('@phosphor-icons/react').Icon;
     CalendarPlus: import('@phosphor-icons/react').Icon;
+    Certificate: import('@phosphor-icons/react').Icon;
+    Stack: import('@phosphor-icons/react').Icon;
 };
 export type IconName = Exclude<keyof typeof IconList, "Icon" | "IconProps" | "IconWeight" | "IconContext">;
 export { IconList };

package/dist/components/atoms/icon/icon-list.js

@@ -19,8 +19,8 @@ import { FileArchiveIcon as S } from "../../../node_modules/@phosphor-icons/reac
 import { FilePdfIcon as w } from "../../../node_modules/@phosphor-icons/react/dist/csr/FilePdf.es.js";
 import { BoundingBoxIcon as g } from "../../../node_modules/@phosphor-icons/react/dist/csr/BoundingBox.es.js";
 import { TreeStructureIcon as P } from "../../../node_modules/@phosphor-icons/react/dist/csr/TreeStructure.es.js";
-import { ShoppingCartIcon as d } from "../../../node_modules/@phosphor-icons/react/dist/csr/ShoppingCart.es.js";
-import { CodeIcon as k } from "../../../node_modules/@phosphor-icons/react/dist/csr/Code.es.js";
+import { ShoppingCartIcon as k } from "../../../node_modules/@phosphor-icons/react/dist/csr/ShoppingCart.es.js";
+import { CodeIcon as d } from "../../../node_modules/@phosphor-icons/react/dist/csr/Code.es.js";
 import { FileTxtIcon as A } from "../../../node_modules/@phosphor-icons/react/dist/csr/FileTxt.es.js";
 import { FileZipIcon as D } from "../../../node_modules/@phosphor-icons/react/dist/csr/FileZip.es.js";
 import { TerminalWindowIcon as L } from "../../../node_modules/@phosphor-icons/react/dist/csr/TerminalWindow.es.js";
@@ -127,8 +127,8 @@ import { ShieldWarningIcon as Sr } from "../../../node_modules/@phosphor-icons/r
 import { UserSwitchIcon as wr } from "../../../node_modules/@phosphor-icons/react/dist/csr/UserSwitch.es.js";
 import { LightningIcon as gr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Lightning.es.js";
 import { MapPinIcon as Pr } from "../../../node_modules/@phosphor-icons/react/dist/csr/MapPin.es.js";
-import { EraserIcon as dr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Eraser.es.js";
-import { VaultIcon as kr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Vault.es.js";
+import { EraserIcon as kr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Eraser.es.js";
+import { VaultIcon as dr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Vault.es.js";
 import { ClockClockwiseIcon as Ar } from "../../../node_modules/@phosphor-icons/react/dist/csr/ClockClockwise.es.js";
 import { RepeatIcon as Dr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Repeat.es.js";
 import { EyeIcon as Lr } from "../../../node_modules/@phosphor-icons/react/dist/csr/Eye.es.js";
@@ -181,8 +181,8 @@ import { SortAscendingIcon as Se } from "../../../node_modules/@phosphor-icons/r
 import { SortDescendingIcon as we } from "../../../node_modules/@phosphor-icons/react/dist/csr/SortDescending.es.js";
 import { ArrowClockwiseIcon as ge } from "../../../node_modules/@phosphor-icons/react/dist/csr/ArrowClockwise.es.js";
 import { SparkleIcon as Pe } from "../../../node_modules/@phosphor-icons/react/dist/csr/Sparkle.es.js";
-import { ThumbsUpIcon as de } from "../../../node_modules/@phosphor-icons/react/dist/csr/ThumbsUp.es.js";
-import { ThumbsDownIcon as ke } from "../../../node_modules/@phosphor-icons/react/dist/csr/ThumbsDown.es.js";
+import { ThumbsUpIcon as ke } from "../../../node_modules/@phosphor-icons/react/dist/csr/ThumbsUp.es.js";
+import { ThumbsDownIcon as de } from "../../../node_modules/@phosphor-icons/react/dist/csr/ThumbsDown.es.js";
 import { DotsThreeCircleVerticalIcon as Ae } from "../../../node_modules/@phosphor-icons/react/dist/csr/DotsThreeCircleVertical.es.js";
 import { BugBeetleIcon as De } from "../../../node_modules/@phosphor-icons/react/dist/csr/BugBeetle.es.js";
 import { EnvelopeIcon as Le } from "../../../node_modules/@phosphor-icons/react/dist/csr/Envelope.es.js";
@@ -220,7 +220,9 @@ import { TestTubeIcon as ii } from "../../../node_modules/@phosphor-icons/react/
 import { TagIcon as mi } from "../../../node_modules/@phosphor-icons/react/dist/csr/Tag.es.js";
 import { FilePlusIcon as ai } from "../../../node_modules/@phosphor-icons/react/dist/csr/FilePlus.es.js";
 import { CalendarPlusIcon as ti } from "../../../node_modules/@phosphor-icons/react/dist/csr/CalendarPlus.es.js";
-const $n = {
+import { CertificateIcon as ni } from "../../../node_modules/@phosphor-icons/react/dist/csr/Certificate.es.js";
+import { StackIcon as si } from "../../../node_modules/@phosphor-icons/react/dist/csr/Stack.es.js";
+const Sn = {
   AidaLogo: r,
   Activity: We,
   FileSearch: He,
@@ -244,8 +246,8 @@ const $n = {
   FilePdf: w,
   BoundingBox: g,
   TreeStructure: P,
-  ShoppingCart: d,
-  Code: k,
+  ShoppingCart: k,
+  Code: d,
   FileTxt: A,
   FileZip: D,
   TerminalWindow: L,
@@ -348,8 +350,8 @@ const $n = {
   UserSwitch: wr,
   Lightning: gr,
   MapPin: Pr,
-  Eraser: dr,
-  Vault: kr,
+  Eraser: kr,
+  Vault: dr,
   ClockClockwise: Ar,
   Repeat: Dr,
   Eye: Lr,
@@ -404,8 +406,8 @@ const $n = {
   SortDescending: we,
   ArrowClockwise: ge,
   Sparkle: Pe,
-  ThumbsUp: de,
-  ThumbsDown: ke,
+  ThumbsUp: ke,
+  ThumbsDown: de,
   DotsThreeCircleVertical: Ae,
   BugBeetle: De,
   Envelope: Le,
@@ -443,8 +445,10 @@ const $n = {
   TestTube: ii,
   Tag: mi,
   FilePlus: ai,
-  CalendarPlus: ti
+  CalendarPlus: ti,
+  Certificate: ni,
+  Stack: si
 };
 export {
-  $n as IconList
+  Sn as IconList
 };

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';