@loadsmart/loadsmart-ui 7.3.3 → 7.5.0

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

@@ -1,61 +1,61 @@
-/// <reference types="react" />
-import type { TableProps } from './Table.types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare function Playground(args: TableProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-    };
-}
-export declare function WithSorting(args: TableProps): JSX.Element;
-export declare namespace WithSorting {
-    var args: {
-        scale: string;
-    };
-}
-export declare function WithColumnPicker(args: TableProps): JSX.Element;
-export declare namespace WithColumnPicker {
-    var args: {
-        scale: string;
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-        source: {
-            type: string;
-        };
-    };
-}
-export declare function WithRowSelection(args: TableProps): JSX.Element;
-export declare namespace WithRowSelection {
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-    var args: {
-        scale: string;
-    };
-}
-export declare function WithCustomRowSelection(): JSX.Element;
-export declare namespace WithCustomRowSelection {
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}
-export declare function WithExpandableRow(args: TableProps): JSX.Element;
-export declare namespace WithExpandableRow {
-    var args: {
-        scale: string;
-    };
-}
+import { Meta } from '@storybook/react';
+import { TableProps } from './Table.types';
+declare const _default: Meta;
+export default _default;
+export declare function Playground(args: TableProps): JSX.Element;
+export declare namespace Playground {
+    var args: {
+        scale: string;
+    };
+}
+export declare function WithSorting(args: TableProps): JSX.Element;
+export declare namespace WithSorting {
+    var args: {
+        scale: string;
+    };
+}
+export declare function WithColumnPicker(args: TableProps): JSX.Element;
+export declare namespace WithColumnPicker {
+    var args: {
+        scale: string;
+    };
+    var parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        source: {
+            type: string;
+        };
+    };
+}
+export declare function WithRowSelection(args: TableProps): JSX.Element;
+export declare namespace WithRowSelection {
+    var parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    var args: {
+        scale: string;
+    };
+}
+export declare function WithCustomRowSelection(): JSX.Element;
+export declare namespace WithCustomRowSelection {
+    var parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+}
+export declare function WithExpandableRow(args: TableProps): JSX.Element;
+export declare namespace WithExpandableRow {
+    var args: {
+        scale: string;
+    };
+}

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

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,72 +1,72 @@
-import type { Selectable } from "../../hooks/useSelectable";
-import type { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode, ReactElement } from 'react';
-import type { DropdownMenuItemProps, DropdownMenuProps } from "../Dropdown";
-import type { DropdownTriggerButtonProps } from "../Dropdown/DropdownTrigger";
-import type { TableSelectableRow, TableSelectionConfig } from './Selection';
-declare type Scale = 'default' | 'small' | 'large';
-export interface TableProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableElement> {
-    scale?: Scale;
-    selection?: TableSelectionConfig<T>;
-}
-export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
-    position?: 'top' | 'bottom';
-    height?: number;
-}
-export interface TableSelectionProps extends HTMLAttributes<HTMLDivElement> {
-    buttons: ComponentType<{
-        values: TableSelectableRow[];
-    }>[];
-}
-export interface SelectionCellProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableCellElement> {
-    value?: T;
-    children?: (props: {
-        selected: boolean;
-        toggle: () => void;
-    }) => ReactElement;
-}
-export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {
-    scale?: Scale;
-}
-export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
-export declare type ExpandableTableRowProps = TableRowProps & {
-    expandableContent?: ReactNode;
-    leading?: ReactNode | ((expanded: boolean) => ReactNode);
-    initialExpanded?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-};
-export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
-    alignment?: 'left' | 'right';
-    format?: 'default' | 'number' | 'currency';
-    columnWidth?: string;
-    scale?: Scale;
-    selected?: boolean;
-}
-export declare type TableColumn<T = Record<string, unknown>> = {
-    /**
-     * The accessor of you entry interface
-     */
-    key: keyof T;
-    /**
-     * The label that should go in the Header cell
-     */
-    title: ReactNode;
-    /**
-     * The text of the Dropdown.Item
-     * If omitted, `title` is used
-     */
-    option?: string;
-};
-export declare type TableColumns<T> = Array<TableColumn<T>>;
-export interface TablePickerItemProps<T> extends DropdownMenuItemProps {
-    option?: TableColumn<T>;
-    checked?: boolean;
-}
-export interface TablePickerProps<T> extends PropsWithChildren<Partial<Omit<DropdownTriggerButtonProps, 'onChange' | 'value' | 'children'>>> {
-    value?: TableColumn<T>;
-    onChange?: (value: TableColumn<T>) => void;
-    options?: TableColumns<T>;
-    trigger?: ReactNode | ((expanded: boolean) => ReactNode);
-    align?: DropdownMenuProps['align'];
-}
-export {};
+import { Selectable } from '../../hooks/useSelectable';
+import { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode, ReactElement } from 'react';
+import { DropdownMenuItemProps, DropdownMenuProps } from '../Dropdown';
+import { DropdownTriggerButtonProps } from '../Dropdown/DropdownTrigger';
+import { TableSelectableRow, TableSelectionConfig } from './Selection';
+type Scale = 'default' | 'small' | 'large';
+export interface TableProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableElement> {
+    scale?: Scale;
+    selection?: TableSelectionConfig<T>;
+}
+export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+    position?: 'top' | 'bottom';
+    height?: number;
+}
+export interface TableSelectionProps extends HTMLAttributes<HTMLDivElement> {
+    buttons: ComponentType<{
+        values: TableSelectableRow[];
+    }>[];
+}
+export interface SelectionCellProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableCellElement> {
+    value?: T;
+    children?: (props: {
+        selected: boolean;
+        toggle: () => void;
+    }) => ReactElement;
+}
+export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {
+    scale?: Scale;
+}
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export type ExpandableTableRowProps = TableRowProps & {
+    expandableContent?: ReactNode;
+    leading?: ReactNode | ((expanded: boolean) => ReactNode);
+    initialExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+};
+export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
+    alignment?: 'left' | 'right';
+    format?: 'default' | 'number' | 'currency';
+    columnWidth?: string;
+    scale?: Scale;
+    selected?: boolean;
+}
+export type TableColumn<T = Record<string, unknown>> = {
+    /**
+     * The accessor of you entry interface
+     */
+    key: keyof T;
+    /**
+     * The label that should go in the Header cell
+     */
+    title: ReactNode;
+    /**
+     * The text of the Dropdown.Item
+     * If omitted, `title` is used
+     */
+    option?: string;
+};
+export type TableColumns<T> = Array<TableColumn<T>>;
+export interface TablePickerItemProps<T> extends DropdownMenuItemProps {
+    option?: TableColumn<T>;
+    checked?: boolean;
+}
+export interface TablePickerProps<T> extends PropsWithChildren<Partial<Omit<DropdownTriggerButtonProps, 'onChange' | 'value' | 'children'>>> {
+    value?: TableColumn<T>;
+    onChange?: (value: TableColumn<T>) => void;
+    options?: TableColumns<T>;
+    trigger?: ReactNode | ((expanded: boolean) => ReactNode);
+    align?: DropdownMenuProps['align'];
+}
+export {};

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import type { SortDirection } from './useSortBy.types';
-import type { BoxProps } from "../Layout/Box";
-interface TableSortHandleProps extends BoxProps {
-    order?: SortDirection | null;
-}
-declare function TableSortHandle({ order, ...rest }: TableSortHandleProps): JSX.Element | null;
-export default TableSortHandle;
+import { SortDirection } from './useSortBy.types';
+import { BoxProps } from '../Layout/Box';
+interface TableSortHandleProps extends BoxProps {
+    order?: SortDirection | null;
+}
+declare function TableSortHandle({ order, ...rest }: TableSortHandleProps): JSX.Element | null;
+export default TableSortHandle;

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

