@loadsmart/loadsmart-ui 5.1.1 → 5.3.0

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

@@ -1,5 +1,5 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import type { ButtonProps } from "../Button";
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 export interface useDropdownProps {
     expanded: boolean;
     toggle: () => void;
@@ -12,7 +12,7 @@ export interface useDropdownReturn {
 }
 export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
     disabled?: boolean;
-    onBlur?: () => void;
+    onBlur?: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
 }
 export interface GenericDropdownProps extends DropdownProps, useDropdownProps {
 }

package/dist/components/Dropdown/useDropdown.d.ts

@@ -1,8 +1,4 @@
-import type { HTMLAttributes } from 'react';
-export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
-    disabled?: boolean;
-    onBlur?: () => void;
-}
+import type { DropdownProps } from './Dropdown.types';
 export interface useDropdownProps {
     expanded: boolean;
     toggle: () => void;

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/Select/Select.types.d.ts

@@ -1,9 +1,9 @@
 import EventLike from "../../utils/types/EventLike";
-import type { ChangeEvent, FocusEvent, ComponentType, HTMLAttributes } from 'react';
-import type { DropdownProps, DropdownMenuItemProps } from "../Dropdown";
+import type { DropdownMenuItemProps, DropdownProps } from "../Dropdown";
 import type { TextFieldProps } from "../TextField";
-import type { SelectableAdapter, Selectable, SelectableKeyType, SelectableState } from "../../hooks/useSelectable";
+import type { Selectable, SelectableAdapter, SelectableKeyType, SelectableState } from "../../hooks/useSelectable";
 import { useSelectableReturn } from "../../hooks/useSelectable/useSelectable.types";
+import type { ChangeEvent, ComponentType, FocusEvent, HTMLAttributes } from 'react';
 export declare type Option = Selectable;
 export interface GenericOption {
     label: string;
@@ -98,7 +98,7 @@ export declare type useSelectReturn = {
     getDropdownProps: () => {
         toggle: () => void;
         expanded: boolean;
-        onBlur: () => void;
+        onBlur: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
     };
     getCreatebleProps: () => CreatableProps;
     isCreatable: () => boolean;

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,50 @@
+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.
+     */
+    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/hooks/useClickOutside/useClickOutside.d.ts

@@ -1,3 +1,3 @@
 import type { RefObject } from 'react';
-declare function useClickOutside<T extends HTMLElement>(container: RefObject<T>, callback: () => void, disabled?: boolean): void;
+declare function useClickOutside<T extends HTMLElement>(container: RefObject<T>, callback: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void, disabled?: boolean): void;
 export default useClickOutside;

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';