@ztwoint/z-ui 0.1.45 → 0.1.47

package/dist/components/table/components/table-filter/table-filter-provider.d.ts

@@ -0,0 +1,14 @@
+import { TableFilterProps } from './table-filter.type';
+import { TableFilterButton } from './table-filter-button';
+import { TableFilterColumnButton } from './table-filter-column-button';
+import * as React from 'react';
+export interface TableFilterProviderProps extends TableFilterProps {
+    children: React.ReactNode;
+}
+export declare const TableFilterProvider: React.FC<TableFilterProviderProps>;
+interface TableFilterCompoundComponent extends React.FC<TableFilterProviderProps> {
+    FilterButton: typeof TableFilterButton;
+    FilterColumnButton: typeof TableFilterColumnButton;
+}
+export declare const TableFilter: TableFilterCompoundComponent;
+export {};

package/dist/components/table/components/table-filter/table-filter-provider.js

@@ -0,0 +1,32 @@
+import { jsx as u } from "react/jsx-runtime";
+import m from "./table-filter.hook.js";
+import { TableFilterContext as a } from "./table-filter.context.js";
+import { TableFilterButton as F } from "./table-filter-button.js";
+import { TableFilterColumnButton as b } from "./table-filter-column-button.js";
+const p = ({
+  children: e,
+  filterComponents: l = {},
+  schema: o,
+  filter: t
+}) => {
+  const n = m({
+    schema: o,
+    filter: t || { value: [], onChange: () => {
+    } }
+  });
+  if (!t)
+    return null;
+  const i = {
+    ...n,
+    schema: o,
+    filter: t,
+    filterComponents: l
+  };
+  return /* @__PURE__ */ u(a.Provider, { value: i, children: e });
+}, r = p;
+r.FilterButton = F;
+r.FilterColumnButton = b;
+export {
+  r as TableFilter,
+  p as TableFilterProvider
+};

package/dist/components/table/components/table-filter/table-filter.context.d.ts

@@ -0,0 +1,21 @@
+import { TableSchema, TableFilter as TableFilterType, FilterRule } from '../../table.type';
+import { FilterComponentType } from './table-filter.type';
+import * as React from 'react';
+export interface TableFilterContextValue {
+    selectedColumn: string | null;
+    setSelectedColumn: (column: string | null) => void;
+    getFilterForColumn: (columnKey: string) => FilterRule | undefined;
+    hasFilterForColumn: (columnKey: string) => boolean;
+    hasAppliedFilterForColumn: (columnKey: string) => boolean;
+    updateColumnFilter: (columnKey: string, condition?: string, value?: string | string[]) => void;
+    clearAllFilters: () => void;
+    applyFilters: () => void;
+    hasActiveFilters: boolean;
+    filterableFields: TableSchema;
+    tempFilters: FilterRule[];
+    schema: TableSchema;
+    filter: TableFilterType;
+    filterComponents?: Record<string, FilterComponentType>;
+}
+export declare const TableFilterContext: React.Context<TableFilterContextValue | undefined>;
+export declare const useTableFilterContext: () => TableFilterContextValue;

package/dist/components/table/components/table-filter/table-filter.context.js

@@ -0,0 +1,13 @@
+import * as e from "react";
+const o = e.createContext(
+  void 0
+), r = () => {
+  const t = e.useContext(o);
+  if (t === void 0)
+    throw new Error("useTableFilterContext must be used within a TableFilterProvider");
+  return t;
+};
+export {
+  o as TableFilterContext,
+  r as useTableFilterContext
+};

package/dist/components/table/components/table-filter/table-filter.hook.d.ts

@@ -2,16 +2,15 @@ import { default as React } from 'react';
 import { TableFilterProps } from './table-filter.type';
 import { FilterRule } from '../../table.type';
 declare const useTableFilter: ({ filter, schema }: TableFilterProps) => {
-    isOpen: boolean;
     selectedColumn: string | null;
     setSelectedColumn: React.Dispatch<React.SetStateAction<string | null>>;
     getFilterForColumn: (columnKey: string) => FilterRule | undefined;
     hasFilterForColumn: (columnKey: string) => boolean;
+    hasAppliedFilterForColumn: (columnKey: string) => boolean;
     updateColumnFilter: (columnKey: string, condition?: string, value?: string | string[]) => void;
     clearAllFilters: () => void;
     applyFilters: () => void;
     hasActiveFilters: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     tempFilters: FilterRule[];
     filterableFields: import('../../table.type').TableSchemaColumn[];
 };