@@ -1,2 +1,2 @@
-export { default as Table } from './Table';
-export type { TableProps, TableCellProps, TableRowProps, TableSectionProps } from './Table.types';
+export { default as Table } from './Table';
+export type { TableProps, TableCellProps, TableRowProps, TableSectionProps } from './Table.types';

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

@@ -1,16 +1,16 @@
-import type { TableRowGroup, SortableColumn, ColumnGroup } from './useSortBy.types';
-/**
- * A hook that receives columns and table rows to sort them when sortByColumn function is called.
- * Exposes columnData, tableData and sortByColumn to be consumed by the Table component.
- *
- * @param {ColumnGroup} columnGroup a group of table columns
- * @param {TableRowGroup} tableRowGroup a group of table rows
- *
- * @returns {TableRowGroup} sorted table rows
- */
-declare function useSortBy(columnGroup: ColumnGroup, tableRowGroup: TableRowGroup): {
-    tableData: TableRowGroup;
-    columnData: ColumnGroup;
-    sortByColumn: (column: SortableColumn) => void;
-};
-export default useSortBy;
+import { TableRowGroup, SortableColumn, ColumnGroup } from './useSortBy.types';
+/**
+ * A hook that receives columns and table rows to sort them when sortByColumn function is called.
+ * Exposes columnData, tableData and sortByColumn to be consumed by the Table component.
+ *
+ * @param {ColumnGroup} columnGroup a group of table columns
+ * @param {TableRowGroup} tableRowGroup a group of table rows
+ *
+ * @returns {TableRowGroup} sorted table rows
+ */
+declare function useSortBy(columnGroup: ColumnGroup, tableRowGroup: TableRowGroup): {
+    tableData: TableRowGroup;
+    columnData: ColumnGroup;
+    sortByColumn: (column: SortableColumn) => void;
+};
+export default useSortBy;

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

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,16 +1,16 @@
-import type { TableColumn } from './Table.types';
-export declare type TableRowGroup = Array<Record<string, string | number>>;
-export interface SortableColumn extends TableColumn {
-    isSortable?: boolean;
-    order?: SortDirection | null;
-}
-export declare type ColumnGroup = Array<SortableColumn>;
-export interface SortState {
-    sortConfig: SortableColumn;
-    columnGroup: ColumnGroup;
-    tableRowGroup: TableRowGroup;
-}
-export declare enum SortDirection {
-    ASC = "ASC",
-    DESC = "DESC"
-}
+import { TableColumn } from './Table.types';
+export type TableRowGroup = Array<Record<string, string | number>>;
+export interface SortableColumn extends TableColumn {
+    isSortable?: boolean;
+    order?: SortDirection | null;
+}
+export type ColumnGroup = Array<SortableColumn>;
+export interface SortState {
+    sortConfig: SortableColumn;
+    columnGroup: ColumnGroup;
+    tableRowGroup: TableRowGroup;
+}
+export declare enum SortDirection {
+    ASC = "ASC",
+    DESC = "DESC"
+}

