@yuno-payments/dashboard-design-system 2.3.4 → 2.3.5

package/dist/components/organisms/data-table/components/dialogs/data-table-manage-columns-dialog.js

@@ -1,69 +1,68 @@
-import { j as l } from "../../../../../_virtual/jsx-runtime.js";
-import { useState as y } from "react";
-import { getColumnDisplayName as d } from "../../utils/data-table-utils.js";
-import { Dialog as C } from "../../../dialog/dialog.js";
-import { SearchField as V } from "../../../../atoms/search-field/search-field.js";
-import { Switch as j } from "../../../../atoms/switch/switch.js";
+import { j as s } from "../../../../../_virtual/jsx-runtime.js";
+import { useState as x } from "react";
+import { getColumnDisplayName as c } from "../../utils/data-table-utils.js";
+import { Dialog as y } from "../../../dialog/dialog.js";
+import { SearchField as N } from "../../../../atoms/search-field/search-field.js";
+import { Switch as V } from "../../../../atoms/switch/switch.js";
 function D({
-  isOpen: m,
-  onOpenChange: h,
-  toggleableColumns: t,
-  visibleColumnsCount: a,
-  translations: i
+  isOpen: d,
+  onOpenChange: m,
+  toggleableColumns: l,
+  visibleColumnsCount: t
 }) {
-  const [o, r] = y(""), u = () => {
-    r(""), h(!1);
-  }, n = t.filter((e) => d(e).toLowerCase().includes(o.toLowerCase())), p = () => {
-    t.forEach((e) => e.toggleVisibility(!0));
-  }, f = () => {
-    const e = t.filter(
-      (s) => s.getIsVisible()
+  const [a, n] = x(""), h = () => {
+    n(""), m(!1);
+  }, o = l.filter((e) => c(e).toLowerCase().includes(a.toLowerCase())), u = () => {
+    l.forEach((e) => e.toggleVisibility(!0));
+  }, p = () => {
+    const e = l.filter(
+      (i) => i.getIsVisible()
     );
-    e.length <= 1 || e.slice(1).forEach((s) => s.toggleVisibility(!1));
-  }, b = t.every(
+    e.length <= 1 || e.slice(1).forEach((i) => i.toggleVisibility(!1));
+  }, f = l.every(
     (e) => e.getIsVisible()
-  ), g = a <= 1;
-  return /* @__PURE__ */ l.jsx(
-    C,
+  ), b = t <= 1;
+  return /* @__PURE__ */ s.jsx(
+    y,
     {
-      open: m,
-      closeIcon: u,
-      title: i.manageColumns,
+      open: d,
+      closeIcon: h,
+      title: "Manage columns",
       widthContainer: 400,
       buttons: [
         {
-          children: i.hideAll,
+          children: "Hide all",
           variant: "link",
-          onClick: f,
-          disabled: g
+          onClick: p,
+          disabled: b
         },
         {
-          children: i.showAll,
+          children: "Show all",
           variant: "link",
-          onClick: p,
-          disabled: b
+          onClick: u,
+          disabled: f
         }
       ],
-      children: /* @__PURE__ */ l.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ l.jsx(
-          V,
+      children: /* @__PURE__ */ s.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ s.jsx(
+          N,
           {
-            placeholder: i.searchColumns,
-            value: o,
-            onSearch: r,
+            placeholder: "Search columns...",
+            value: a,
+            onSearch: n,
             className: "mb-6"
           }
         ),
-        /* @__PURE__ */ l.jsx("div", { className: "space-y-4 max-h-[300px] overflow-y-auto", children: n.length === 0 ? /* @__PURE__ */ l.jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: i.noColumnsFound }) : n.map((e) => {
-          const s = d(e), c = a === 1 && e.getIsVisible();
-          return /* @__PURE__ */ l.jsx(
-            j,
+        /* @__PURE__ */ s.jsx("div", { className: "space-y-4 max-h-[300px] overflow-y-auto", children: o.length === 0 ? /* @__PURE__ */ s.jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No columns found" }) : o.map((e) => {
+          const i = c(e), r = t === 1 && e.getIsVisible();
+          return /* @__PURE__ */ s.jsx(
+            V,
             {
               id: `column-${e.id}`,
               checked: e.getIsVisible(),
-              disabled: c,
-              label: `${s}${c ? ` ${i.lastColumn}` : ""}`,
-              onChange: (x) => e.toggleVisibility(x.target.checked)
+              disabled: r,
+              label: `${i}${r ? " (Last column)" : ""}`,
+              onChange: (g) => e.toggleVisibility(g.target.checked)
             },
             e.id
           );

package/dist/components/organisms/data-table/data-table.d.ts

@@ -1,5 +1,5 @@
 import { ColumnResizeMode } from '@tanstack/react-table';
-import { DataTableActionsConfig, DataTableColumnDef, DataTableTranslations, DataTableLanguage } from './data-table.types';
+import { DataTableActionsConfig, DataTableColumnDef } from './data-table.types';
 import { EmptyProps } from '../../molecules';
 /**
  * Props for the DataTable component
@@ -117,31 +117,6 @@ export interface DataTableProps<TData, TValue> {
      * @default false
      */
     enableColumnDragDrop?: boolean;
-    /**
-     * Language code for translations.
-     * When provided, uses built-in translations for the specified language.
-     * @default "en"
-     */
-    lang?: DataTableLanguage;
-    /**
-     * Translation strings for the column menu and dialogs.
-     * All fields are optional with English defaults.
-     * Overrides lang-based translations if both are provided.
-     *
-     * @example
-     * ```tsx
-     * <DataTable
-     *   lang="es"
-     *   translations={{
-     *     ascending: t('table.ascending'),
-     *     descending: t('table.descending'),
-     *     clearSorting: t('table.clearSorting'),
-     *     // ...
-     *   }}
-     * />
-     * ```
-     */
-    translations?: DataTableTranslations;
 }
 /**
  * Advanced data table component built on TanStack Table.
@@ -159,4 +134,4 @@ export interface DataTableProps<TData, TValue> {
  * />
  * ```
  */
-export declare function DataTable<TData, TValue>({ columns, data, isLoading, empty, checkboxSelection, rowSelection: externalRowSelection, onRowSelectionChange, enableSorting, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, enableColumnFilters, enableColumnResizing, columnResizeMode, enableColumnPinning, onRowClick, actions, height, rowHeight, className, persistKey, initialSettings, onUpdate, enableColumnDragDrop, lang, translations, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, isLoading, empty, checkboxSelection, rowSelection: externalRowSelection, onRowSelectionChange, enableSorting, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, enableColumnFilters, enableColumnResizing, columnResizeMode, enableColumnPinning, onRowClick, actions, height, rowHeight, className, persistKey, initialSettings, onUpdate, enableColumnDragDrop, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/data-table/data-table.js

@@ -1,222 +1,210 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import * as l from "react";
-import { useReactTable as ee } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { DragDropProvider as te } from "../../../node_modules/@dnd-kit/react/index.js";
-import { move as oe } from "../../../node_modules/@dnd-kit/helpers/dist/index.js";
-import { Table as ne } from "../../../vendor/shadcn/table.js";
-import { cn as R } from "../../../lib/utils.js";
-import { getDataTableTranslations as re } from "./data-table.types.js";
-import { DataTableLoading as se } from "./components/states/data-table-loading.js";
-import { DataTableHeader as ie } from "./components/data-table-header.js";
-import { DataTableBody as le } from "./components/data-table-body.js";
-import { useDataTableColumns as ae } from "./hooks/use-data-table-columns.js";
-import { useDataTableState as me } from "./hooks/use-data-table-state.js";
-import { ROW_HEIGHT_DEFAULT as ce } from "./utils/data-table-constants.js";
-import { getFilteredRowModel as ue, getSortedRowModel as de, getCoreRowModel as fe } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
-import { Empty as ge } from "../../molecules/empty/empty.js";
-function Me({
-  columns: h,
-  data: a,
-  isLoading: E = !1,
-  empty: F,
-  checkboxSelection: x = !1,
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import * as c from "react";
+import { useReactTable as Y } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { DragDropProvider as Z } from "../../../node_modules/@dnd-kit/react/index.js";
+import { move as V } from "../../../node_modules/@dnd-kit/helpers/dist/index.js";
+import { Table as ee } from "../../../vendor/shadcn/table.js";
+import { cn as S } from "../../../lib/utils.js";
+import { DataTableLoading as oe } from "./components/states/data-table-loading.js";
+import { DataTableHeader as te } from "./components/data-table-header.js";
+import { DataTableBody as ne } from "./components/data-table-body.js";
+import { useDataTableColumns as re } from "./hooks/use-data-table-columns.js";
+import { useDataTableState as se } from "./hooks/use-data-table-state.js";
+import { ROW_HEIGHT_DEFAULT as ie } from "./utils/data-table-constants.js";
+import { getFilteredRowModel as le, getSortedRowModel as ae, getCoreRowModel as me } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
+import { Empty as ce } from "../../molecules/empty/empty.js";
+function Te({
+  columns: b,
+  data: l,
+  isLoading: T = !1,
+  empty: w,
+  checkboxSelection: h = !1,
   rowSelection: u,
-  onRowSelectionChange: m,
-  enableSorting: M = !0,
-  manualSorting: O = !1,
-  sorting: A,
-  onSortingChange: k,
-  enableColumnFilters: L = !1,
+  onRowSelectionChange: a,
+  enableSorting: E = !0,
+  manualSorting: R = !1,
+  sorting: F,
+  onSortingChange: M,
+  enableColumnFilters: O = !1,
   enableColumnResizing: f = !0,
-  columnResizeMode: P = "onChange",
-  enableColumnPinning: B = !0,
-  onRowClick: H,
+  columnResizeMode: N = "onChange",
+  enableColumnPinning: k = !0,
+  onRowClick: A,
   actions: g,
-  height: I,
-  rowHeight: y = ce,
-  className: N,
-  persistKey: W,
-  initialSettings: _,
-  onUpdate: $,
-  enableColumnDragDrop: p = !1,
-  lang: j,
-  translations: D
+  height: L,
+  rowHeight: x = ie,
+  className: P,
+  persistKey: B,
+  initialSettings: H,
+  onUpdate: I,
+  enableColumnDragDrop: p = !1
 }) {
-  const C = l.useMemo(
-    () => ({
-      ...re(j),
-      ...D
-    }),
-    [j, D]
-  ), z = ae({
-    columns: h,
-    checkboxSelection: x,
+  const W = re({
+    columns: b,
+    checkboxSelection: h,
     actions: g
   }), {
-    sorting: T,
-    setSorting: v,
-    columnFilters: G,
-    setColumnFilters: U,
-    columnVisibility: q,
-    setColumnVisibility: J,
+    sorting: y,
+    setSorting: j,
+    columnFilters: _,
+    setColumnFilters: $,
+    columnVisibility: z,
+    setColumnVisibility: G,
     rowSelection: i,
-    setRowSelection: K,
-    columnPinning: Q,
-    handleColumnPinningChange: X,
+    setRowSelection: U,
+    columnPinning: q,
+    handleColumnPinningChange: J,
     columnOrder: d,
-    setColumnOrder: c
-  } = me({
-    persistKey: W,
+    setColumnOrder: m
+  } = se({
+    persistKey: B,
     hasActions: !!g,
-    externalSorting: A,
-    onExternalSortingChange: k,
+    externalSorting: F,
+    onExternalSortingChange: M,
     externalRowSelection: u,
-    initialSettings: _,
-    onUpdate: $,
+    initialSettings: H,
+    onUpdate: I,
     enableColumnDragDrop: p
-  }), r = ee({
-    data: a,
-    columns: z,
-    getCoreRowModel: fe(),
+  }), r = Y({
+    data: l,
+    columns: W,
+    getCoreRowModel: me(),
     enableColumnResizing: f,
-    columnResizeMode: P,
-    enableColumnPinning: B,
-    meta: {
-      translations: C
-    },
+    columnResizeMode: N,
+    enableColumnPinning: k,
     defaultColumn: {
       enableSorting: !1,
       minSize: 50
     },
-    ...M && {
+    ...E && {
       onSortingChange: (e) => {
-        v(typeof e == "function" ? e(T) : e);
+        j(typeof e == "function" ? e(y) : e);
       },
-      getSortedRowModel: de(),
-      manualSorting: O
+      getSortedRowModel: ae(),
+      manualSorting: R
     },
-    ...L && {
-      onColumnFiltersChange: U,
-      getFilteredRowModel: ue()
+    ...O && {
+      onColumnFiltersChange: $,
+      getFilteredRowModel: le()
     },
-    onColumnVisibilityChange: J,
+    onColumnVisibilityChange: G,
     onRowSelectionChange: (e) => {
-      const t = typeof e == "function" ? e(i) : e;
-      if (K(t), m && u !== void 0) {
-        const s = Object.keys(t).filter((n) => t[n]).map((n) => a[parseInt(n)]).filter(Boolean);
-        m(t, s);
+      const o = typeof e == "function" ? e(i) : e;
+      if (U(o), a && u !== void 0) {
+        const s = Object.keys(o).filter((n) => o[n]).map((n) => l[parseInt(n)]).filter(Boolean);
+        a(o, s);
       }
     },
-    onColumnPinningChange: X,
-    onColumnOrderChange: c,
+    onColumnPinningChange: J,
+    onColumnOrderChange: m,
     state: {
-      sorting: T,
-      columnFilters: G,
-      columnVisibility: q,
+      sorting: y,
+      columnFilters: _,
+      columnVisibility: z,
       rowSelection: i,
-      columnPinning: Q,
+      columnPinning: q,
       columnOrder: d
     }
   });
-  l.useEffect(() => {
-    if (m && u === void 0) {
-      const e = Object.keys(i).filter((t) => i[t]).map((t) => a[parseInt(t)]).filter(Boolean);
-      m(i, e);
+  c.useEffect(() => {
+    if (a && u === void 0) {
+      const e = Object.keys(i).filter((o) => i[o]).map((o) => l[parseInt(o)]).filter(Boolean);
+      a(i, e);
     }
-  }, [i, m, a, u]);
-  const S = l.useRef([]), Y = l.useCallback(() => {
-    S.current = d.length > 0 ? [...d] : r.getAllLeafColumns().map((e) => e.id);
-  }, [d, r]), Z = l.useCallback(
+  }, [i, a, l, u]);
+  const v = c.useRef([]), K = c.useCallback(() => {
+    v.current = d.length > 0 ? [...d] : r.getAllLeafColumns().map((e) => e.id);
+  }, [d, r]), Q = c.useCallback(
     (e) => {
-      c((t) => {
-        const s = t.length > 0 ? t : r.getAllLeafColumns().map((b) => b.id);
-        return oe({ columns: s }, e).columns;
+      m((o) => {
+        const s = o.length > 0 ? o : r.getAllLeafColumns().map((C) => C.id);
+        return V({ columns: s }, e).columns;
       });
     },
-    [r, c]
-  ), V = l.useCallback(
+    [r, m]
+  ), X = c.useCallback(
     (e) => {
-      e.operation.canceled && c(S.current);
+      e.operation.canceled && m(v.current);
     },
-    [c]
+    [m]
   );
-  if (E)
-    return /* @__PURE__ */ o.jsx(
-      se,
+  if (T)
+    return /* @__PURE__ */ t.jsx(
+      oe,
       {
-        columns: h,
-        checkboxSelection: x,
+        columns: b,
+        checkboxSelection: h,
         actions: g,
-        rowHeight: y
+        rowHeight: x
       }
     );
-  if (a.length === 0) {
-    const e = F || {}, {
-      title: t,
-      description: s,
+  if (l.length === 0) {
+    const e = w || {}, {
+      title: o = "No results",
+      description: s = "No data available",
       media: n,
-      actions: b
+      actions: C
     } = e;
-    return /* @__PURE__ */ o.jsx(
-      ge,
+    return /* @__PURE__ */ t.jsx(
+      ce,
       {
         media: n,
-        title: t ?? C.noResults,
-        description: s ?? C.noDataAvailable,
-        actions: b
+        title: o,
+        description: s,
+        actions: C
       }
     );
   }
-  const w = /* @__PURE__ */ o.jsx("div", { className: R("yuno-data-table space-y-4", N), children: /* @__PURE__ */ o.jsx(
+  const D = /* @__PURE__ */ t.jsx("div", { className: S("yuno-data-table space-y-4", P), children: /* @__PURE__ */ t.jsx(
     "div",
     {
       className: "yuno-data-table rounded-md border overflow-x-auto",
-      style: { height: I || "auto" },
-      children: /* @__PURE__ */ o.jsxs(ne, { className: R("table-fixed"), children: [
-        /* @__PURE__ */ o.jsx("colgroup", { children: r.getHeaderGroups()[0]?.headers.map((e) => {
-          const t = e.column.columnDef.enableResizing === !1, s = e.column.id === "_spacer", n = e.column.getSize();
-          return s ? /* @__PURE__ */ o.jsx("col", { style: { width: "auto" } }, e.id) : /* @__PURE__ */ o.jsx(
+      style: { height: L || "auto" },
+      children: /* @__PURE__ */ t.jsxs(ee, { className: S("table-fixed"), children: [
+        /* @__PURE__ */ t.jsx("colgroup", { children: r.getHeaderGroups()[0]?.headers.map((e) => {
+          const o = e.column.columnDef.enableResizing === !1, s = e.column.id === "_spacer", n = e.column.getSize();
+          return s ? /* @__PURE__ */ t.jsx("col", { style: { width: "auto" } }, e.id) : /* @__PURE__ */ t.jsx(
             "col",
             {
               style: {
-                width: t ? `${n}px` : "auto",
-                minWidth: t ? `${n}px` : void 0,
-                maxWidth: t ? `${n}px` : void 0
+                width: o ? `${n}px` : "auto",
+                minWidth: o ? `${n}px` : void 0,
+                maxWidth: o ? `${n}px` : void 0
               }
             },
             e.id
           );
         }) }),
-        /* @__PURE__ */ o.jsx(
-          ie,
+        /* @__PURE__ */ t.jsx(
+          te,
           {
             table: r,
             enableColumnResizing: f,
             enableColumnDragDrop: p
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          le,
+        /* @__PURE__ */ t.jsx(
+          ne,
           {
             table: r,
             enableColumnResizing: f,
-            onRowClick: H,
-            rowHeight: y
+            onRowClick: A,
+            rowHeight: x
           }
         )
       ] })
     }
   ) });
-  return p ? /* @__PURE__ */ o.jsx(
-    te,
+  return p ? /* @__PURE__ */ t.jsx(
+    Z,
     {
-      onDragStart: Y,
-      onDragOver: Z,
-      onDragEnd: V,
-      children: w
+      onDragStart: K,
+      onDragOver: Q,
+      onDragEnd: X,
+      children: D
     }
-  ) : w;
+  ) : D;
 }
 export {
-  Me as DataTable
+  Te as DataTable
 };

package/dist/components/organisms/data-table/data-table.types.d.ts

@@ -1,77 +1,9 @@
 import { ColumnDef, RowData, SortingState, VisibilityState, ColumnFiltersState, PaginationState, RowSelectionState, Table, Column, CellContext, HeaderContext } from '@tanstack/react-table';
 import { IconName } from '../../atoms/icon';
 import { EmptyProps } from '../../molecules';
-/**
- * Supported languages for DataTable translations
- */
-export type DataTableLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" | "ru" | "de" | "zh";
-/**
- * Translation strings for the DataTable column menu and dialogs.
- * All fields are optional with English defaults.
- */
-export interface DataTableTranslations {
-    /** @default "Ascending" */
-    ascending?: string;
-    /** @default "Descending" */
-    descending?: string;
-    /** @default "Clear sorting" */
-    clearSorting?: string;
-    /** @default "Pin to the left" */
-    pinToLeft?: string;
-    /** @default "Pin to the right" */
-    pinToRight?: string;
-    /** @default "Unpin" */
-    unpin?: string;
-    /** @default "Hide" */
-    hide?: string;
-    /** @default "(Last column)" */
-    lastColumn?: string;
-    /** @default "Manage columns" */
-    manageColumns?: string;
-    /** @default "Hide all" */
-    hideAll?: string;
-    /** @default "Show all" */
-    showAll?: string;
-    /** @default "Search columns..." */
-    searchColumns?: string;
-    /** @default "No columns found" */
-    noColumnsFound?: string;
-    /** @default "No results" */
-    noResults?: string;
-    /** @default "No data available" */
-    noDataAvailable?: string;
-    /** @default "Sort ascending" */
-    sortAscending?: string;
-    /** @default "Sort descending" */
-    sortDescending?: string;
-    /** @default "Pinned column" */
-    pinnedColumn?: string;
-    /** @default "Menu" */
-    menu?: string;
-    /** @default "Actions" */
-    actions?: string;
-    /** @default "Select all" */
-    selectAll?: string;
-    /** @default "Select row" */
-    selectRow?: string;
-}
-/**
- * Default English translations for DataTable
- */
-export declare const DEFAULT_DATA_TABLE_TRANSLATIONS: Required<DataTableTranslations>;
-/**
- * All DataTable translations by language code
- */
-export declare const DATA_TABLE_TRANSLATIONS: Record<DataTableLanguage, Required<DataTableTranslations>>;
-/**
- * Get translations for a specific language
- * Falls back to English if language not found
- */
-export declare function getDataTableTranslations(lang?: DataTableLanguage): Required<DataTableTranslations>;
 declare module "@tanstack/react-table" {
     interface TableMeta<TData extends RowData> {
         updateData?: (rowIndex: number, columnId: string, value: unknown) => void;
-        translations?: Required<DataTableTranslations>;
     }
 }
 export interface DataTableActionsConfig<TData> {

package/dist/components/organisms/data-table/index.d.ts

@@ -3,6 +3,5 @@ export type { DataTableProps } from './data-table';
 export { DataTableColumnHeader } from './components/column-header/data-table-column-header';
 export { DataTableSortIndicator } from './components/column-header/data-table-sort-indicator';
 export { DataTableListCell } from './components/cells/data-table-list-cell';
-export type { DataTableActionsConfig, DataTableColumnDef, DataTableColumnHeaderConfig, DataTableTranslations, DataTableLanguage, } from './data-table.types';
-export { DEFAULT_DATA_TABLE_TRANSLATIONS, DATA_TABLE_TRANSLATIONS, getDataTableTranslations, } from './data-table.types';
+export type { DataTableActionsConfig, DataTableColumnDef, DataTableColumnHeaderConfig, } from './data-table.types';
 export type { DataTableListCellProps, DataTableListCellItem, } from './components/cells/data-table-list-cell';

package/dist/components/organisms/data-table/utils/data-table-utils.js

@@ -1,23 +1,20 @@
-function r(e) {
+function f(e) {
   return typeof e == "object" && e !== null && "title" in e && typeof e.title == "string";
 }
-function f(e) {
+function n(e) {
   return typeof e.columnDef.header == "string" ? e.columnDef.header : e.columnDef.header && typeof e.columnDef.header == "object" && "title" in e.columnDef.header ? e.columnDef.header.title : e.id;
 }
-function o(e, t, i, n) {
+function o(e, t, i, r) {
   return e ? {
     position: "sticky",
-    // Use logical properties so pinned columns work in both LTR and RTL.
-    // "left"-pinned columns stick to the inline-start edge,
-    // "right"-pinned columns (e.g. actions) stick to the inline-end edge.
-    insetInlineStart: e === "left" ? `${t("left")}px` : void 0,
-    insetInlineEnd: e === "right" ? `${i("right")}px` : void 0,
+    left: e === "left" ? `${t("left")}px` : void 0,
+    right: e === "right" ? `${i("right")}px` : void 0,
     zIndex: 10,
-    backgroundColor: n
+    backgroundColor: r
   } : {};
 }
 export {
-  f as getColumnDisplayName,
+  n as getColumnDisplayName,
   o as getPinnedStyles,
-  r as isHeaderConfig
+  f as isHeaderConfig
 };