@ztwoint/z-ui 0.1.30 → 0.1.31

package/dist/index.js

@@ -38,26 +38,26 @@ import { extractCellValue as Te, getNestedValue as be } from "./components/table
 import { DEFAULT_EMPTY_MESSAGE as ge, TABLE_CSS_CLASSES as we } from "./components/table/table.const.js";
 import { TableContext as se, useTableContext as Ie } from "./components/table/table.context.js";
 import { TableCell as Me } from "./components/table/components/table-cell.js";
-import { TableHeader as Ae } from "./components/table/components/table-header/table-header.js";
+import { TextCell as Ae } from "./components/table/components/cell/text-cell.js";
+import { NumberCell as Pe } from "./components/table/components/cell/number-cell.js";
+import { BooleanCell as Le } from "./components/table/components/cell/boolean-cell.js";
+import { TableHeader as He } from "./components/table/components/table-header/table-header.js";
 import "react/jsx-runtime";
-import { TableRow as Pe } from "./components/table/components/table-row.js";
-import { TableEmptyState as Le } from "./components/table/components/table-empty-state.js";
-import { TableLoadingState as He } from "./components/table/components/table-loading-state.js";
-import { Pagination as ye } from "./components/table/components/pagination/pagination.js";
+import { TableRow as ye } from "./components/table/components/table-row.js";
+import { TableEmptyState as Ge } from "./components/table/components/table-empty-state.js";
+import { TableLoadingState as Ue } from "./components/table/components/table-loading-state.js";
+import { Pagination as We } from "./components/table/components/pagination/pagination.js";
+import { TableHeaderWrapper as Oe } from "./components/table/components/table-header-wrapper.js";
+import { TableHeaderContent as Qe } from "./components/table/components/table-header-content.js";
+import { TableFooter as je } from "./components/table/components/table-footer.js";
+import { TableFooterContent as ze } from "./components/table/components/table-footer-content.js";
+import { MagnifierIcon as Xe } from "./components/assets/icons/magnifier-icon.js";
+import { TableFilter as or } from "./components/table/components/table-filter/table-filter.js";
+import { PaginationInfo as rr } from "./components/table/components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as pr } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
-import { TableHeaderWrapper as Ge } from "./components/table/components/table-header-wrapper.js";
-import { TableHeaderContent as Ue } from "./components/table/components/table-header-content.js";
-import { TableFooter as We } from "./components/table/components/table-footer.js";
-import { TableFooterContent as Oe } from "./components/table/components/table-footer-content.js";
-import { TextCell as Qe } from "./components/table/components/cell/text-cell.js";
-import { NumberCell as je } from "./components/table/components/cell/number-cell.js";
-import { BooleanCell as ze } from "./components/table/components/cell/boolean-cell.js";
-import { TableFilter as Xe } from "./components/table/components/table-filter/table-filter.js";
-import { PaginationInfo as or } from "./components/table/components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as rr } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
-import { Z2Tooltip as pr } from "./components/tooltip/tooltip.js";
-import { InfoIcon as nr } from "./components/assets/icons/info-icon.js";
-import { MagnifierIcon as mr } from "./components/assets/icons/magnifier-icon.js";
+import { Z2Tooltip as nr } from "./components/tooltip/tooltip.js";
+import { InfoIcon as mr } from "./components/assets/icons/info-icon.js";
 import { useTheme as xr } from "./lib/theme.hook.js";
 import { cn as Zr } from "./lib/utils.js";
 import { Z2PopoverTrigger as Sr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
@@ -67,7 +67,7 @@ export {
   f as AlertCirclesIcon,
   n as AlertDescription,
   l as AlertTitle,
-  ze as BooleanCell,
+  Le as BooleanCell,
   i as Button,
   _ as ChevronUpIcon,
   R as CirclesIcon,
@@ -77,14 +77,14 @@ export {
   V as DatabaseCopy,
   fo as DropdownContext,
   yo as FileUploadArea,
-  nr as InfoIcon,
+  mr as InfoIcon,
   Uo as Input,
-  mr as MagnifierIcon,
+  Xe as MagnifierIcon,
   Wo as NavHeader,
   Oo as NavItem,
-  je as NumberCell,
-  or as PaginationInfo,
-  rr as PaginationQuickJumper,
+  Pe as NumberCell,
+  rr as PaginationInfo,
+  pr as PaginationQuickJumper,
   Y as SIDEBAR_WIDTH,
   j as SIDEBAR_WIDTH_COLLAPSED,
   J as SidebarLeftShowCopy,
@@ -94,18 +94,18 @@ export {
   ue as TableBody,
   Me as TableCell,
   se as TableContext,
-  Le as TableEmptyState,
-  Xe as TableFilter,
-  We as TableFooter,
-  Oe as TableFooterContent,
-  Ae as TableHeader,
-  Ue as TableHeaderContent,
-  Ge as TableHeaderWrapper,
-  He as TableLoadingState,
-  ye as TablePagination,
+  Ge as TableEmptyState,
+  or as TableFilter,
+  je as TableFooter,
+  ze as TableFooterContent,
+  He as TableHeader,
+  Qe as TableHeaderContent,
+  Oe as TableHeaderWrapper,
+  Ue as TableLoadingState,
+  We as TablePagination,
   de as TableProvider,
-  Pe as TableRow,
-  Qe as TextCell,
+  ye as TableRow,
+  Ae as TextCell,
   k as WindowLeftCopy,
   X as Z2Dialog,
   $ as Z2DialogClose,
@@ -168,7 +168,7 @@ export {
   me as Z2TabsContent,
   fe as Z2TabsList,
   xe as Z2TabsTrigger,
-  pr as Z2Tooltip,
+  nr as Z2Tooltip,
   Z as buttonVariants,
   Zr as cn,
   Te as extractCellValue,

package/dist/routes/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DefaultPage } from './default';
 export { default as TablePage } from './table';
+export { default as TableCardPage } from './table-card';

package/dist/routes/table-card.d.ts

@@ -0,0 +1,2 @@
+declare const TableCardPage: () => import("react/jsx-runtime").JSX.Element;
+export default TableCardPage;

package/dist/types/components/input/input.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const Input: React.FC<React.InputHTMLAttributes<HTMLInputElement>>;
+import { InputProps } from './input.type';
+export declare const Input: React.FC<InputProps>;

package/dist/types/components/input/input.type.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size: 'large' | 'small';
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}

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

@@ -1,11 +1,12 @@
 export { TableCell } from './table-cell';
-export { TableHeader, TableSortIcon } from './table-header';
+export { TextCell, NumberCell, BooleanCell } from './cell';
+export { TableHeader } from './table-header';
 export { TableRow } from './table-row';
 export { TableEmptyState } from './table-empty-state';
 export { TableLoadingState } from './table-loading-state';
-export { Pagination as TablePagination } from './pagination';
+export { Pagination as TablePagination } from './pagination/pagination';
 export { TableHeaderWrapper } from './table-header-wrapper';
 export { TableHeaderContent } from './table-header-content';
 export { TableFooter } from './table-footer';
 export { TableFooterContent } from './table-footer-content';
-export * from './cell';
+export { TableSearch } from './table-search';

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

@@ -9,9 +9,9 @@ export declare const PAGINATION_CSS_CLASSES: {
     readonly buttonActive: "bg-blue-600 text-white border-blue-600 hover:bg-blue-700";
     readonly buttonIcon: "flex items-center justify-center w-8 h-8 text-sm rounded border border-gray-300 bg-white hover:bg-gray-50 disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed transition-colors";
     readonly ellipsis: "flex items-center justify-center w-8 h-8 text-gray-400";
-    readonly info: "text-sm text-text-neutral-secondary";
+    readonly info: "leading-none-sm text-text-neutral-secondary";
     readonly jumper: "flex items-center gap-2 text-sm text-text-neutral-primary";
-    readonly input: "w-16 px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent";
+    readonly input: "w-16 px-2 py-1 text-sm h-6 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent";
 };
 export declare const PAGINATION_LABELS: {
     readonly previous: "Previous page";

package/dist/types/components/table/components/table-header/table-header.d.ts

@@ -5,6 +5,7 @@ interface TableHeaderProps {
     schema: TableSchemaColumn[];
     sort?: TableSort;
     cell: TableProps['cell'];
+    stickyHeader?: boolean;
 }
 export declare const TableHeader: React.FC<TableHeaderProps>;
 export {};

package/dist/types/components/table/components/table-search/index.d.ts

@@ -0,0 +1 @@
+export { TableSearch } from './table-search';

package/dist/types/components/table/components/table-search/table-search.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { TableSearch as TableSearchType } from '../../table.type';
+export interface TableSearchProps {
+    search: TableSearchType;
+    className?: string;
+}
+export declare const TableSearch: React.FC<TableSearchProps>;

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { TableProps } from './table.type';
 import { TableBody } from './table';
 import { TableFilter } from './components/table-filter';
+import { TableSearch } from './components/table-search';
 import { Pagination } from './components/pagination';
 import { TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent } from './components';
 import { PaginationInfo, PaginationQuickJumper } from './components/pagination/components';
@@ -12,6 +13,7 @@ declare const TableProvider: React.FC<TableProviderProps>;
 interface TableCompoundComponent extends React.FC<TableProviderProps> {
     Body: typeof TableBody;
     Filter: typeof TableFilter;
+    Search: typeof TableSearch;
     Pagination: typeof Pagination;
     PaginationInfo: typeof PaginationInfo;
     PaginationQuickJumper: typeof PaginationQuickJumper;

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

@@ -1,4 +1,7 @@
 import * as React from 'react';
 import { TableProps } from './table.type';
-export declare const TableBody: React.FC<Partial<TableProps>>;
+export declare const TableBody: React.FC<Partial<TableProps> & {
+    className?: string;
+    stickyHeader?: boolean;
+}>;
 export default TableBody;

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

@@ -18,6 +18,11 @@ export type TableFilter = {
     value: FilterRule[];
     onChange: (filters: FilterRule[]) => void;
 };
+export type TableSearch = {
+    value: string;
+    onChange: (searchValue: string) => void;
+    placeholder?: string;
+};
 export type TablePaginationConfig = {
     currentPage: number;
     totalPage: number;

package/dist/types/components/table-card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TableCard } from './table-card';
+export type { TableCardProps, TableCardSearch, TableCardFilter, TableCardPaginationInfo, TableCardPaginationQuickJumper, TableCardPagination, TableCardBodyProps, } from './table-card.type';

package/dist/types/components/table-card/table-card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCardProps } from './table-card.type';
+declare const TableCard: React.FC<TableCardProps>;
+export default TableCard;

package/dist/types/components/table-card/table-card.type.d.ts

@@ -0,0 +1,36 @@
+import { TableProps, TableSchema, TableFilter as TableFilterType, TableSearch as TableSearchType } from '../table/table.type';
+import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../table/components/pagination/pagination.type';
+export interface TableCardSearch extends Partial<TableSearchType> {
+    className?: string;
+}
+export type TableCardFilter = Partial<TableFilterType>;
+export type TableCardPaginationInfo = Partial<PaginationInfoProps>;
+export type TableCardPaginationQuickJumper = Partial<PaginationQuickJumperProps>;
+export type TableCardPagination = Partial<PaginationProps>;
+export type TableCardBodyProps = Pick<TableProps, 'cell' | 'sort'> & {
+    className?: string;
+    stickyHeader?: boolean;
+};
+export interface TableCardProps extends Omit<TableProps, 'filter' | 'pagination' | 'sort'> {
+    dataSource: Record<string, unknown>[];
+    schema: TableSchema;
+    className?: string;
+    showHeader?: boolean;
+    headerClassName?: string;
+    search?: TableCardSearch;
+    filter?: TableCardFilter;
+    body?: TableCardBodyProps;
+    showFooter?: boolean;
+    footerClassName?: string;
+    paginationInfo?: TableCardPaginationInfo;
+    paginationQuickJumper?: TableCardPaginationQuickJumper;
+    pagination?: TableCardPagination;
+    overrides?: {
+        search?: Partial<TableCardSearch>;
+        filter?: Partial<TableCardFilter>;
+        body?: Partial<TableCardBodyProps>;
+        paginationInfo?: Partial<TableCardPaginationInfo>;
+        paginationQuickJumper?: Partial<TableCardPaginationQuickJumper>;
+        pagination?: Partial<TableCardPagination>;
+    };
+}

package/dist/types/routes/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DefaultPage } from './default';
 export { default as TablePage } from './table';
+export { default as TableCardPage } from './table-card';

package/dist/types/routes/table-card.d.ts

@@ -0,0 +1,2 @@
+declare const TableCardPage: () => import("react/jsx-runtime").JSX.Element;
+export default TableCardPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",