package/dist/components/TablePagination/RowsPerPage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { RowsPerPageProps } from './TablePagination.types';
-declare function RowsPerPage({ page, rowsPerPage, onRowsPerPageChange, labelRowsPerPage, count, rowsPerPageOptions, disabled, position, align, }: RowsPerPageProps): JSX.Element;
-export default RowsPerPage;
+import { RowsPerPageProps } from './TablePagination.types';
+declare function RowsPerPage({ page, rowsPerPage, onRowsPerPageChange, labelRowsPerPage, count, rowsPerPageOptions, disabled, position, align, }: RowsPerPageProps): JSX.Element;
+export default RowsPerPage;

package/dist/components/TablePagination/TablePagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { TablePaginationProps } from './TablePagination.types';
-declare function TablePagination(props: TablePaginationProps): JSX.Element;
-export default TablePagination;
+import { TablePaginationProps } from './TablePagination.types';
+declare function TablePagination(props: TablePaginationProps): JSX.Element;
+export default TablePagination;

package/dist/components/TablePagination/TablePagination.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Story } from '@storybook/react';
-import type { TablePaginationProps } from './TablePagination.types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Playground: Story<TablePaginationProps>;
+import { Meta, Story } from '@storybook/react';
+import { TablePaginationProps } from './TablePagination.types';
+declare const _default: Meta;
+export default _default;
+export declare const Playground: Story<TablePaginationProps>;

package/dist/components/TablePagination/TablePagination.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const NoPaddingButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "tertiary";
-    scale: "small";
-}, "scale" | "variant">;
+export declare const NoPaddingButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
+    variant: "tertiary";
+    scale: "small";
+}, "scale" | "variant">;

package/dist/components/TablePagination/TablePagination.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/TablePagination/TablePagination.types.d.ts

