@digital-ai/dot-components 2.19.1 → 2.20.1

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

@@ -1,87 +1,87 @@
-import { MouseEvent, ReactNode } from 'react';
-import { CommonProps } from '../../CommonProps';
-import { TypographyVariant } from '../../typography/Typography';
-import { PopperPlacement } from '../../menu/Menu';
-import { CollapsibleTableOptions } from '../collapsible-table/interfaces';
-import { MultiSelect, MultiSelectHeader, Order } from './models';
-import { TextAlignment } from '../TableCell';
-import { RowsPerPageOption } from '../TablePagination';
-export interface TableRowProps extends CommonProps {
-    /** row identifier that will be passed to onRowClick callback */
-    id?: string;
-    /** row data where keys map to column ids and values to cell values */
-    rowData: any;
-    /** if the row is selected */
-    selected?: boolean;
-}
-export interface TableProps extends CommonProps {
-    /** The popper placement for the actions menu **/
-    actionsMenuPlacement?: PopperPlacement;
-    /** Typography variant which will be used for table body cell values **/
-    bodyTypography?: TypographyVariant;
-    /** Optional collapsible-table object **/
-    collapsibleTableOptions?: CollapsibleTableOptions;
-    /** The table header columns */
-    columns: Array<DotColumnHeader>;
-    /** Total number of items for paginated table.
-        Prop is ignored for non-paginated tables (no rowsPerPage)
-        and for tables with internally managed sorting (no onUpdateData). */
-    count?: number;
-    /** The table body row data.
-        If paging/sorting are managed by consumer (onUpdateData callback provided) this is the data for the current page.
-        If paging/sorting are managed internally (no onUpdateData callback) this is all the data. */
-    data: Array<TableRowProps>;
-    /** Message that is shown if data is empty */
-    emptyMessage?: string;
-    /** Typography variant which will be used for table pagination **/
-    footerTypography?: TypographyVariant;
-    /** Typography variant which will be used for table header cell values **/
-    headerTypography?: TypographyVariant;
-    /** Customize the rows per page label. Default is 'Rows per page:' */
-    labelRowsPerPage?: ReactNode;
-    /** Table is loading */
-    loading?: boolean;
-    /** Maximum height of table container */
-    maxHeight?: string;
-    /** Optional multi-select checkbox object **/
-    multiSelect?: MultiSelect;
-    /** Row click event callback */
-    onRowClick?: (event: MouseEvent, id: string) => void;
-    /** Update data callback if data is managed by consumer */
-    onUpdateData?: (order: Order, orderBy: string, page: number, rowsPerPage: number) => void;
-    /** The sort order of table data 'asc', 'desc' */
-    order?: Order;
-    /** The ID of the column that you are sorting by */
-    orderBy?: string;
-    /** The zero-based index of the current page  for paginated table */
-    page?: number;
-    /** Rows per page for paginated table */
-    rowsPerPage?: RowsPerPageOption;
-    /** Customizes the options of the rows per page select field. Default: [10, 25, 50, 100, 150, 200] */
-    rowsPerPageOptions?: number[];
-    /** Table is sortable */
-    sortable?: boolean;
-    /** Table header is sticky */
-    stickyHeader?: boolean;
-    /** Toolbar displayed above column headers */
-    toolbar?: ReactNode;
-}
-export interface DotColumnHeader {
-    align?: TextAlignment;
-    id: string;
-    label?: string;
-    sortable?: boolean;
-    truncate?: boolean;
-    width?: string;
-}
-export interface HeaderProps {
-    collapsibleTableOptions?: CollapsibleTableOptions;
-    columns: Array<DotColumnHeader>;
-    multiSelectHeader?: MultiSelectHeader;
-    onRequestSort: (property: string) => void;
-    order?: Order;
-    /** The ID of the column that you are sorting by */
-    orderBy?: string;
-    sortable: boolean;
-    typography: TypographyVariant;
-}
+import { MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../../CommonProps';
+import { TypographyVariant } from '../../typography/Typography';
+import { PopperPlacement } from '../../menu/Menu';
+import { CollapsibleTableOptions } from '../collapsible-table/interfaces';
+import { MultiSelect, MultiSelectHeader, Order } from './models';
+import { TextAlignment } from '../TableCell';
+import { RowsPerPageOption } from '../TablePagination';
+export interface TableRowProps extends CommonProps {
+    /** row identifier that will be passed to onRowClick callback */
+    id?: string;
+    /** row data where keys map to column ids and values to cell values */
+    rowData: any;
+    /** if the row is selected */
+    selected?: boolean;
+}
+export interface TableProps extends CommonProps {
+    /** The popper placement for the actions menu **/
+    actionsMenuPlacement?: PopperPlacement;
+    /** Typography variant which will be used for table body cell values **/
+    bodyTypography?: TypographyVariant;
+    /** Optional collapsible-table object **/
+    collapsibleTableOptions?: CollapsibleTableOptions;
+    /** The table header columns */
+    columns: Array<DotColumnHeader>;
+    /** Total number of items for paginated table.
+        Prop is ignored for non-paginated tables (no rowsPerPage)
+        and for tables with internally managed sorting (no onUpdateData). */
+    count?: number;
+    /** The table body row data.
+        If paging/sorting are managed by consumer (onUpdateData callback provided) this is the data for the current page.
+        If paging/sorting are managed internally (no onUpdateData callback) this is all the data. */
+    data: Array<TableRowProps>;
+    /** Message that is shown if data is empty */
+    emptyMessage?: string;
+    /** Typography variant which will be used for table pagination **/
+    footerTypography?: TypographyVariant;
+    /** Typography variant which will be used for table header cell values **/
+    headerTypography?: TypographyVariant;
+    /** Customize the rows per page label. Default is 'Rows per page:' */
+    labelRowsPerPage?: ReactNode;
+    /** Table is loading */
+    loading?: boolean;
+    /** Maximum height of table container */
+    maxHeight?: string;
+    /** Optional multi-select checkbox object **/
+    multiSelect?: MultiSelect;
+    /** Row click event callback */
+    onRowClick?: (event: MouseEvent, id: string) => void;
+    /** Update data callback if data is managed by consumer */
+    onUpdateData?: (order: Order, orderBy: string, page: number, rowsPerPage: number) => void;
+    /** The sort order of table data 'asc', 'desc' */
+    order?: Order;
+    /** The ID of the column that you are sorting by */
+    orderBy?: string;
+    /** The zero-based index of the current page  for paginated table */
+    page?: number;
+    /** Rows per page for paginated table */
+    rowsPerPage?: RowsPerPageOption;
+    /** Customizes the options of the rows per page select field. Default: [10, 25, 50, 100, 150, 200] */
+    rowsPerPageOptions?: number[];
+    /** Table is sortable */
+    sortable?: boolean;
+    /** Table header is sticky */
+    stickyHeader?: boolean;
+    /** Toolbar displayed above column headers */
+    toolbar?: ReactNode;
+}
+export interface DotColumnHeader {
+    align?: TextAlignment;
+    id: string;
+    label?: string;
+    sortable?: boolean;
+    truncate?: boolean;
+    width?: string;
+}
+export interface HeaderProps {
+    collapsibleTableOptions?: CollapsibleTableOptions;
+    columns: Array<DotColumnHeader>;
+    multiSelectHeader?: MultiSelectHeader;
+    onRequestSort: (property: string) => void;
+    order?: Order;
+    /** The ID of the column that you are sorting by */
+    orderBy?: string;
+    sortable: boolean;
+    typography: TypographyVariant;
+}

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

@@ -1,25 +1,25 @@
-import { ReactNode } from 'react';
-import { TableRowProps } from './interfaces';
-export declare const TABLE_TYPOGRAPHY_VARIANT = "body1";
-export declare const TABLE_DEFAULT_SKELETON_ROWS = 4;
-export declare type Order = 'asc' | 'desc';
-export declare type MultiSelectState = 'unchecked' | 'checked' | 'indeterminate';
-export declare type RowSelectionChangeHandler = (isChecked: boolean, rowId: string) => void;
-export declare type TableRowSelectChangeHandler = (isChecked: boolean, selectedTableRowIds: string[]) => void;
-export interface MultiSelect {
-    bulkActions?: ReactNode;
-    onCheckAllChange?: TableRowSelectChangeHandler;
-    onCheckRowChange?: TableRowSelectChangeHandler;
-    onClearAllChange?: TableRowSelectChangeHandler;
-}
-interface MultiSelectTableBase {
-    selectedTableRowIds: string[];
-}
-export interface MultiSelectHeader extends MultiSelectTableBase {
-    onCheckAllChange: TableRowSelectChangeHandler;
-    pageData: TableRowProps[];
-}
-export interface MultiSelectBody extends MultiSelectTableBase {
-    onCheckIndividualChange?: RowSelectionChangeHandler;
-}
-export {};
+import { ReactNode } from 'react';
+import { TableRowProps } from './interfaces';
+export declare const TABLE_TYPOGRAPHY_VARIANT = "body1";
+export declare const TABLE_DEFAULT_SKELETON_ROWS = 4;
+export type Order = 'asc' | 'desc';
+export type MultiSelectState = 'unchecked' | 'checked' | 'indeterminate';
+export type RowSelectionChangeHandler = (isChecked: boolean, rowId: string) => void;
+export type TableRowSelectChangeHandler = (isChecked: boolean, selectedTableRowIds: string[]) => void;
+export interface MultiSelect {
+    bulkActions?: ReactNode;
+    onCheckAllChange?: TableRowSelectChangeHandler;
+    onCheckRowChange?: TableRowSelectChangeHandler;
+    onClearAllChange?: TableRowSelectChangeHandler;
+}
+interface MultiSelectTableBase {
+    selectedTableRowIds: string[];
+}
+export interface MultiSelectHeader extends MultiSelectTableBase {
+    onCheckAllChange: TableRowSelectChangeHandler;
+    pageData: TableRowProps[];
+}
+export interface MultiSelectBody extends MultiSelectTableBase {
+    onCheckIndividualChange?: RowSelectionChangeHandler;
+}
+export {};

package/{lib → src/lib}/components/tabs/Tabs.d.ts

@@ -1,31 +1,31 @@
-import { CommonProps } from '../CommonProps';
-export declare type TabsColor = 'primary' | 'secondary';
-export declare type TabsScrollButtons = 'auto' | boolean;
-export declare type TabsVariant = 'fullWidth' | 'scrollable' | 'standard';
-export interface TabProps extends CommonProps {
-    /** If true, the tab will be disabled. */
-    disabled?: boolean;
-    /** The ID of the icon to display on the tab */
-    iconId?: string;
-    /** The text to display on the tab */
-    label: string;
-    /** The value of the Tab (defaults to tab index) */
-    value?: any;
-}
-export interface TabsProps extends CommonProps {
-    /** Center the tabs */
-    centered?: boolean;
-    /** The color of the tabs */
-    color?: TabsColor;
-    /** The value of the initially selected tab */
-    initialValue?: any;
-    /** Tab change callback */
-    onChange?: (value: any) => void;
-    /** Determines behavior of scroll buttons when tabs are scrollable (variant="scrollable") */
-    scrollButtons?: TabsScrollButtons;
-    /** Array of tabs to be displayed */
-    tabs: Array<TabProps>;
-    /** Determines additional display behavior of the tabs */
-    variant?: TabsVariant;
-}
-export declare const DotTabs: ({ centered, className, color, "data-testid": dataTestId, initialValue, onChange, scrollButtons, tabs, variant, }: TabsProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export type TabsColor = 'primary' | 'secondary';
+export type TabsScrollButtons = 'auto' | boolean;
+export type TabsVariant = 'fullWidth' | 'scrollable' | 'standard';
+export interface TabProps extends CommonProps {
+    /** If true, the tab will be disabled. */
+    disabled?: boolean;
+    /** The ID of the icon to display on the tab */
+    iconId?: string;
+    /** The text to display on the tab */
+    label: string;
+    /** The value of the Tab (defaults to tab index) */
+    value?: any;
+}
+export interface TabsProps extends CommonProps {
+    /** Center the tabs */
+    centered?: boolean;
+    /** The color of the tabs */
+    color?: TabsColor;
+    /** The value of the initially selected tab */
+    initialValue?: any;
+    /** Tab change callback */
+    onChange?: (value: any) => void;
+    /** Determines behavior of scroll buttons when tabs are scrollable (variant="scrollable") */
+    scrollButtons?: TabsScrollButtons;
+    /** Array of tabs to be displayed */
+    tabs: Array<TabProps>;
+    /** Determines additional display behavior of the tabs */
+    variant?: TabsVariant;
+}
+export declare const DotTabs: ({ centered, className, color, "data-testid": dataTestId, initialValue, onChange, scrollButtons, tabs, variant, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/tabs/Tabs.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-tabs";
-export declare const StyledTabs: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>>>, any, {}, never>;
+export declare const rootClassName = "dot-tabs";
+export declare const StyledTabs: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, "div">>, any, {}, never>;

package/{lib → src/lib}/components/time-picker/TimePicker.d.ts

@@ -1,63 +1,63 @@
-import { FocusEvent, KeyboardEvent, ReactNode } from 'react';
-import { FieldChangeHandlerContext } from '@mui/x-date-pickers/internals';
-import { CommonProps } from '../CommonProps';
-import { DatePickerKeydownContext } from '../date-picker';
-export interface TimePickerProps extends CommonProps {
-    /** 12h/24h view for hour selection clock. Default is `true`. */
-    ampm?: boolean;
-    /** If `true`, the `input` element is focused during the first mount. */
-    autoFocus?: boolean;
-    /** The default value. Use when the component is not controlled. */
-    defaultValue?: string;
-    /** If `true`, popper's paper will not be wrapped with ClickAwayListener. */
-    disableClickAwayListener?: boolean;
-    /** If `true`, the open picker button will not be rendered (renders only the field). */
-    disableOpenPicker?: boolean;
-    /** If `true`, the picker and text field are disabled. DOES NOT WORK WITH SCREEN READERS, we recommend using `readOnly` instead. */
-    disabled?: boolean;
-    /** If true, the label will be displayed in an error state. */
-    error?: boolean;
-    /** Format of the time when rendered in the input(s). Defaults to localized format based on the used `views`. */
-    format?: string;
-    /** If true, the input will take up the full width of its container */
-    fullWidth?: boolean;
-    /** The helper text content. */
-    helperText?: ReactNode;
-    hideActionButtons?: boolean;
-    /** Identifies the input element and also used to create label "for" and helper text id attribute */
-    inputId: string;
-    /** The name of input element */
-    inputName?: string;
-    /** The label content. */
-    label?: string;
-    /** Callback fired when the value is changed from the popper. */
-    onAccept?: (value: string) => void;
-    /** A function that should be executed when the input loses focus */
-    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void;
-    /** Callback fired when the `Cancel` button is clicked. */
-    onCancel?: () => void;
-    /** Callback fired when the value changes. */
-    onChange?: (value: string, context: FieldChangeHandlerContext<string>) => void;
-    /** Callback fired when the popup requests to be closed. Use in controlled mode (see `open`). */
-    onClose?: () => void;
-    /** A function that should be executed when key is pressed from input or popper */
-    onKeyDown?: (e: KeyboardEvent<HTMLElement>, contextEnum: DatePickerKeydownContext) => void;
-    /** Callback fired when the popup requests to be opened. Use in controlled mode (see `open`). */
-    onOpen?: () => void;
-    /** Callback fired when the time value on the opened popper changes. */
-    onPopperTimeChange?: (value: string) => void;
-    /** Control the popup or dialog open state. */
-    open?: boolean;
-    /** If true, the label will be persistently displayed outside the field */
-    persistentLabel?: boolean;
-    /** If true, the input will be read-only. */
-    readOnly?: boolean;
-    /** If true, the label is displayed as required and the input element will be required. */
-    required?: boolean;
-    /** The selected value. Used when the component is controlled.  Time in ISO 8601 format, ie: HH:mm */
-    value?: string;
-}
-export declare const DEFAULT_PICKER_TIME_FORMAT = "HH:mm";
-export declare const DEFAULT_TIME_FORMAT = "HH:mm";
-export declare const DEFAULT_TIME = "01:00";
-export declare const DotTimePicker: ({ ampm, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disableOpenPicker, disableClickAwayListener, disabled, error, format, fullWidth, helperText, hideActionButtons, inputId, inputName, label, onAccept, onBlur, onCancel, onChange, onClose, onKeyDown, onOpen, onPopperTimeChange, open, persistentLabel, readOnly, required, value, }: TimePickerProps) => JSX.Element;
+import { FocusEvent, KeyboardEvent, ReactNode } from 'react';
+import { FieldChangeHandlerContext } from '@mui/x-date-pickers/internals';
+import { CommonProps } from '../CommonProps';
+import { DatePickerKeydownContext } from '../date-picker';
+export interface TimePickerProps extends CommonProps {
+    /** 12h/24h view for hour selection clock. Default is `true`. */
+    ampm?: boolean;
+    /** If `true`, the `input` element is focused during the first mount. */
+    autoFocus?: boolean;
+    /** The default value. Use when the component is not controlled. */
+    defaultValue?: string;
+    /** If `true`, popper's paper will not be wrapped with ClickAwayListener. */
+    disableClickAwayListener?: boolean;
+    /** If `true`, the open picker button will not be rendered (renders only the field). */
+    disableOpenPicker?: boolean;
+    /** If `true`, the picker and text field are disabled. DOES NOT WORK WITH SCREEN READERS, we recommend using `readOnly` instead. */
+    disabled?: boolean;
+    /** If true, the label will be displayed in an error state. */
+    error?: boolean;
+    /** Format of the time when rendered in the input(s). Defaults to localized format based on the used `views`. */
+    format?: string;
+    /** If true, the input will take up the full width of its container */
+    fullWidth?: boolean;
+    /** The helper text content. */
+    helperText?: ReactNode;
+    hideActionButtons?: boolean;
+    /** Identifies the input element and also used to create label "for" and helper text id attribute */
+    inputId: string;
+    /** The name of input element */
+    inputName?: string;
+    /** The label content. */
+    label?: string;
+    /** Callback fired when the value is changed from the popper. */
+    onAccept?: (value: string) => void;
+    /** A function that should be executed when the input loses focus */
+    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void;
+    /** Callback fired when the `Cancel` button is clicked. */
+    onCancel?: () => void;
+    /** Callback fired when the value changes. */
+    onChange?: (value: string, context: FieldChangeHandlerContext<string>) => void;
+    /** Callback fired when the popup requests to be closed. Use in controlled mode (see `open`). */
+    onClose?: () => void;
+    /** A function that should be executed when key is pressed from input or popper */
+    onKeyDown?: (e: KeyboardEvent<HTMLElement>, contextEnum: DatePickerKeydownContext) => void;
+    /** Callback fired when the popup requests to be opened. Use in controlled mode (see `open`). */
+    onOpen?: () => void;
+    /** Callback fired when the time value on the opened popper changes. */
+    onPopperTimeChange?: (value: string) => void;
+    /** Control the popup or dialog open state. */
+    open?: boolean;
+    /** If true, the label will be persistently displayed outside the field */
+    persistentLabel?: boolean;
+    /** If true, the input will be read-only. */
+    readOnly?: boolean;
+    /** If true, the label is displayed as required and the input element will be required. */
+    required?: boolean;
+    /** The selected value. Used when the component is controlled.  Time in ISO 8601 format, ie: HH:mm */
+    value?: string;
+}
+export declare const DEFAULT_PICKER_TIME_FORMAT = "HH:mm";
+export declare const DEFAULT_TIME_FORMAT = "HH:mm";
+export declare const DEFAULT_TIME = "01:00";
+export declare const DotTimePicker: ({ ampm, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disableOpenPicker, disableClickAwayListener, disabled, error, format, fullWidth, helperText, hideActionButtons, inputId, inputName, label, onAccept, onBlur, onCancel, onChange, onClose, onKeyDown, onOpen, onPopperTimeChange, open, persistentLabel, readOnly, required, value, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/time-picker/TimePicker.styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const rootClassName = "dot-time-picker";
-export declare const containerClassName = "dot-time-picker-container";
-export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTimePicker: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").TimePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-}, any, {}, never>;
+/// <reference types="react" />
+export declare const rootClassName = "dot-time-picker";
+export declare const containerClassName = "dot-time-picker-container";
+export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTimePicker: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").TimePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
+    propTypes?: any;
+}, any, {}, never>;

package/{lib → src/lib}/components/time-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { Daytime } from './utils/models';
-export { mockScrollIntoView } from '../../testing-utils/scroll-into-view-mock';
-export * from './TimePicker';
+export { Daytime } from './utils/models';
+export { mockScrollIntoView } from '../../testing-utils/scroll-into-view-mock';
+export * from './TimePicker';

package/{lib → src/lib}/components/time-picker/utils/helpers.d.ts

@@ -1,18 +1,18 @@
-import dayjs, { Dayjs } from 'dayjs';
-import { Daytime } from './models';
-import { ButtonType } from '../../BaseButtonProps';
-export declare const getDayjsUtcDate: (value: string, timeFormat?: string) => dayjs.Dayjs;
-export declare const createNumbersArray: (length: number, offset?: number) => number[];
-export declare const getHoursForTimePicker: (hasDaytimeSelection: boolean) => number[];
-export declare const getMinutesForTimePicker: () => number[];
-export declare const checkIfAm: (currentTime: Dayjs) => boolean;
-export declare const calculateTimeForHourSelection: (is12hourFormat: boolean, selectedHour: number, currentTime: Dayjs) => Dayjs;
-export declare const calculateTimeForDaytimeSelection: (currentTime: Dayjs, selectedDaytime: Daytime) => Dayjs;
-export declare const calculateHourBasedOnTimeFormat: (time: Dayjs, is12hourFormat: boolean) => number;
-export declare const getSelectedHourButtonIndex: (selectedHour: number, is12HourFormat: boolean) => number;
-export declare const getPopperButtonTabIndex: (index: number, isSelected: boolean, selectedValue?: number) => number | undefined;
-export declare const getDaytimeButtonTabIndex: (currentDaytime: Daytime, selectedDaytime?: string) => number | undefined;
-export declare const getSelectedDaytime: (dateTime?: Dayjs) => string;
-export declare const getTimePickerButtonType: (selectedDaytime: string) => ButtonType;
-export declare const checkIfOpenPropDefined: (open: boolean | null | undefined) => boolean;
-export declare const getDaytimeButtonType: (daytimeSelected: string) => "primary" | "text";
+import dayjs, { Dayjs } from 'dayjs';
+import { Daytime } from './models';
+import { ButtonType } from '../../BaseButtonProps';
+export declare const getDayjsUtcDate: (value: string, timeFormat?: string) => dayjs.Dayjs;
+export declare const createNumbersArray: (length: number, offset?: number) => number[];
+export declare const getHoursForTimePicker: (hasDaytimeSelection: boolean) => number[];
+export declare const getMinutesForTimePicker: () => number[];
+export declare const checkIfAm: (currentTime: Dayjs) => boolean;
+export declare const calculateTimeForHourSelection: (is12hourFormat: boolean, selectedHour: number, currentTime: Dayjs) => Dayjs;
+export declare const calculateTimeForDaytimeSelection: (currentTime: Dayjs, selectedDaytime: Daytime) => Dayjs;
+export declare const calculateHourBasedOnTimeFormat: (time: Dayjs, is12hourFormat: boolean) => number;
+export declare const getSelectedHourButtonIndex: (selectedHour: number, is12HourFormat: boolean) => number;
+export declare const getPopperButtonTabIndex: (index: number, isSelected: boolean, selectedValue?: number) => number | undefined;
+export declare const getDaytimeButtonTabIndex: (currentDaytime: Daytime, selectedDaytime?: string) => number | undefined;
+export declare const getSelectedDaytime: (dateTime?: Dayjs) => string;
+export declare const getTimePickerButtonType: (selectedDaytime: string) => ButtonType;
+export declare const checkIfOpenPropDefined: (open: boolean | null | undefined) => boolean;
+export declare const getDaytimeButtonType: (daytimeSelected: string) => "primary" | "text";

package/{lib → src/lib}/components/time-picker/utils/models.d.ts

@@ -1,4 +1,4 @@
-export declare enum Daytime {
-    AM = "AM",
-    PM = "PM"
-}
+export declare enum Daytime {
+    AM = "AM",
+    PM = "PM"
+}

package/{lib → src/lib}/components/tooltip/Tooltip.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode, ReactElement, ChangeEvent } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type tooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
-export interface TooltipProps extends CommonProps {
-    /** If true, adds an arrow to the tooltip indicating which element it refers to. */
-    arrow?: boolean;
-    children: ReactElement;
-    leaveDelay?: number;
-    onClose?: (event: ChangeEvent) => void;
-    open?: boolean;
-    placement?: tooltipPlacement;
-    title?: ReactNode | string | number;
-}
-export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, leaveDelay, onClose, open, placement, title, }: TooltipProps) => JSX.Element;
+import { ReactNode, ReactElement, ChangeEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+export type tooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+export interface TooltipProps extends CommonProps {
+    /** If true, adds an arrow to the tooltip indicating which element it refers to. */
+    arrow?: boolean;
+    children: ReactElement;
+    leaveDelay?: number;
+    onClose?: (event: ChangeEvent) => void;
+    open?: boolean;
+    placement?: tooltipPlacement;
+    title?: ReactNode | string | number;
+}
+export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, leaveDelay, onClose, open, placement, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.d.ts

@@ -1,9 +1,9 @@
-import { CommonProps } from '../CommonProps';
-export interface TruncateWithTooltipProps extends CommonProps {
-    /** If true, adds an arrow to the tooltip indicating which element it refers to. */
-    arrow?: boolean;
-    charactersLimit?: number;
-    label: string;
-    width?: number | string;
-}
-export declare const DotTruncateWithTooltip: ({ ariaLabel, arrow, charactersLimit, className, "data-testid": dataTestId, label, width, }: TruncateWithTooltipProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export interface TruncateWithTooltipProps extends CommonProps {
+    /** If true, adds an arrow to the tooltip indicating which element it refers to. */
+    arrow?: boolean;
+    charactersLimit?: number;
+    label: string;
+    width?: number | string;
+}
+export declare const DotTruncateWithTooltip: ({ ariaLabel, arrow, charactersLimit, className, "data-testid": dataTestId, label, width, }: TruncateWithTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts

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

package/{lib → src/lib}/components/truncate-with-tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export type { TruncateWithTooltipProps } from './TruncateWithTooltip';
-export { DotTruncateWithTooltip } from './TruncateWithTooltip';
+export type { TruncateWithTooltipProps } from './TruncateWithTooltip';
+export { DotTruncateWithTooltip } from './TruncateWithTooltip';

package/{lib → src/lib}/components/truncate-with-tooltip/utils/helpers.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-export declare const getTruncatedLabel: (label: string, charactersLimit?: number) => ReactNode;
-export declare const getTooltipLabel: (label: string, charactersLimit?: number) => ReactNode;
+import { ReactNode } from 'react';
+export declare const getTruncatedLabel: (label: string, charactersLimit?: number) => ReactNode;
+export declare const getTooltipLabel: (label: string, charactersLimit?: number) => ReactNode;

package/{lib → src/lib}/components/typography/Typography.d.ts

@@ -1,18 +1,18 @@
-import { ElementType, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline' | 'inherit';
-export interface TypographyProps extends CommonProps {
-    /** When `ariaRole` is `heading` then set a level */
-    ariaLevel?: number;
-    /** The content of the component. */
-    children: ReactNode;
-    /** The component used for the root node. Either a string to use a HTML element or a component. */
-    component?: ElementType;
-    /** DEPRECATED: If true, the typography will not have a bottom margin set */
-    noMarginBottom?: boolean;
-    /** If true, the text will wrap and not be truncated */
-    noWrap?: boolean;
-    /** Applies the theme typography styles. */
-    variant?: TypographyVariant;
-}
-export declare const DotTypography: ({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: TypographyProps) => JSX.Element;
+import { ElementType, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline' | 'inherit';
+export interface TypographyProps extends CommonProps {
+    /** When `ariaRole` is `heading` then set a level */
+    ariaLevel?: number;
+    /** The content of the component. */
+    children: ReactNode;
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: ElementType;
+    /** DEPRECATED: If true, the typography will not have a bottom margin set */
+    noMarginBottom?: boolean;
+    /** If true, the text will wrap and not be truncated */
+    noWrap?: boolean;
+    /** Applies the theme typography styles. */
+    variant?: TypographyVariant;
+}
+export declare const DotTypography: ({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/useStylesWithRootClass.d.ts

@@ -1 +1 @@
-export declare function useStylesWithRootClass(name: string, className?: string, ...args: string[]): string;
+export declare function useStylesWithRootClass(name: string, className?: string, ...args: string[]): string;

package/{lib → src/lib}/fonts/fonts.d.ts

@@ -1 +1 @@
-export declare const GlobalFonts: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const GlobalFonts: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;