@stokelp/ui 1.31.0 → 1.33.0

package/dist/components/index.d.ts

@@ -23,4 +23,5 @@ export * from './alert';
 export * from './table';
 export * from './breadcrumb';
 export * from './popover';
+export * from './pagination';
 export * from './app';

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, FC } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { PaginationRecipe } from '@stokelp/styled-system/recipes';
+
+declare const StyledPagination: ComponentVariants<StyledComponent<"div", {}>, PaginationRecipe>;
+type StyledPaginationProps = ComponentProps<typeof StyledPagination>;
+export interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {
+    total: number;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+    siblings?: number;
+    boundaries?: number;
+    onNextPage?: () => void;
+    onPrevPage?: () => void;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './Pagination';

package/dist/components/pagination/use-pagination.d.ts

@@ -0,0 +1,18 @@
+export declare const DOTS: unique symbol;
+export interface PaginationParams {
+    initialPage?: number;
+    page?: number;
+    total: number;
+    siblings?: number;
+    boundaries?: number;
+    onChange?: (page: number) => void;
+}
+export declare const usePagination: ({ total, siblings, boundaries, page, initialPage, onChange, }: PaginationParams) => {
+    range: (number | typeof DOTS)[];
+    active: number;
+    setPage: (pageNumber: number) => void;
+    next: () => void;
+    previous: () => void;
+    first: () => void;
+    last: () => void;
+};

package/dist/shared/hooks/useUncontrolled.d.ts

@@ -0,0 +1,12 @@
+interface UseUncontrolledInput<T> {
+    /** Value for controlled state */
+    value?: T;
+    /** Initial value for uncontrolled state */
+    defaultValue?: T;
+    /** Final value for uncontrolled state when value and defaultValue are not provided */
+    finalValue?: T;
+    /** Controlled state onChange handler */
+    onChange?: (value: T, ...payload: any[]) => void;
+}
+export declare function useUncontrolled<T>({ value, defaultValue, finalValue, onChange, }: UseUncontrolledInput<T>): [T, (value: T, ...payload: any[]) => void, boolean];
+export {};

package/dist/shared/utils/events.d.ts

@@ -0,0 +1,3 @@
+type EventHandler<Event> = ((event?: Event) => void) | undefined;
+export declare const createEventHandler: <Event>(parentEventHandler: EventHandler<Event>, eventHandler: EventHandler<Event>) => (event?: Event) => void;
+export {};