@@ -1,59 +1,59 @@
-import type { GroupProps } from "../Layout/Group";
-import type { PopoverPlacement } from "../Popover";
-export interface TablePaginationProps extends GroupProps {
-    /**
-     * The pagination variant
-     * @default 'default'
-     */
-    variant?: 'compact' | 'default';
-    /**
-     * The total number of paginated items
-     */
-    count: number;
-    /**
-     * Customize the rows per page label.
-     * @default 'Rows per page:'
-     */
-    labelRowsPerPage?: string;
-    /**
-     * Callback fired when the page is changed.
-     */
-    onPageChange: (page: number) => void;
-    /**
-     * Callback fired when the number of rows per page is changed.
-     *
-     * Note: Resetting the page to zero after the number of rows per page is changed isn't part of
-     * the component and has to be implemented where it's necessary
-     */
-    onRowsPerPageChange: (rowsPerPage: number) => void;
-    /**
-     * The number of rows per page.
-     * @default 50
-     */
-    rowsPerPage?: number;
-    /**
-     * The zero-based index of the current page.
-     */
-    page: number;
-    /**
-     * Customizes the options of the rows per page select field.
-     * @default [10, 25, 50, 100]
-     */
-    rowsPerPageOptions?: number[];
-    /**
-     * Disable all the pagination actions
-     */
-    disabled?: boolean;
-    /**
-     * Customizes the placement of the rows per page select field.
-     * @default { position: 'bottom', align: 'start' }
-     */
-    rowsPerPagePlacement?: PopoverPlacement;
-}
-export declare type TablePaginationActionsProps = Omit<TablePaginationProps, 'labelRowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'rowsPerPage'> & {
-    rowsPerPage: number;
-};
-export declare type RowsPerPageProps = Omit<TablePaginationProps, 'rowsPerPageOptions' | 'onPageChange' | 'rowsPerPage' | 'align'> & PopoverPlacement & {
-    rowsPerPageOptions: number[];
-    rowsPerPage: number;
-};
+import { GroupProps } from '../Layout/Group';
+import { PopoverPlacement } from '../Popover';
+export interface TablePaginationProps extends GroupProps {
+    /**
+     * The pagination variant
+     * @default 'default'
+     */
+    variant?: 'compact' | 'default';
+    /**
+     * The total number of paginated items
+     */
+    count: number;
+    /**
+     * Customize the rows per page label.
+     * @default 'Rows per page:'
+     */
+    labelRowsPerPage?: string;
+    /**
+     * Callback fired when the page is changed.
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Callback fired when the number of rows per page is changed.
+     *
+     * Note: Resetting the page to zero after the number of rows per page is changed isn't part of
+     * the component and has to be implemented where it's necessary
+     */
+    onRowsPerPageChange: (rowsPerPage: number) => void;
+    /**
+     * The number of rows per page.
+     * @default 50
+     */
+    rowsPerPage?: number;
+    /**
+     * The zero-based index of the current page.
+     */
+    page: number;
+    /**
+     * Customizes the options of the rows per page select field.
+     * @default [10, 25, 50, 100]
+     */
+    rowsPerPageOptions?: number[];
+    /**
+     * Disable all the pagination actions
+     */
+    disabled?: boolean;
+    /**
+     * Customizes the placement of the rows per page select field.
+     * @default { position: 'bottom', align: 'start' }
+     */
+    rowsPerPagePlacement?: PopoverPlacement;
+}
+export type TablePaginationActionsProps = Omit<TablePaginationProps, 'labelRowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'rowsPerPage'> & {
+    rowsPerPage: number;
+};
+export type RowsPerPageProps = Omit<TablePaginationProps, 'rowsPerPageOptions' | 'onPageChange' | 'rowsPerPage' | 'align'> & PopoverPlacement & {
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+};

package/dist/components/TablePagination/TablePaginationActions.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import type { TablePaginationActionsProps } from "./TablePagination.types";
-import { IconProps } from "../Icon";
-export declare const ActionIcon: import("styled-components").StyledComponent<React.ComponentType<import("../IconFactory").IconProps<import("../IconFactory").IconMapping>>, any, {
-    color: "neutral-darker";
-    size: "16";
-} & IconProps & {
-    rotate?: number | undefined;
-}, "size" | "color">;
-declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): JSX.Element;
-export default TablePaginationActions;
+import { default as React } from 'react';
+import { TablePaginationActionsProps } from './TablePagination.types';
+import { IconProps } from '../Icon';
+export declare const ActionIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {
+    color: "neutral-darker";
+    size: "16";
+} & IconProps & {
+    rotate?: number;
+}, "size" | "color">;
+declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): JSX.Element;
+export default TablePaginationActions;

package/dist/components/TablePagination/index.d.ts

@@ -1,2 +1,2 @@
-export { default as TablePagination } from './TablePagination';
-export type { TablePaginationProps } from './TablePagination.types';
+export { default as TablePagination } from './TablePagination';
+export type { TablePaginationProps } from './TablePagination.types';