@muraldevkit/ui-toolkit 2.27.1 → 2.28.0

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './loader';
 export * from './menu';
 export * from './modal';
 export * from './notification';
+export * from './pagination';
 export * from './popover';
 export * from './svg';
 export * from './table';

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface MrlPaginationProps extends React.ComponentPropsWithoutRef<'nav'> {
+    /** Additional class to add to the nav element */
+    className?: string;
+    /** Pagination heading */
+    heading?: string;
+}
+/**
+ * Pagination component
+ *
+ * @param {MrlPaginationProps} props - the component props
+ * @returns pagination
+ */
+export declare function MrlPagination({ children, className, heading, style, ...rest }: MrlPaginationProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { MrlTooltipAnchor, MrlTooltipPosition } from '../..';
+import { PaginationButtonType } from '../constants';
+interface MrlPaginationButtonProps {
+    /** Additional class to add to the button element */
+    buttonClass?: string;
+    /** Additional class to add to the container element */
+    className?: string;
+    disabled?: boolean;
+    /** The type of pagination item  */
+    kind: PaginationButtonType;
+    /**
+     * Click event for the button.
+     */
+    handleClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
+    /** Pagination heading */
+    text?: string;
+    /** The anchor of the tooltips on the buttons */
+    tooltipAnchor?: MrlTooltipAnchor;
+    /** The placement of the tooltips on the buttons */
+    tooltipPosition?: MrlTooltipPosition;
+}
+/**
+ * Pagination button component
+ *
+ * @param {MrlPaginationButtonProps} props - the component props
+ * @returns a pagintaion button
+ */
+export declare function MrlPaginationButton({ buttonClass, className, disabled, kind, handleClick, text, tooltipAnchor, tooltipPosition }: MrlPaginationButtonProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+interface MrlPaginationTextProps {
+    /** Additional class to add to the container element */
+    className?: string;
+    /** The last visible item */
+    rangeEnd: number;
+    /** The first visible item */
+    rangeStart: number;
+    /** Additional class to add to the text */
+    textClass?: string;
+    /** The total number of items */
+    total: number;
+}
+/**
+ * Pagination text component
+ *
+ * @param {MrlPaginationTextProps} props - the component props
+ * @returns pagination text
+ */
+export declare function MrlPaginationText({ className, rangeStart, rangeEnd, textClass, total }: MrlPaginationTextProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+export type PaginationButtonType = 'first' | 'previous' | 'next' | 'last';

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

@@ -0,0 +1,3 @@
+export * from './MrlPagination';
+export * from './MrlPaginationButton';
+export * from './MrlPaginationText';