@datacrest/dcuikit 1.0.0 → 1.0.1

package/build/components/Molecule/Dropdown/index.d.ts

@@ -1,2 +1,3 @@
 import Dropdown from './Dropdown';
 export { Dropdown };
+export * from './types';

package/build/components/Molecule/Message/Message.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MessageProps } from './Message.types';
-declare const MessageComponent: ({ id, destroy, title, description, variant, duration, animationDuration, icon, dataTestId, }: MessageProps) => React.JSX.Element;
+declare const MessageComponent: ({ id, destroy, title, description, variant, position, duration, animationDuration, icon, dataTestId, }: MessageProps) => React.JSX.Element;
 export default MessageComponent;

package/build/components/Molecule/Message/Message.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { MessageProps, MessageVariants, MessagePosition } from './Message.types';
 declare const _default: {
     title: string;
-    component: ({ id, destroy, title, description, variant, duration, animationDuration, icon, dataTestId, }: MessageProps) => React.JSX.Element;
+    component: ({ id, destroy, title, description, variant, position, duration, animationDuration, icon, dataTestId, }: MessageProps) => React.JSX.Element;
     argTypes: {
         variant: {
             control: "select";

package/build/components/Molecule/Message/index.d.ts

@@ -1,4 +1,6 @@
-import { MessagePosition, MessageProps, MessageVariants } from './Message.types';
+import MessageComponent from './Message';
+import { MessageProps } from './Message.types';
 import { message, MessageOptions } from './MessageManager';
-export { message, MessageVariants, MessagePosition };
+export * from './Message.types';
 export type { MessageProps, MessageOptions };
+export { MessageComponent, message };

package/build/components/Molecule/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import { JSX } from 'react';
 import { TableProps } from './Table.types';
-declare const Table: <T extends Record<string, unknown>>({ columns, data, sortable, pagination, searchable, currentPage, pageSize, onSort, onPageChange, actions, showCustomCells, useBuiltInStatus, swapPaginationLayout, }: TableProps<T>) => JSX.Element;
+declare const Table: <T extends Record<string, unknown>>({ columns, data, sortable, pagination, searchable, currentPage, pageSize, onSort, onPageChange, actions, showCustomCells, useBuiltInStatus, swapPaginationLayout, selectable, onSelectionChange, }: TableProps<T>) => JSX.Element;
 export default Table;

package/build/components/Molecule/Table/Table.stories.d.ts

@@ -12,5 +12,8 @@ interface TableStoryProps {
     showActions: boolean;
     useBuiltInStatus: boolean;
     swapPaginationLayout: boolean;
+    selectable: boolean;
+    enableTextTruncation: boolean;
+    maxWords: number;
 }
 export declare const Table: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TableStoryProps>;

package/build/components/Molecule/Table/Table.types.d.ts

@@ -21,6 +21,10 @@ export interface DateFormat {
     input?: string;
     output: string;
 }
+export interface TruncationOptions {
+    enableTruncation?: boolean;
+    maxWords?: number;
+}
 export interface TableColumn<T extends Record<string, unknown>> {
     key: string;
     title: string;
@@ -32,6 +36,7 @@ export interface TableColumn<T extends Record<string, unknown>> {
     filterFn?: FilterFn<T>;
     customCell?: (value: unknown, row: T) => ReactNode;
     customHeader?: (column: ColumnInfo<T>) => ReactNode;
+    maxWords?: number;
 }
 export interface ColumnInfo<T> {
     toggleSorting: (desc?: boolean) => void;
@@ -53,4 +58,6 @@ export interface TableProps<T extends Record<string, unknown>> {
     showCustomCells?: boolean;
     useBuiltInStatus?: boolean;
     swapPaginationLayout?: boolean;
+    selectable?: boolean;
+    onSelectionChange?: (selectedRows: T[]) => void;
 }

package/build/components/Molecule/Table/TableCell.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableColumn } from './Table.types';
-declare const TableCell: <T extends Record<string, unknown>>(column: TableColumn<T>, row: T, showCustomCells: boolean, useBuiltInStatus: boolean) => React.JSX.Element | null;
+declare const TableCell: <T extends Record<string, unknown>>(column: TableColumn<T>, row: T, showCustomCells: boolean, useBuiltInStatus: boolean) => React.JSX.Element;
 export default TableCell;

package/build/components/Molecule/Table/TableColumn.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { TableColumn as TableColumnType, TableColumnAlign } from './Table.types';
+import { TableColumn as TableColumnType, TableColumnAlign, TruncationOptions } from './Table.types';
 import { PersonData } from './const';
 export declare const createTextColumn: <T extends Record<string, unknown>>(key: string, title: string, options?: {
     width?: string;
     sortable?: boolean;
     align?: TableColumnAlign;
     customCell?: (value: unknown, row: T) => React.ReactNode;
+    maxWords?: number;
 }) => TableColumnType<T>;
 export declare const createDateColumn: <T extends Record<string, unknown>>(key: string, title: string, options?: {
     width?: string;
@@ -21,13 +22,14 @@ export declare const createStatusColumn: <T extends Record<string, unknown>>(key
     align?: TableColumnAlign;
     customCell?: (value: unknown, row: T) => React.ReactNode;
 }) => TableColumnType<T>;
-export declare const createPersonDataColumns: (showCustomCells: boolean) => TableColumnType<PersonData>[];
+export declare const createPersonDataColumns: (showCustomCells: boolean, truncationOptions?: TruncationOptions) => TableColumnType<PersonData>[];
 declare const TableColumn: {
     createTextColumn: <T extends Record<string, unknown>>(key: string, title: string, options?: {
         width?: string;
         sortable?: boolean;
         align?: TableColumnAlign;
         customCell?: (value: unknown, row: T) => React.ReactNode;
+        maxWords?: number;
     }) => TableColumnType<T>;
     createDateColumn: <T extends Record<string, unknown>>(key: string, title: string, options?: {
         width?: string;
@@ -43,6 +45,6 @@ declare const TableColumn: {
         align?: TableColumnAlign;
         customCell?: (value: unknown, row: T) => React.ReactNode;
     }) => TableColumnType<T>;
-    createPersonDataColumns: (showCustomCells: boolean) => TableColumnType<PersonData>[];
+    createPersonDataColumns: (showCustomCells: boolean, truncationOptions?: TruncationOptions) => TableColumnType<PersonData>[];
 };
 export default TableColumn;

package/build/components/Molecule/Table/const.d.ts

@@ -3,6 +3,7 @@ export interface PersonData extends Record<string, unknown> {
     email?: string;
     joinDate?: string;
     status?: string;
+    description?: string;
 }
 export declare const SAMPLE_DATA: PersonData[];
 export declare const PAGE_SIZES: readonly [5, 10, 20, 50];
@@ -13,4 +14,5 @@ export declare const DEFAULT_COLUMN_CONFIG: {
     EMAIL_KEY: string;
     JOIN_DATE_KEY: string;
     STATUS_KEY: string;
+    DESCRIPTION_KEY: string;
 };

package/build/components/Molecule/Table/index.d.ts

@@ -1,6 +1,7 @@
 import Table from './Table';
 import TableCell from './TableCell';
-import TableColumn, { createTextColumn, createDateColumn, createStatusColumn } from './TableColumn';
 import TableHeader, { renderSortIcon, renderHeader, renderTableHeader } from './TableHeader';
-export { Table, TableCell, TableColumn, TableHeader, renderSortIcon, renderHeader, renderTableHeader, createTextColumn, createDateColumn, createStatusColumn, };
+export { Table, TableCell, TableHeader, renderSortIcon, renderHeader, renderTableHeader, };
 export * from './Table.types';
+export * from './TableColumn';
+export * from './utils';

package/build/components/Molecule/Table/utils.d.ts

@@ -21,3 +21,4 @@ export declare const getEffectivePositions: (swapPaginationLayout?: boolean) =>
     effectivePaginationPosition: PaginationPosition;
     effectiveEntriesPosition: PaginationPosition;
 };
+export declare const truncateText: (text: string, maxWords?: number) => string;