@digital-ai/dot-components 2.19.0 → 2.20.0

package/{lib → src/lib}/components/stepper/Stepper.d.ts

@@ -1,64 +1,64 @@
-import { MouseEvent, KeyboardEvent, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-import { CssCellProps } from '../css-grid/CssCell';
-export declare const defaultCellProps: CssCellProps;
-export declare type StepperOrientation = 'horizontal' | 'vertical';
-export declare type StepsPosition = 'left' | 'right';
-export interface StepProps extends CommonProps {
-    /** if set to `true` the step will display a checkmark icon */
-    completed?: boolean;
-    /** will be displayed in the right-hand side of the step */
-    content?: ReactNode;
-    /** will be displayed below the label of the step */
-    description?: ReactNode;
-    /** if set to `true` the step will be completely disabled */
-    disabled?: boolean;
-    /** if set to `true` the step will display a error icon and color */
-    error?: boolean;
-    /** if set to `true`, content will take half of the width, otherwise it takes full width by default */
-    halfWidthContent?: boolean;
-    /** if specified, the icon will be used for the step instead of the default icon */
-    iconId?: string;
-    /** order of the step in the list */
-    id: number;
-    /** determines if the step is currently in progress */
-    inProgress?: boolean;
-    /** displays the step title */
-    label: string;
-    /** function that is called when the step is clicked */
-    onClick?: () => void;
-    /** callback function that is called when the step is completed */
-    onComplete?: () => void;
-    onError?: (isValid: boolean) => void;
-}
-export interface StepperProps extends CommonProps {
-    /** determines the `id` of the step which is active */
-    activeStep?: number;
-    /** if set to `true`, clicking on a step is only allowed if the previous step is completed  **/
-    disableUncompletedStepNav: boolean;
-    /** final content displayed after the last step is completed */
-    finalContent?: ReactNode;
-    /** initial content displayed before any step is active, ie when `activeStep` is 0 */
-    initialContent?: ReactNode;
-    /** if passed, will overwrite the default "next" button text */
-    nextButtonText?: string;
-    /** if set to `true`, the "next" button will be disabled */
-    nextStepDisabled?: boolean;
-    /** the number of pixels occupied by elements other than the stepper in the page height **/
-    offset?: number;
-    /** function that is called if the "previous" button is clicked */
-    onBack?: () => void;
-    /** function that is called if the "cancel" button is clicked */
-    onCancel?: (event: MouseEvent<Element> | KeyboardEvent<Element>) => void;
-    /** function that is called when all steps are finished and the "submit" button is clicked */
-    onSubmit?: () => void;
-    /** orientation of the stepper */
-    orientation?: StepperOrientation;
-    /** array of steps to be displayed */
-    steps: StepProps[];
-    /** determines where to display the array of steps */
-    stepsPosition?: StepsPosition;
-    /** if passed, will overwrite the default "submit" button text */
-    submitButtonText?: string;
-}
-export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, offset, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element;
+import { MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+import { CssCellProps } from '../css-grid/CssCell';
+export declare const defaultCellProps: CssCellProps;
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepsPosition = 'left' | 'right';
+export interface StepProps extends CommonProps {
+    /** if set to `true` the step will display a checkmark icon */
+    completed?: boolean;
+    /** will be displayed in the right-hand side of the step */
+    content?: ReactNode;
+    /** will be displayed below the label of the step */
+    description?: ReactNode;
+    /** if set to `true` the step will be completely disabled */
+    disabled?: boolean;
+    /** if set to `true` the step will display a error icon and color */
+    error?: boolean;
+    /** if set to `true`, content will take half of the width, otherwise it takes full width by default */
+    halfWidthContent?: boolean;
+    /** if specified, the icon will be used for the step instead of the default icon */
+    iconId?: string;
+    /** order of the step in the list */
+    id: number;
+    /** determines if the step is currently in progress */
+    inProgress?: boolean;
+    /** displays the step title */
+    label: string;
+    /** function that is called when the step is clicked */
+    onClick?: () => void;
+    /** callback function that is called when the step is completed */
+    onComplete?: () => void;
+    onError?: (isValid: boolean) => void;
+}
+export interface StepperProps extends CommonProps {
+    /** determines the `id` of the step which is active */
+    activeStep?: number;
+    /** if set to `true`, clicking on a step is only allowed if the previous step is completed  **/
+    disableUncompletedStepNav: boolean;
+    /** final content displayed after the last step is completed */
+    finalContent?: ReactNode;
+    /** initial content displayed before any step is active, ie when `activeStep` is 0 */
+    initialContent?: ReactNode;
+    /** if passed, will overwrite the default "next" button text */
+    nextButtonText?: string;
+    /** if set to `true`, the "next" button will be disabled */
+    nextStepDisabled?: boolean;
+    /** the number of pixels occupied by elements other than the stepper in the page height **/
+    offset?: number;
+    /** function that is called if the "previous" button is clicked */
+    onBack?: () => void;
+    /** function that is called if the "cancel" button is clicked */
+    onCancel?: (event: MouseEvent<Element> | KeyboardEvent<Element>) => void;
+    /** function that is called when all steps are finished and the "submit" button is clicked */
+    onSubmit?: () => void;
+    /** orientation of the stepper */
+    orientation?: StepperOrientation;
+    /** array of steps to be displayed */
+    steps: StepProps[];
+    /** determines where to display the array of steps */
+    stepsPosition?: StepsPosition;
+    /** if passed, will overwrite the default "submit" button text */
+    submitButtonText?: string;
+}
+export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, offset, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/stepper/Stepper.styles.d.ts

@@ -1,15 +1,15 @@
-export declare const rootClassName = "dot-stepper";
-export declare const stepListClassName = "dot-stepper-list";
-export declare const contentClassName = "dot-stepper-content";
-export declare const StyledStepper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface StyledScrollbarContainerProps {
-    offset?: number;
-}
-export declare const ScrollbarContainer: import("styled-components").StyledComponent<"div", any, StyledScrollbarContainerProps, never>;
-export declare const StepContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StepDescription: import("styled-components").StyledComponent<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("../typography/Typography").TypographyProps) => JSX.Element, any, {}, never>;
-interface StyledStepActionsContainerProps {
-    displayCancelButton?: boolean;
-}
-export declare const StepActionsContainer: import("styled-components").StyledComponent<"div", any, StyledStepActionsContainerProps, never>;
-export {};
+export declare const rootClassName = "dot-stepper";
+export declare const stepListClassName = "dot-stepper-list";
+export declare const contentClassName = "dot-stepper-content";
+export declare const StyledStepper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledScrollbarContainerProps {
+    offset?: number;
+}
+export declare const ScrollbarContainer: import("styled-components").StyledComponent<"div", any, StyledScrollbarContainerProps, never>;
+export declare const StepContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepDescription: import("styled-components").StyledComponent<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("../typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+interface StyledStepActionsContainerProps {
+    displayCancelButton?: boolean;
+}
+export declare const StepActionsContainer: import("styled-components").StyledComponent<"div", any, StyledStepActionsContainerProps, never>;
+export {};

package/{lib → src/lib}/components/switch/Switch.d.ts

@@ -1,26 +1,26 @@
-import { ChangeEvent, Ref } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type SwitchColor = 'default' | 'primary' | 'secondary';
-export declare type SwitchSize = 'medium' | 'small';
-export declare type SwitchLabelPlacement = 'bottom' | 'end' | 'start' | 'top';
-export interface SwitchProps extends CommonProps {
-    /** determines the default state of the switch */
-    checked?: boolean;
-    /** color options available 'default', 'primary', 'secondary' */
-    color?: SwitchColor;
-    /** if true makes the switch disabled */
-    disabled?: boolean;
-    /** id to identify the element */
-    id?: string;
-    /** pass a ref to the input element */
-    inputRef?: Ref<HTMLInputElement>;
-    /** text displayed next to the switch */
-    label?: string;
-    /** label placement options available 'bottom', 'end', 'start', 'top' */
-    labelPlacement?: SwitchLabelPlacement;
-    /** A function that should be executed when the value of the switch changes */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    /** controls the size of the switch 'medium', 'small' */
-    size?: SwitchSize;
-}
-export declare const DotSwitch: ({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => JSX.Element;
+import { ChangeEvent, Ref } from 'react';
+import { CommonProps } from '../CommonProps';
+export type SwitchColor = 'default' | 'primary' | 'secondary';
+export type SwitchSize = 'medium' | 'small';
+export type SwitchLabelPlacement = 'bottom' | 'end' | 'start' | 'top';
+export interface SwitchProps extends CommonProps {
+    /** determines the default state of the switch */
+    checked?: boolean;
+    /** color options available 'default', 'primary', 'secondary' */
+    color?: SwitchColor;
+    /** if true makes the switch disabled */
+    disabled?: boolean;
+    /** id to identify the element */
+    id?: string;
+    /** pass a ref to the input element */
+    inputRef?: Ref<HTMLInputElement>;
+    /** text displayed next to the switch */
+    label?: string;
+    /** label placement options available 'bottom', 'end', 'start', 'top' */
+    labelPlacement?: SwitchLabelPlacement;
+    /** A function that should be executed when the value of the switch changes */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** controls the size of the switch 'medium', 'small' */
+    size?: SwitchSize;
+}
+export declare const DotSwitch: ({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/switch/Switch.styles.d.ts

@@ -1,3 +1,3 @@
-import { Switch } from '@mui/material';
-export declare const rootClassName = "dot-switch";
-export declare const StyledSwitch: import("styled-components").StyledComponent<typeof Switch, any, {}, never>;
+import { Switch } from '@mui/material';
+export declare const rootClassName = "dot-switch";
+export declare const StyledSwitch: import("styled-components").StyledComponent<typeof Switch, any, {}, never>;

package/{lib → src/lib}/components/switch/index.d.ts

@@ -1,2 +1,2 @@
-export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './Switch';
-export { DotSwitch } from './Switch';
+export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './Switch';
+export { DotSwitch } from './Switch';

package/{lib → src/lib}/components/table/Table.d.ts

@@ -1,10 +1,10 @@
-import { Order } from './utils/models';
-import { TableProps, TableRowProps } from './utils/interfaces';
-export declare const sortComparator: (a: TableRowProps, b: TableRowProps, orderBy: string) => 0 | 1 | -1;
-export declare const getComparator: (order: Order, orderBy: string) => (a: TableRowProps, b: TableRowProps) => number;
-export declare function stableSort<T>(array: T[], comparator: (order: T, orderBy: T) => number): T[];
-/**
- * A wrapper component around the Table component from @material-ui. This component can be used for
- *  creating a common structure for tables in the system.
- */
-export declare const DotTable: ({ actionsMenuPlacement, ariaLabel, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element;
+import { Order } from './utils/models';
+import { TableProps, TableRowProps } from './utils/interfaces';
+export declare const sortComparator: (a: TableRowProps, b: TableRowProps, orderBy: string) => 0 | 1 | -1;
+export declare const getComparator: (order: Order, orderBy: string) => (a: TableRowProps, b: TableRowProps) => number;
+export declare function stableSort<T>(array: T[], comparator: (order: T, orderBy: T) => number): T[];
+/**
+ * A wrapper component around the Table component from @material-ui. This component can be used for
+ *  creating a common structure for tables in the system.
+ */
+export declare const DotTable: ({ actionsMenuPlacement, ariaLabel, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/table/Table.data.d.ts

@@ -1,42 +1,42 @@
-export declare const handleDeleteClick: () => void;
-export declare const handleBulkDeleteClick: () => void;
-export declare const actionItemArray: {
-    actions: {
-        children: JSX.Element;
-        key: string;
-        onClick: () => void;
-    }[];
-}[];
-export declare const actionCol: {
-    id: string;
-    label: string;
-}[];
-export declare const tableData: {
-    id: string;
-    rowData: {
-        action: {
-            actions: {
-                children: JSX.Element;
-                key: string;
-                onClick: () => void;
-            }[];
-        }[];
-        type: string;
-    };
-}[];
-export declare const testCols: ({
-    id: string;
-    label: string;
-    truncate: boolean;
-} | {
-    id: string;
-    label: string;
-    truncate?: undefined;
-})[];
-export declare const testData: {
-    id: string;
-    rowData: {
-        name: string;
-        type: string;
-    };
-}[];
+export declare const handleDeleteClick: () => void;
+export declare const handleBulkDeleteClick: () => void;
+export declare const actionItemArray: {
+    actions: {
+        children: import("react/jsx-runtime").JSX.Element;
+        key: string;
+        onClick: () => void;
+    }[];
+}[];
+export declare const actionCol: {
+    id: string;
+    label: string;
+}[];
+export declare const tableData: {
+    id: string;
+    rowData: {
+        action: {
+            actions: {
+                children: import("react/jsx-runtime").JSX.Element;
+                key: string;
+                onClick: () => void;
+            }[];
+        }[];
+        type: string;
+    };
+}[];
+export declare const testCols: ({
+    id: string;
+    label: string;
+    truncate: boolean;
+} | {
+    id: string;
+    label: string;
+    truncate?: undefined;
+})[];
+export declare const testData: {
+    id: string;
+    rowData: {
+        name: string;
+        type: string;
+    };
+}[];

package/{lib → src/lib}/components/table/Table.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const rootClassName = "dot-table";
-export declare const StyledPaper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").PaperTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledTableContainer: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableContainerTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;
+export declare const rootClassName = "dot-table";
+export declare const StyledPaper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").PaperTypeMap<{}, "div">>, any, {}, never>;
+export declare const StyledTableContainer: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableContainerTypeMap<{}, "div">>, any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/{lib → src/lib}/components/table/TableAction.d.ts

@@ -1,12 +1,12 @@
-import { MouseEvent } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface TableActionProps extends CommonProps {
-    disabled?: boolean;
-    iconId: string;
-    id?: string;
-    label: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    tooltip?: string;
-}
-export declare const getMenuItem: (action: TableActionProps) => JSX.Element;
-export declare const DotTableAction: ({ "data-testid": dataTestId, disabled, iconId, onClick, tooltip, }: TableActionProps) => JSX.Element;
+import { MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface TableActionProps extends CommonProps {
+    disabled?: boolean;
+    iconId: string;
+    id?: string;
+    label: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    tooltip?: string;
+}
+export declare const getMenuItem: (action: TableActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTableAction: ({ "data-testid": dataTestId, disabled, iconId, onClick, tooltip, }: TableActionProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/table/TableActions.d.ts

@@ -1,7 +1,7 @@
-import { CommonProps } from '../CommonProps';
-import { TableActionProps } from './TableAction';
-export interface TableActionsProps extends CommonProps {
-    actions?: Array<TableActionProps>;
-    id: string;
-}
-export declare const DotTableActions: ({ actions, id }: TableActionsProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+import { TableActionProps } from './TableAction';
+export interface TableActionsProps extends CommonProps {
+    actions?: Array<TableActionProps>;
+    id: string;
+}
+export declare const DotTableActions: ({ actions, id }: TableActionsProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/table/TableActions.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const rootClassName = "dot-table-actions";
-export declare const TableActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;
+export declare const rootClassName = "dot-table-actions";
+export declare const TableActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/{lib → src/lib}/components/table/TableBody.d.ts

@@ -1,29 +1,29 @@
-import { MouseEvent } from 'react';
-import { CommonProps } from '../CommonProps';
-import { TypographyVariant } from '../typography/Typography';
-import { PopperPlacement } from '../menu/Menu';
-import { CollapsibleTableBodyProps } from './collapsible-table';
-import { DotColumnHeader, TableRowProps } from './utils/interfaces';
-import { MultiSelectBody } from './utils/models';
-export interface TableBodyProps extends CommonProps {
-    /** The popper placement for the actions menu **/
-    actionsMenuPlacement?: PopperPlacement;
-    collapsibleTableBody?: CollapsibleTableBodyProps;
-    /** The table column headers **/
-    columns: Array<DotColumnHeader>;
-    /** The table body row data **/
-    data: Array<TableRowProps>;
-    /** Message to show if no data **/
-    emptyMessage?: string;
-    /** Optional multi-select checkbox body object **/
-    multiSelectBody?: MultiSelectBody;
-    /** Row click event callback **/
-    onRowClick?: (event: MouseEvent, id: string) => void;
-    /** Typography variant which will be used for body cell values **/
-    typography: TypographyVariant;
-}
-/**
- * A wrapper component around the TableBody component from @material-ui. This component can be used
- * to determine the functionality of the table.
- */
-export declare const DotTableBody: ({ actionsMenuPlacement, collapsibleTableBody, columns, data, emptyMessage, multiSelectBody, onRowClick, typography, }: TableBodyProps) => JSX.Element;
+import { MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+import { TypographyVariant } from '../typography/Typography';
+import { PopperPlacement } from '../menu/Menu';
+import { CollapsibleTableBodyProps } from './collapsible-table';
+import { DotColumnHeader, TableRowProps } from './utils/interfaces';
+import { MultiSelectBody } from './utils/models';
+export interface TableBodyProps extends CommonProps {
+    /** The popper placement for the actions menu **/
+    actionsMenuPlacement?: PopperPlacement;
+    collapsibleTableBody?: CollapsibleTableBodyProps;
+    /** The table column headers **/
+    columns: Array<DotColumnHeader>;
+    /** The table body row data **/
+    data: Array<TableRowProps>;
+    /** Message to show if no data **/
+    emptyMessage?: string;
+    /** Optional multi-select checkbox body object **/
+    multiSelectBody?: MultiSelectBody;
+    /** Row click event callback **/
+    onRowClick?: (event: MouseEvent, id: string) => void;
+    /** Typography variant which will be used for body cell values **/
+    typography: TypographyVariant;
+}
+/**
+ * A wrapper component around the TableBody component from @material-ui. This component can be used
+ * to determine the functionality of the table.
+ */
+export declare const DotTableBody: ({ actionsMenuPlacement, collapsibleTableBody, columns, data, emptyMessage, multiSelectBody, onRowClick, typography, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/table/TableBody.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-tbody";
-export declare const StyledTableBody: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableBodyTypeMap<{}, "tbody">>, any, {}, never>;
+export declare const rootClassName = "dot-tbody";
+export declare const StyledTableBody: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableBodyTypeMap<{}, "tbody">>, any, {}, never>;

package/{lib → src/lib}/components/table/TableBodyCheckboxCell.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface DotBodyCheckboxCellProps extends CommonProps {
-    isChecked: boolean;
-    onChange: (isChecked: boolean, rowId: string) => void;
-    rowId: string;
-}
-export declare const DotBodyCheckboxCell: ({ ariaLabel, className, "data-testid": dataTestId, isChecked, onChange, rowId, }: DotBodyCheckboxCellProps) => ReactElement;
+import { ReactElement } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface DotBodyCheckboxCellProps extends CommonProps {
+    isChecked: boolean;
+    onChange: (isChecked: boolean, rowId: string) => void;
+    rowId: string;
+}
+export declare const DotBodyCheckboxCell: ({ ariaLabel, className, "data-testid": dataTestId, isChecked, onChange, rowId, }: DotBodyCheckboxCellProps) => ReactElement;

package/{lib → src/lib}/components/table/TableBodyCheckboxCell.styles.d.ts

@@ -1,3 +1,3 @@
-import { TableCell } from '@mui/material';
-export declare const rootClassName = "dot-td-checkbox";
-export declare const StyledTableBodyCheckboxCell: import("styled-components").StyledComponent<typeof TableCell, any, {}, never>;
+import { TableCell } from '@mui/material';
+export declare const rootClassName = "dot-td-checkbox";
+export declare const StyledTableBodyCheckboxCell: import("styled-components").StyledComponent<typeof TableCell, any, {}, never>;

package/{lib → src/lib}/components/table/TableCell.d.ts

@@ -1,19 +1,19 @@
-import { CSSProperties, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-import { TypographyVariant } from '../typography/Typography';
-export declare type TextAlignment = 'center' | 'inherit' | 'justify' | 'left' | 'right';
-export interface CellProps extends CommonProps {
-    align?: TextAlignment;
-    cellKey?: string;
-    colspan?: number;
-    id?: string;
-    noWrap?: boolean;
-    onActionMenuTrigger?: (el: HTMLElement, menuItem: Array<ReactNode>) => void;
-    style?: CSSProperties;
-    typography: TypographyVariant;
-    value?: unknown;
-}
-/**
- * A wrapper component around the TableCell component from @material-ui.
- */
-export declare const DotBodyCell: ({ ariaLabel, align, cellKey, className, colspan, "data-testid": dataTestId, noWrap, onActionMenuTrigger, style, typography, value, }: CellProps) => JSX.Element;
+import { CSSProperties, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+import { TypographyVariant } from '../typography/Typography';
+export type TextAlignment = 'center' | 'inherit' | 'justify' | 'left' | 'right';
+export interface CellProps extends CommonProps {
+    align?: TextAlignment;
+    cellKey?: string;
+    colspan?: number;
+    id?: string;
+    noWrap?: boolean;
+    onActionMenuTrigger?: (el: HTMLElement, menuItem: Array<ReactNode>) => void;
+    style?: CSSProperties;
+    typography: TypographyVariant;
+    value?: unknown;
+}
+/**
+ * A wrapper component around the TableCell component from @material-ui.
+ */
+export declare const DotBodyCell: ({ ariaLabel, align, cellKey, className, colspan, "data-testid": dataTestId, noWrap, onActionMenuTrigger, style, typography, value, }: CellProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/table/TableCell.styles.d.ts

@@ -1,3 +1,3 @@
-import { TableCell } from '@mui/material';
-export declare const rootClassName = "dot-td";
-export declare const StyledTableCell: import("styled-components").StyledComponent<typeof TableCell, any, {}, never>;
+import { TableCell } from '@mui/material';
+export declare const rootClassName = "dot-td";
+export declare const StyledTableCell: import("styled-components").StyledComponent<typeof TableCell, any, {}, never>;

package/{lib → src/lib}/components/table/TableDataWithPagination.d.ts

@@ -1,11 +1,11 @@
-export interface TableDataWithPagination {
-    data: Array<any>;
-    pagination: {
-        current_page: number;
-        has_next: boolean;
-        has_previous: boolean;
-        size: number;
-        total_elements: number;
-        total_pages: number;
-    };
-}
+export interface TableDataWithPagination {
+    data: Array<any>;
+    pagination: {
+        current_page: number;
+        has_next: boolean;
+        has_previous: boolean;
+        size: number;
+        total_elements: number;
+        total_pages: number;
+    };
+}

package/{lib → src/lib}/components/table/TableHeader.d.ts

@@ -1,6 +1,6 @@
-import { HeaderProps } from './utils/interfaces';
-/**
- * A wrapper component around the TableHead component from @material-ui. This component can be used
- * to determine the functionality of the table header.
- */
-export declare const DotHeaderRow: ({ collapsibleTableOptions, columns, multiSelectHeader, onRequestSort, order, orderBy, sortable, typography, }: HeaderProps) => JSX.Element;
+import { HeaderProps } from './utils/interfaces';
+/**
+ * A wrapper component around the TableHead component from @material-ui. This component can be used
+ * to determine the functionality of the table header.
+ */
+export declare const DotHeaderRow: ({ collapsibleTableOptions, columns, multiSelectHeader, onRequestSort, order, orderBy, sortable, typography, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;