@ztwoint/z-ui 0.1.40 → 0.1.41

package/dist/types/components/assets/icons/chevron-right.d.ts

@@ -1,8 +1,7 @@
 import { SVGProps } from 'react';
 type IconProps = SVGProps<SVGSVGElement> & {
     secondaryfill?: string;
-    strokewidth?: number;
     title?: string;
 };
-declare function ChevronRightIcon({ fill, secondaryfill: _secondaryfill, strokewidth: _strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+declare function ChevronRightIcon({ fill, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
 export default ChevronRightIcon;

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

@@ -9,7 +9,7 @@ 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: "leading-none-sm text-text-neutral-secondary";
+    readonly info: "leading-none-medium-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 h-6 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent";
 };

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

@@ -0,0 +1,3 @@
+import type { 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 BasicHeader: StoryObj;

package/dist/types/components/table/components/table-header/stories/custom-header-content.d.ts

@@ -0,0 +1,3 @@
+import type { StoryObj } from '@storybook/react';
+export declare const customHeaderUsageCode = "import { TableHeaderWrapper, TableHeaderContent } from '@/components/table';\n\nfunction CustomHeader() {\n  return (\n    <TableHeaderWrapper>\n      <tr>\n        <TableHeaderContent className=\"font-bold text-blue-600\">\n          Custom Header 1\n        </TableHeaderContent>\n        <TableHeaderContent className=\"font-bold text-green-600\">\n          Custom Header 2\n        </TableHeaderContent>\n      </tr>\n    </TableHeaderWrapper>\n  );\n}";
+export declare const CustomHeaderContent: StoryObj;

package/dist/types/components/table/components/table-header/stories/header-for-sorting.d.ts

@@ -0,0 +1,3 @@
+import type { StoryObj } from '@storybook/react';
+export declare const sortingUsageCode = "import { useState } from 'react';\nimport { Table, TableHeader } from '@/components/table';\nimport { SortColumn } from '@/components/table/table.type';\n\nfunction SortableTable() {\n  const [sortedColumns, setSortedColumns] = useState<SortColumn[]>([]);\n\n  const handleSort = (field: string, direction: 'asc' | 'desc' | null) => {\n    setSortedColumns(prev => {\n      if (direction === null) {\n        return prev.filter(col => col.field !== field);\n      }\n      const exists = prev.find(col => col.field === field);\n      if (exists) {\n        return prev.map(col => \n          col.field === field ? { ...col, direction } : col\n        );\n      }\n      return [...prev, { field, direction }];\n    });\n  };\n\n  return (\n    <Table dataSource={data} schema={schema}>\n      <table className=\"w-full\">\n        <TableHeader \n          schema={schema}\n          sort={{\n            sortedColumns,\n            onSort: handleSort,\n          }}\n          cell={{ cellHeight: 'small', hasBorder: true }}\n        />\n        {/* Table body goes here */}\n      </table>\n    </Table>\n  );\n}";
+export declare const HeaderWithSorting: StoryObj;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { TableHeaderWrapper } from '../index';
+declare const meta: Meta<typeof TableHeaderWrapper>;
+export default meta;
+export { BasicHeader } from './stories/basic-header';
+export { HeaderWithSorting } from './stories/header-for-sorting';

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

@@ -5,12 +5,15 @@ export interface TableCardProps {
     dataSource: Record<string, unknown>[];
     schema: TableSchema;
     className?: string;
+    rounded?: boolean;
+    bordered?: boolean;
     showHeader?: boolean;
     headerClassName?: string;
     search?: Partial<TableSearch> & {
         className?: string;
     };
     filter?: Partial<TableFilter>;
+    headerLeftContent?: React.ReactNode;
     headerActions?: React.ReactNode;
     body?: {
         cell?: TableProps['cell'];
@@ -21,7 +24,10 @@ export interface TableCardProps {
     showFooter?: boolean;
     footerClassName?: string;
     pagination?: Partial<PaginationProps>;
-    paginationInfo?: Partial<PaginationInfoProps>;
+    paginationInfo?: Partial<Omit<PaginationInfoProps, 'itemsPerPage' | 'totalItems'>> & {
+        itemsPerPage: number;
+        totalItems: number;
+    };
     paginationQuickJumper?: Partial<PaginationQuickJumperProps>;
     loading?: boolean;
     emptyMessage?: string;

package/package.json

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