@foris/avocado-suite 0.2.0 → 0.3.0

package/dist/avocado-suite/src/components/pager/Pager.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+export type PagerProps = {
+    /** Overwrite children classNames */
+    classname?: {
+        global?: string;
+        nav?: string;
+        arrow?: string;
+        button?: string;
+    };
+    /**
+     * Current page
+     */
+    page: number;
+    /**
+     * Size per page
+     */
+    size: number;
+    /**
+     * Total number of items
+     */
+    total: number;
+    /**
+     * Total number of pages
+     */
+    totalPages?: number;
+    /**
+     * Callback: Action `onClick` on page
+     * @param page number of page
+     * @returns
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Deprecated use "onChange" prop.
+     * @deprecated use "onChange" prop.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
+     */
+    hasPreviousPage?: boolean;
+    /**
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
+     */
+    hasNextPage?: boolean;
+};
+declare const Pager: FC<PagerProps>;
+export default Pager;

package/dist/avocado-suite/src/components/pager/components/ArrowPager.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface ArrowProps {
+    className?: string;
+    onClick: () => void;
+    icon: 'chevron-left' | 'chevron-right' | 'chevrons-left' | 'chevrons-right';
+    disabled: boolean;
+}
+declare const Arrow: FC<ArrowProps>;
+export default Arrow;

package/dist/avocado-suite/src/components/pager/components/ButtonPager.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+interface ButtonPagerProps {
+    className?: string;
+    onClick: () => void;
+    page: number;
+    currentPage: number;
+    ellipsisAsNumber: number;
+    disabled?: boolean;
+}
+declare const ButtonPager: FC<ButtonPagerProps>;
+export default ButtonPager;

package/dist/avocado-suite/src/components/pager/utils/generateArrayOfPages.d.ts

@@ -0,0 +1,2 @@
+declare const generateArrayOfPages: (currentPage: number, numberOfPages: number, ellipsisAsNumber: number) => number[];
+export default generateArrayOfPages;

package/dist/avocado-suite/src/index.d.ts

@@ -5,5 +5,6 @@ import Card from './components/card/Card';
 import Heading from './components/heading/Heading';
 import Text from './components/text/Text';
 import Checkbox from './components/checkbox/Checkbox';
+import Pager from './components/pager/Pager';
 import { ThemeProvider } from './contexts/theme/ThemeProvider';
-export { Breadcrumbs, Button, Box, Card, Checkbox, Heading, Text, ThemeProvider };
+export { Breadcrumbs, Button, Box, Card, Checkbox, Heading, Text, Pager, ThemeProvider, };