package/dist/components/table/components/table-filter/table-filter.hook.js

@@ -1,54 +1,56 @@
-import a from "react";
-const b = ({ filter: s, schema: p }) => {
-  const [m, o] = a.useState(!1), [i, c] = a.useState(null), [l, n] = a.useState(s.value), u = p.filter((t) => t.filterable !== !1);
-  a.useEffect(() => {
-    !i && u.length > 0 && c(u[0].key);
-  }, [i, u]);
-  const d = (t) => l.find((e) => e.field === t), g = (t) => {
-    const e = d(t);
+import u from "react";
+const S = ({ filter: l, schema: v }) => {
+  const [i, f] = u.useState(null), [r, n] = u.useState(l.value), a = v.filter((t) => t.filterable !== !1);
+  u.useEffect(() => {
+    !i && a.length > 0 && f(a[0].key);
+  }, [i, a]);
+  const c = (t) => r.find((e) => e.field === t), p = (t) => {
+    const e = c(t);
     return e ? Array.isArray(e.value) ? e.value.length > 0 : e.value !== "" : !1;
-  }, h = (t, e, f) => {
-    const F = l.findIndex((r) => r.field === t);
-    if (F >= 0) {
-      const r = l.map(
-        (v, x) => x === F ? {
-          ...v,
+  }, m = (t) => l.value.find((e) => e.field === t), A = (t) => {
+    const e = m(t);
+    return e ? Array.isArray(e.value) ? e.value.length > 0 : e.value !== "" : !1;
+  }, g = (t, e, o) => {
+    const d = r.findIndex((s) => s.field === t);
+    if (d >= 0) {
+      const s = r.map(
+        (F, x) => x === d ? {
+          ...F,
           ...e !== void 0 ? { condition: e } : {},
-          ...f !== void 0 ? { value: f } : {}
-        } : v
+          ...o !== void 0 ? { value: o } : {}
+        } : F
       );
-      n(r);
+      n(s);
     } else {
-      const r = {
+      const s = {
         field: t,
         ...e ? { condition: e } : {},
-        value: f || ""
+        value: o || ""
       };
-      n([...l, r]);
+      n([...r, s]);
     }
-  }, A = () => {
+  }, h = () => {
     n([]);
   }, C = () => {
-    const t = l.filter((e) => Array.isArray(e.value) ? e.value.length > 0 : e.value !== "");
-    s.onChange(t), o(!1);
-  }, y = s.value.length > 0;
-  return a.useEffect(() => {
-    n(s.value);
-  }, [s.value]), {
-    isOpen: m,
+    const t = r.filter((e) => Array.isArray(e.value) ? e.value.length > 0 : e.value !== "");
+    l.onChange(t);
+  }, y = l.value.length > 0;
+  return u.useEffect(() => {
+    n(l.value);
+  }, [l.value]), {
     selectedColumn: i,
-    setSelectedColumn: c,
-    getFilterForColumn: d,
-    hasFilterForColumn: g,
-    updateColumnFilter: h,
-    clearAllFilters: A,
+    setSelectedColumn: f,
+    getFilterForColumn: c,
+    hasFilterForColumn: p,
+    hasAppliedFilterForColumn: A,
+    updateColumnFilter: g,
+    clearAllFilters: h,
     applyFilters: C,
     hasActiveFilters: y,
-    setIsOpen: o,
-    tempFilters: l,
-    filterableFields: u
+    tempFilters: r,
+    filterableFields: a
   };
 };
 export {
-  b as default
+  S as default
 };

package/dist/components/table/components/table-header/stories/basic-header.d.ts

@@ -1,3 +1,3 @@
 import { StoryObj } from '@storybook/react';
-export declare const basicHeaderUsageCode = "import { Table, TableHeader } from '@/components/table';\n\nconst schema = [\n  {\n    key: 'id',\n    title: 'ID',\n    cellType: 'number',\n    sortable: true,\n  },\n  {\n    key: 'name',\n    title: 'Name',\n    cellType: 'text',\n    sortable: true,\n  },\n];\n\nconst data = [\n  { id: 1, name: 'John Doe' },\n  { id: 2, name: 'Jane Smith' },\n];\n\nfunction MyTable() {\n  return (\n    <Table dataSource={data} schema={schema}>\n      <table className=\"w-full\">\n        <TableHeader \n          schema={schema}\n          cell={{ cellHeight: 'small', hasBorder: true }}\n        />\n        {/* Table body goes here */}\n      </table>\n    </Table>\n  );\n}";
+export declare const basicHeaderUsageCode = "import { Table, TableHeader } from '@/components/table';\n\nconst schema = [\n  {\n    key: 'id',\n    title: 'ID',\n    cellType: 'number',\n    sortable: true,\n  },\n  {\n    key: 'name',\n    title: 'Name',\n    cellType: 'label',\n    sortable: true,\n  },\n];\n\nconst data = [\n  { id: 1, name: 'John Doe' },\n  { id: 2, name: 'Jane Smith' },\n];\n\nfunction MyTable() {\n  return (\n    <Table dataSource={data} schema={schema}>\n      <table className=\"w-full\">\n        <TableHeader \n          schema={schema}\n          cell={{ hasBorder: true }}\n        />\n        {/* Table body goes here */}\n      </table>\n    </Table>\n  );\n}";
 export declare const BasicHeader: StoryObj;

package/dist/components/table/components/table-header/table-header.js

@@ -1,31 +1,31 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { TABLE_CSS_CLASSES as t } from "../../table.const.js";
-import { TableSortIcon as n } from "./table-sort-icon.js";
-import { getCurrentSortDirection as h, isSortActive as p, handleSortClick as C } from "./table-header.utils.js";
+import { TableSortIcon as h } from "./table-sort-icon.js";
+import { getCurrentSortDirection as n, isSortActive as p, handleSortClick as C } from "./table-header.utils.js";
 import "react";
 import { cn as S } from "../../../../lib/utils.js";
 const x = ({
-  schema: a,
-  sort: i,
+  schema: i,
+  sort: a,
   cell: o,
   stickyHeader: s = !1
 }) => /* @__PURE__ */ r(
   "thead",
   {
     className: `${t.header} ${s ? "sticky top-[-1.5px] z-1" : ""}`,
-    children: /* @__PURE__ */ r("tr", { children: a.map((e) => {
-      const l = h(e.key, i), d = p(e.key, i);
+    children: /* @__PURE__ */ r("tr", { children: i.map((e) => {
+      const l = n(e.key, a), d = p(e.key, a);
       return /* @__PURE__ */ r(
         "th",
         {
           className: S(
-            e.sortable ? t.sortableHeaderCell : t.headerCell,
-            t.cell.hasBorder[o.hasBorder ? "true" : "false"]
+            e.sortable ? t.sortableHeaderCell : t.headerCell.default,
+            t.headerCell.hasBorder[o.hasBorder ? "true" : "false"]
           ),
-          onClick: e.sortable ? () => C(e.key, i) : void 0,
+          onClick: e.sortable ? () => C(e.key, a) : void 0,
           children: /* @__PURE__ */ c("div", { className: t.headerCellContent, children: [
             /* @__PURE__ */ r("span", { children: e.title }),
-            e.sortable && /* @__PURE__ */ r(n, { direction: l, isActive: d })
+            e.sortable && /* @__PURE__ */ r(h, { direction: l, isActive: d })
           ] })
         },
         e.key

package/dist/components/table/index.d.ts

@@ -1,9 +1,8 @@
 export { Table as default, Table, TableProvider } from './table-provider';
 export { TableBody } from './table';
 export type { TableProps, TableSchema, TableSchemaColumn, CellType, CellValue, CellRenderer, CellRendererProps, FilterRule, FilterCondition, FilterOption, TableFilter as TableFilterType, TablePaginationConfig, SortDirection, SortColumn, TableSort, } from './table.type';
-export { getNestedValue, extractCellValue } from './table.utils';
+export { extractCellValue } from './table.utils';
 export { DEFAULT_EMPTY_MESSAGE, TABLE_CSS_CLASSES } from './table.const';
 export { TableContext, useTableContext } from './table.context';
-export { TableCell, TableHeader, TableRow, TableEmptyState, TableLoadingState, TablePagination, TextCell, NumberCell, BooleanCell, TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent, } from './components';
-export { TableFilter } from './components/table-filter';
+export { TableCell, TableHeader, TableRow, TableEmptyState, TableLoadingState, TablePagination, NumberCell, BooleanCell, TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent, } from './components';
 export { PaginationInfo, PaginationQuickJumper } from './components/pagination/components';

package/dist/components/table/table-provider.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from './table.type';
 import { TableBody } from './table';
-import { TableFilter } from './components/table-filter';
+import { TableFilter } from './components/table-filter/table-filter-provider';
 import { TableSearch } from './components/table-search';
 import { Pagination } from './components/pagination';
 import { TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent } from './components';

package/dist/components/table/table-provider.js

@@ -1,45 +1,74 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import { TableContext as m } from "./table.context.js";
-import { TableBody as p } from "./table.js";
-import { TableFilter as f } from "./components/table-filter/table-filter.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { TableContext as a } from "./table.context.js";
+import { TableBody as n } from "./table.js";
+import { TableFilter as f } from "./components/table-filter/table-filter-provider.js";
 import { TableSearch as l } from "./components/table-search/table-search.js";
 import { Pagination as s } from "./components/pagination/pagination.js";
+import { PaginationInfo as T } from "./components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as b } from "./components/pagination/components/pagination-quick-jumper.js";
 import "clsx";
 import "tailwind-merge";
-import { TableHeaderWrapper as T } from "./components/table-header-wrapper.js";
-import { TableHeaderContent as b } from "./components/table-header-content.js";
-import { TableFooter as c } from "./components/table-footer.js";
-import { TableFooterContent as d } from "./components/table-footer-content.js";
-import { PaginationInfo as u } from "./components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as g } from "./components/pagination/components/pagination-quick-jumper.js";
+/* empty css                        */
+import "../alert/alert.const.js";
+import "../button/button.js";
+import "../collapsible-side-nav-bar/side-nav-bar-provider.js";
+import "../collapsible-side-nav-bar/side-nav-bar.js";
+import "../collapsible-side-nav-bar/side-nav-bar-header.js";
+import "../collapsible-side-nav-bar/side-nav-bar-content.js";
+import "../collapsible-side-nav-bar/side-nav-bar-footer.js";
+import "../collapsible-side-nav-bar/side-nav-bar-group.js";
+import "../collapsible-side-nav-bar/side-nav-bar-item.js";
+import "../collapsible-side-nav-bar/side-nav-bar-separator.js";
+import "../collapsible-side-nav-bar/context.js";
+import "../collapsible-side-nav-bar/popover/popover.js";
+import "react-country-flag";
+import "classnames";
+import "@radix-ui/react-dialog";
+import "../dropdown/z2-dropdown.js";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+import "../input/input.js";
+import "../nav-header/nav-header.js";
+import "../nav-header/nav-item/nav-item.js";
+import "@radix-ui/react-select";
+import "../stepper/stepper.js";
+import "../stepper-item/stepper-item.js";
+import "@radix-ui/react-tabs";
+import "../tooltip/tooltip.js";
+import "../badge/badge.js";
+import "../avatar/avatar.js";
+import { TableHeaderWrapper as c } from "./components/table-header-wrapper.js";
+import { TableHeaderContent as d } from "./components/table-header-content.js";
+import { TableFooter as u } from "./components/table-footer.js";
+import { TableFooterContent as g } from "./components/table-footer-content.js";
 const t = ({
-  children: e,
+  children: i,
   pagination: C,
   sort: F,
   filter: v,
   filterComponents: x,
   ...r
 }) => {
-  const i = n.useMemo(
+  const m = p.useMemo(
     () => ({
       ...r
     }),
     [r]
   );
-  return /* @__PURE__ */ a(m.Provider, { value: i, children: e });
+  return /* @__PURE__ */ e(a.Provider, { value: m, children: i });
 }, P = t, o = P;
-o.Body = p;
+o.Body = n;
 o.Filter = f;
 o.Search = l;
 o.Pagination = s;
-o.PaginationInfo = u;
-o.PaginationQuickJumper = g;
+o.PaginationInfo = T;
+o.PaginationQuickJumper = b;
 o.Provider = t;
-o.Header = T;
-o.HeaderContent = b;
-o.Footer = c;
-o.FooterContent = d;
+o.Header = c;
+o.HeaderContent = d;
+o.Footer = u;
+o.FooterContent = g;
 export {
   o as Table,
   t as TableProvider,

package/dist/components/table/table.const.d.ts

@@ -3,22 +3,24 @@ export declare const TABLE_CSS_CLASSES: {
     readonly table: "w-full";
     readonly header: "bg-background-neutral-medium text-text-neutral-secondary";
     readonly cell: {
-        readonly default: "px-4 py-3 text-sm";
-        readonly cellHeight: {
-            readonly small: "p-3";
-            readonly large: "p-4";
-        };
+        readonly default: "p-0 align-middle relative h-4";
         readonly hasBorder: {
-            readonly true: "border border-stroke-solid-light";
+            readonly true: "border-r border-b border-stroke-solid-light";
             readonly false: "border-b border-stroke-solid-light";
         };
     };
-    readonly headerCell: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider";
+    readonly headerCell: {
+        readonly default: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider";
+        readonly hasBorder: {
+            readonly true: "border-none [box-shadow:inset_-1px_0_0_0_var(--color-stroke-solid-light),_inset_0_-1px_0_0_var(--color-stroke-solid-light)]";
+            readonly false: "border-none [box-shadow:inset_0_-1px_0_0_var(--color-stroke-solid-light)]";
+        };
+    };
     readonly sortableHeaderCell: "p-3 text-left text-xs font-medium uppercase tracking-wider cursor-pointer transition-colors duration-200";
     readonly headerCellContent: "flex items-center justify-between";
     readonly sortIcon: "ml-2 w-4 h-4 text-gray-400";
     readonly sortIconActive: "ml-2 w-4 h-4 text-gray-600";
-    readonly row: "hover:bg-surface-neutral-hover transition-colors duration-200 text-text-neutral-primary";
+    readonly row: " transition-colors duration-200 text-text-neutral-primary";
     readonly emptyState: "px-4 py-8 text-center text-gray-500";
     readonly loading: "px-4 py-8 text-center text-gray-500";
 };

package/dist/components/table/table.const.js

@@ -2,22 +2,24 @@ const e = "No data available", t = {
   table: "w-full",
   header: "bg-background-neutral-medium text-text-neutral-secondary",
   cell: {
-    default: "px-4 py-3 text-sm",
-    cellHeight: {
-      small: "p-3",
-      large: "p-4"
-    },
+    default: "p-0 align-middle relative h-4",
     hasBorder: {
-      true: "border border-stroke-solid-light",
+      true: "border-r border-b border-stroke-solid-light",
       false: "border-b border-stroke-solid-light"
     }
   },
-  headerCell: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider",
+  headerCell: {
+    default: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider",
+    hasBorder: {
+      true: "border-none [box-shadow:inset_-1px_0_0_0_var(--color-stroke-solid-light),_inset_0_-1px_0_0_var(--color-stroke-solid-light)]",
+      false: "border-none [box-shadow:inset_0_-1px_0_0_var(--color-stroke-solid-light)]"
+    }
+  },
   sortableHeaderCell: "p-3 text-left text-xs font-medium uppercase tracking-wider cursor-pointer transition-colors duration-200",
   headerCellContent: "flex items-center justify-between",
   sortIcon: "ml-2 w-4 h-4 text-gray-400",
   sortIconActive: "ml-2 w-4 h-4 text-gray-600",
-  row: "hover:bg-surface-neutral-hover transition-colors duration-200 text-text-neutral-primary",
+  row: " transition-colors duration-200 text-text-neutral-primary",
   emptyState: "px-4 py-8 text-center text-gray-500",
   loading: "px-4 py-8 text-center text-gray-500"
 };

package/dist/components/table/table.js

@@ -6,13 +6,7 @@ import { TableRow as E } from "./components/table-row.js";
 import { TableEmptyState as y } from "./components/table-empty-state.js";
 import { TableLoadingState as x } from "./components/table-loading-state.js";
 import { TableContext as C } from "./table.context.js";
-const w = ({
-  cell: r = { cellHeight: "small", hasBorder: !0 },
-  sort: l,
-  className: m,
-  stickyHeader: s = !1,
-  ...n
-}) => {
+const w = ({ cell: r = { hasBorder: !0 }, sort: l, className: m, stickyHeader: s = !1, ...n }) => {
   const c = u.useContext(C), {
     dataSource: o = [],
     schema: t = [],

package/dist/components/table/table.type.d.ts

@@ -1,6 +1,12 @@
 import { FC } from 'react';
 import { FilterComponentType } from './components/table-filter/table-filter.type';
-export type CellType = 'text' | 'number' | 'boolean' | 'checkbox';
+import { NumberCellProps } from './components/cell/number-cell';
+import { BooleanCellProps } from './components/cell/boolean-cell';
+import { LinkCellProps } from './components/cell/link-cell';
+import { AvatarCellProps } from './components/cell/avatar-cell';
+import { LabelCellProps } from './components/cell/label-cell';
+import { DescriptionCellProps } from './components/cell/description-cell';
+export type CellType = 'number' | 'boolean' | 'checkbox' | 'link' | 'avatar' | 'label' | 'description' | 'text';
 export type CellValue = string | number | boolean | null | undefined;
 export type CellRendererProps = {
     value: CellValue;
@@ -17,6 +23,7 @@ export type FilterRule = {
 export type FilterOption = {
     label: string;
     value: string;
+    total?: number;
 };
 export type TableFilter = {
     value: FilterRule[];
@@ -45,21 +52,46 @@ export type TableSort = {
     sortedColumns: SortColumn[];
     onSort: (field: string, direction: SortDirection) => void;
 };
-export type TableSchemaColumn = {
+type CellPropsByType = {
+    number: Omit<NumberCellProps, 'value'>;
+    boolean: Omit<BooleanCellProps, 'value'>;
+    checkbox: Omit<BooleanCellProps, 'value'>;
+    link: Omit<LinkCellProps, 'value' | 'href'> & {
+        href: string;
+    };
+    avatar: Omit<AvatarCellProps, 'value'>;
+    label: Omit<LabelCellProps, 'value'>;
+    description: Omit<DescriptionCellProps, 'value'>;
+};
+type ColumnBase<T extends CellType> = {
     key: string;
     title: string;
-    cellType: CellType;
+    cellType: T;
     cellRenderer?: CellRenderer;
     filterable?: boolean;
     hideable?: boolean;
     sortable?: boolean;
     filterOptions?: FilterOption[];
 };
+export type TableSchemaColumn = (ColumnBase<'number'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['number'];
+}) | (ColumnBase<'boolean'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['boolean'];
+}) | (ColumnBase<'checkbox'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['checkbox'];
+}) | (ColumnBase<'link'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['link'];
+}) | (ColumnBase<'avatar'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['avatar'];
+}) | (ColumnBase<'label'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['label'];
+}) | (ColumnBase<'description'> & {
+    valueGetter?: (record: Record<string, unknown>) => CellValue | CellPropsByType['description'];
+});
 export type TableSchema = TableSchemaColumn[];
 export type TableProps = {
     cell?: {
         hasBorder?: boolean;
-        cellHeight?: 'small' | 'large';
     };
     dataSource: Record<string, unknown>[];
     schema: TableSchema;
@@ -71,3 +103,4 @@ export type TableProps = {
     sort?: TableSort;
     customCells?: Record<string, CellRenderer>;
 };
+export {};

package/dist/components/table/table.utils.d.ts

@@ -1,3 +1,2 @@
 import { CellValue, TableSchemaColumn } from './table.type';
-export declare const getNestedValue: (object: Record<string, unknown>, path: string) => CellValue;
-export declare const extractCellValue: (record: Record<string, unknown>, column: TableSchemaColumn) => CellValue;
+export declare const extractCellValue: (record: Record<string, unknown>, column: TableSchemaColumn) => CellValue | Record<string, unknown>;

package/dist/components/table/table.utils.js

@@ -1,5 +1,9 @@
-const s = (t, l) => l.split(".").reduce((e, o) => e && typeof e == "object" && o in e ? e[o] : void 0, t), u = (t, l) => s(t, l.key);
+const a = (r, e) => {
+  if (e.valueGetter)
+    return e.valueGetter(r);
+  const t = r[e.key];
+  return t != null ? t ?? void 0 : void 0;
+};
 export {
-  u as extractCellValue,
-  s as getNestedValue
+  a as extractCellValue
 };