@loadsmart/loadsmart-ui 5.2.1 → 5.3.2

package/dist/components/Icon/Icon.d.ts

@@ -21,6 +21,7 @@ declare const icons: {
     upload: JSX.Element;
     warning: JSX.Element;
     'dots-horizontal': JSX.Element;
+    'caret-right-last': JSX.Element;
 };
 declare const Icon: (props: GenericIconProps<import("../IconFactory").IconMapping>) => JSX.Element;
 export declare type IconProps = GenericIconProps<typeof icons>;

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <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">;

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

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

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

@@ -0,0 +1,53 @@
+import { GroupProps } from "../Layout/Group";
+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;
+}
+export declare type TablePaginationActionsProps = Omit<TablePaginationProps, 'labelRowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'rowsPerPage'> & {
+    rowsPerPage: number;
+};
+export declare type RowsPerPageProps = Omit<TablePaginationProps, 'rowsPerPageOptions' | 'onPageChange' | 'rowsPerPage'> & {
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TablePaginationActionsProps } from "./TablePagination.types";
+import { IconProps } from "../Icon";
+export declare const ActionIcon: import("styled-components").StyledComponent<(props: import("../IconFactory").IconProps<import("../IconFactory").IconMapping>) => JSX.Element, 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;

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

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

package/dist/index.d.ts

@@ -92,3 +92,5 @@ export type { ErrorMessageProps } from './components/ErrorMessage';
 export { DragDropFileProvider, useDragDropFileContext, } from './components/DragDropFile/DragDropFile.context';
 export { default as DragDropFile } from './components/DragDropFile/DragDropFile';
 export type { FileStatus, FileWithStatus, DropZoneProps, DragDropFileProviderProps, DragDropFileContextValue, } from './components/DragDropFile/types';
+export { TablePagination } from './components/TablePagination';
+export type { TablePaginationProps } from './components/TablePagination';