zaravand-ui 3.0.1 → 3.0.3

package/dist/components/Table/Table.constants.d.ts

@@ -10,8 +10,8 @@ export declare const deleteButtonLabel = "\u062D\u0630\u0641";
 export declare const actionIconClassName = "zui:size-4";
 export declare const pagingToggleIconClassName = "zui:size-6";
 export declare const rowActionButtonClassName = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed";
-export declare const actionsColumnClassName = "zui:px-3 zui:text-center";
-export declare const rowNumberColumnClassName = "zui:px-3 zui:text-center";
+export declare const actionsColumnClassName = "zui:px-3";
+export declare const rowNumberColumnClassName = "zui:px-3";
 export declare const searchInputPlaceholder = "\u062C\u0633\u062A\u062C\u0648 \u06A9\u0646\u06CC\u062F";
 export declare const searchInputAriaLabel = "\u062C\u0633\u062A\u062C\u0648\u06CC \u062C\u062F\u0648\u0644";
 export declare const switchToInfiniteModeLabel = "\u062A\u063A\u06CC\u06CC\u0631 \u0628\u0647 \u067E\u06CC\u0645\u0627\u06CC\u0634 \u0628\u06CC\u200C\u0646\u0647\u0627\u06CC\u062A";

package/dist/components/Table/Table.d.ts

@@ -23,10 +23,12 @@ declare const TableRow: React.ForwardRefExoticComponent<{
 declare const TableHead: React.ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
+    align?: import("./Table.interface").TableColumnAlign;
 } & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<{
     className?: string;
     children?: React.ReactNode;
+    align?: import("./Table.interface").TableColumnAlign;
 } & React.RefAttributes<HTMLTableCellElement>>;
 export { TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
 export default Table;

package/dist/components/Table/Table.interface.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
 import type { SelectProps } from "../Select/Select.interface";
-export type TableFieldType = 'text' | 'number' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'date';
+export type TableFieldType = 'text' | 'number' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'date' | 'money';
 type TableFieldValueByType = {
     text: string;
     number: number;
@@ -9,7 +9,9 @@ type TableFieldValueByType = {
     checkbox: boolean;
     radio: string;
     date: Date | string;
+    money: number | string;
 };
+export type TableColumnAlign = 'start' | 'center' | 'end';
 export type TableFieldValue = TableFieldValueByType[TableFieldType];
 export type DynamicTableRow = Record<string, TableFieldValue | null | undefined>;
 export type TableRowId = string | number;
@@ -63,6 +65,12 @@ export type TableSchemaColumn = {
      * with the other un-sized columns.
      */
     width?: number | string;
+    /**
+     * Text alignment applied to both the column's header and its body cells.
+     * Defaults to `"start"` (right in RTL). Has no effect on the row-number or
+     * actions columns, which are always center-aligned.
+     */
+    align?: TableColumnAlign;
 };
 export type TableSchemaPagination = {
     page: number;
@@ -134,6 +142,7 @@ export type TableRowProps = TableSectionProps & {
 type TableCellElementProps = {
     className?: string;
     children?: React.ReactNode;
+    align?: TableColumnAlign;
 };
 export type TableHeadProps = TableCellElementProps;
 export type TableCellProps = TableCellElementProps;

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

@@ -9,6 +9,8 @@ export declare function resolveLoadingRowsCount(pageSize: number | undefined, da
 export declare function resolveLoadingCellSkeletonClassName(column: TableSchemaColumn, rowIndex: number): string;
 export declare function buildPaginationTokens(currentPage: number, totalPages: number): TablePaginationToken[];
 export declare function isEmptyCellValue(value: unknown): boolean;
+export declare function resolveMoneyValue(value: unknown): number | null;
+export declare function formatMoneyValue(value: number): string;
 export declare function resolveDateValue(value: unknown): Date | null;
 export declare function resolvePlaceholder(column: TableSchemaColumn): string;
 export declare function formatCellValue(value: unknown, column: TableSchemaColumn): string;

package/dist/components/Table/Table.variant.d.ts

@@ -10,5 +10,9 @@ export declare const tableHeaderVariants: (props?: import("class-variance-author
 export declare const tableBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const tableFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const tableRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const tableHeadVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const tableCellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tableHeadVariants: (props?: ({
+    align?: "center" | "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tableCellVariants: (props?: ({
+    align?: "center" | "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;