@mezzanine-ui/react 0.13.10 → 0.13.12

package/PageFooter/PageFooter.js

@@ -4,10 +4,10 @@ import { pageFooterClasses } from '@mezzanine-ui/core/page-footer';
 import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
 import cx from 'clsx';
 
-const PageFooter = forwardRef(function PageFooter(props, ref) {
-    const { className, actionClassName, cancelButtonProps, cancelText, children, danger, loading, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
-    return (jsxs("footer", { ref: ref, ...rest, className: cx(pageFooterClasses.host, className), children: [jsx("div", { className: actionClassName, children: children }), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
-});
+const PageFooter = forwardRef(function PageFooter(props, ref) {
+    const { className, actionClassName, cancelButtonProps, cancelText, children, danger, loading, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
+    return (jsxs("footer", { ref: ref, ...rest, className: cx(pageFooterClasses.host, className), children: [jsx("div", { className: actionClassName, children: children }), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
+});
 var PageFooter$1 = PageFooter;
 
 export { PageFooter$1 as default };

package/PageFooter/index.d.ts

@@ -1 +1 @@
-export { PageFooterProps, default } from './PageFooter';
+export { PageFooterProps, default } from './PageFooter';

package/Pagination/Pagination.d.ts

@@ -1,105 +1,105 @@
-import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
-import { PaginationItemProps } from './PaginationItem';
-import { PaginationPageSizeProps } from './PaginationPageSize';
-export interface PaginationProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'onChange'> {
-    /**
-     * Number of always visible pages at the beginning and end.
-     * @default 1
-     */
-    boundaryCount?: number;
-    /**
-     * The text displayed in the jumper `button` content.
-     */
-    buttonText?: string;
-    /**
-     * The current page number.
-     * @default 1
-     */
-    current?: number;
-    /**
-     * Whether the fields is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, hide the next-page button.
-     * @default false
-     */
-    hideNextButton?: boolean;
-    /**
-     * If `true`, hide the previous-page button.
-     * @default false
-     */
-    hidePreviousButton?: boolean;
-    /**
-     * The hint text displayed in front of jumper `input`.
-     */
-    hintText?: string;
-    /**
-    * The hint displayed in the jumper `input` before the user enters a value.
-    */
-    inputPlaceholder?: string;
-    /**
-     * Render the item.
-     * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
-     * @returns {ReactNode}
-     * @default (item) => <PaginationItem {...item} />
-     */
-    itemRender?: (item: PaginationItemProps) => ReactNode;
-    /**
-     * Callback fired when the page is changed.
-     *
-     * @param {number} page The page active.
-     */
-    onChange?: (page: number) => void;
-    /**
-     * Callback fired when the page size is changed
-     *
-     * @param {number} pageSize
-     */
-    onChangePageSize?: PaginationPageSizeProps['onChange'];
-    /**
-     * Number of data per page
-     * @default 10
-     */
-    pageSize?: PaginationPageSizeProps['value'];
-    /**
-     * Label display before page size selector
-     */
-    pageSizeLabel?: PaginationPageSizeProps['label'];
-    /**
-     * Page size options to render
-     */
-    pageSizeOptions?: PaginationPageSizeProps['options'];
-    /**
-     * Page size unit after `select`
-     */
-    pageSizeUnit?: PaginationPageSizeProps['unit'];
-    /**
-     * Render custom page size option name
-     */
-    renderPageSizeOptionName?: PaginationPageSizeProps['renderOptionName'];
-    /**
-     * Show jumper or not.
-     */
-    showJumper?: boolean;
-    /**
-     * Ship page size or not
-     */
-    showPageSizeOptions?: boolean;
-    /**
-     * Number of always visible pages before and after the current page.
-     * @default 1
-     */
-    siblingCount?: number;
-    /**
-     * Items total count.
-     * @default 0
-     */
-    total?: number;
-}
-/**
- * The react component for `mezzanine` pagination.
- */
-declare const Pagination: import("react").ForwardRefExoticComponent<Pick<PaginationProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "boundaryCount" | "buttonText" | "current" | "disabled" | "hideNextButton" | "hidePreviousButton" | "hintText" | "inputPlaceholder" | "itemRender" | "onChangePageSize" | "pageSize" | "pageSizeLabel" | "pageSizeOptions" | "pageSizeUnit" | "renderPageSizeOptionName" | "showJumper" | "showPageSizeOptions" | "siblingCount" | "total"> & import("react").RefAttributes<HTMLElement>>;
-export default Pagination;
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+import { PaginationItemProps } from './PaginationItem';
+import { PaginationPageSizeProps } from './PaginationPageSize';
+export interface PaginationProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'onChange'> {
+    /**
+     * Number of always visible pages at the beginning and end.
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * The text displayed in the jumper `button` content.
+     */
+    buttonText?: string;
+    /**
+     * The current page number.
+     * @default 1
+     */
+    current?: number;
+    /**
+     * Whether the fields is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePreviousButton?: boolean;
+    /**
+     * The hint text displayed in front of jumper `input`.
+     */
+    hintText?: string;
+    /**
+    * The hint displayed in the jumper `input` before the user enters a value.
+    */
+    inputPlaceholder?: string;
+    /**
+     * Render the item.
+     * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
+     * @returns {ReactNode}
+     * @default (item) => <PaginationItem {...item} />
+     */
+    itemRender?: (item: PaginationItemProps) => ReactNode;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {number} page The page active.
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Callback fired when the page size is changed
+     *
+     * @param {number} pageSize
+     */
+    onChangePageSize?: PaginationPageSizeProps['onChange'];
+    /**
+     * Number of data per page
+     * @default 10
+     */
+    pageSize?: PaginationPageSizeProps['value'];
+    /**
+     * Label display before page size selector
+     */
+    pageSizeLabel?: PaginationPageSizeProps['label'];
+    /**
+     * Page size options to render
+     */
+    pageSizeOptions?: PaginationPageSizeProps['options'];
+    /**
+     * Page size unit after `select`
+     */
+    pageSizeUnit?: PaginationPageSizeProps['unit'];
+    /**
+     * Render custom page size option name
+     */
+    renderPageSizeOptionName?: PaginationPageSizeProps['renderOptionName'];
+    /**
+     * Show jumper or not.
+     */
+    showJumper?: boolean;
+    /**
+     * Ship page size or not
+     */
+    showPageSizeOptions?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Items total count.
+     * @default 0
+     */
+    total?: number;
+}
+/**
+ * The react component for `mezzanine` pagination.
+ */
+declare const Pagination: import("react").ForwardRefExoticComponent<Pick<PaginationProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "boundaryCount" | "buttonText" | "current" | "disabled" | "hideNextButton" | "hidePreviousButton" | "hintText" | "inputPlaceholder" | "itemRender" | "onChangePageSize" | "pageSize" | "pageSizeLabel" | "pageSizeOptions" | "pageSizeUnit" | "renderPageSizeOptionName" | "showJumper" | "showPageSizeOptions" | "siblingCount" | "total"> & import("react").RefAttributes<HTMLElement>>;
+export default Pagination;

package/Pagination/Pagination.js

@@ -7,24 +7,24 @@ import PaginationPageSize from './PaginationPageSize.js';
 import { usePagination } from './usePagination.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` pagination.
- */
-const Pagination = forwardRef((props, ref) => {
-    const { className, boundaryCount = 1, buttonText, current = 1, disabled = false, hideNextButton = false, hidePreviousButton = false, hintText, inputPlaceholder, itemRender = (item) => jsx(PaginationItem, { ...item }), onChange, onChangePageSize, pageSize = 10, pageSizeLabel, pageSizeOptions, pageSizeUnit, renderPageSizeOptionName, showJumper = false, showPageSizeOptions = false, siblingCount = 1, total = 0, ...rest } = props;
-    const { items } = usePagination({
-        boundaryCount,
-        current,
-        disabled,
-        hideNextButton,
-        hidePreviousButton,
-        onChange,
-        pageSize,
-        siblingCount,
-        total,
-    });
-    return (jsx("nav", { ...rest, ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className), children: jsxs("ul", { className: paginationClasses.container, children: [showPageSizeOptions && (jsx("li", { className: paginationClasses.pageSize, children: jsx(PaginationPageSize, { disabled: disabled, label: pageSizeLabel, onChange: onChangePageSize, options: pageSizeOptions, renderOptionName: renderPageSizeOptionName, unit: pageSizeUnit, value: pageSize }) })), items.map((item, index) => (jsx("li", { className: paginationClasses.item, children: itemRender(item) }, index))), showJumper && (jsx("li", { className: paginationClasses.jumper, children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }) }))] }) }));
-});
+/**
+ * The react component for `mezzanine` pagination.
+ */
+const Pagination = forwardRef((props, ref) => {
+    const { className, boundaryCount = 1, buttonText, current = 1, disabled = false, hideNextButton = false, hidePreviousButton = false, hintText, inputPlaceholder, itemRender = (item) => jsx(PaginationItem, { ...item }), onChange, onChangePageSize, pageSize = 10, pageSizeLabel, pageSizeOptions, pageSizeUnit, renderPageSizeOptionName, showJumper = false, showPageSizeOptions = false, siblingCount = 1, total = 0, ...rest } = props;
+    const { items } = usePagination({
+        boundaryCount,
+        current,
+        disabled,
+        hideNextButton,
+        hidePreviousButton,
+        onChange,
+        pageSize,
+        siblingCount,
+        total,
+    });
+    return (jsx("nav", { ...rest, ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className), children: jsxs("ul", { className: paginationClasses.container, children: [showPageSizeOptions && (jsx("li", { className: paginationClasses.pageSize, children: jsx(PaginationPageSize, { disabled: disabled, label: pageSizeLabel, onChange: onChangePageSize, options: pageSizeOptions, renderOptionName: renderPageSizeOptionName, unit: pageSizeUnit, value: pageSize }) })), items.map((item, index) => (jsx("li", { className: paginationClasses.item, children: itemRender(item) }, index))), showJumper && (jsx("li", { className: paginationClasses.jumper, children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }) }))] }) }));
+});
 var Pagination$1 = Pagination;
 
 export { Pagination$1 as default };

package/Pagination/PaginationItem.d.ts

@@ -1,27 +1,27 @@
-import { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { PaginationItemType } from '@mezzanine-ui/core/pagination';
-export declare type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
-export interface PaginationItemProps extends Omit<DetailedHTMLProps<HTMLAttributes<PaginationItemElement>, PaginationItemElement>, 'ref'> {
-    /**
-     * If `true`, the pagination item is active.
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * If `true`, the pagination item is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The page number.
-     * @default 1
-     */
-    page?: number;
-    /**
-     * Whether the field type.
-     * @default 'page'
-     */
-    type?: PaginationItemType;
-}
-declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<PaginationItemElement>>;
-export default PaginationItem;
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { PaginationItemType } from '@mezzanine-ui/core/pagination';
+export type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
+export interface PaginationItemProps extends Omit<DetailedHTMLProps<HTMLAttributes<PaginationItemElement>, PaginationItemElement>, 'ref'> {
+    /**
+     * If `true`, the pagination item is active.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * If `true`, the pagination item is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The page number.
+     * @default 1
+     */
+    page?: number;
+    /**
+     * Whether the field type.
+     * @default 'page'
+     */
+    type?: PaginationItemType;
+}
+declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<PaginationItemElement>>;
+export default PaginationItem;

package/Pagination/PaginationItem.js

@@ -5,22 +5,22 @@ import { ChevronRightIcon, ChevronLeftIcon } from '@mezzanine-ui/icons';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-const PaginationItem = forwardRef((props, ref) => {
-    const { active = false, className, disabled = false, page = 1, type = 'page', ...rest } = props;
-    const icons = {
-        next: ChevronRightIcon,
-        previous: ChevronLeftIcon,
-    };
-    const ButtonIcon = icons[type];
-    return type === 'ellipsis' ? (jsx("div", { ...rest, ref: ref, className: cx(paginationItemClasses.host, paginationItemClasses.ellipsis, {
-            [paginationItemClasses.disabled]: disabled,
-        }, className), children: "..." })) : (createElement("button", { ...rest, ref: ref, key: page, disabled: disabled, className: cx(paginationItemClasses.host, paginationItemClasses.button, {
-            [paginationItemClasses.active]: active,
-            [paginationItemClasses.disabled]: disabled,
-        }, className), type: "button" },
-        ButtonIcon && jsx(Icon, { icon: ButtonIcon }),
-        type === 'page' && page));
-});
+const PaginationItem = forwardRef((props, ref) => {
+    const { active = false, className, disabled = false, page = 1, type = 'page', ...rest } = props;
+    const icons = {
+        next: ChevronRightIcon,
+        previous: ChevronLeftIcon,
+    };
+    const ButtonIcon = icons[type];
+    return type === 'ellipsis' ? (jsx("div", { ...rest, ref: ref, className: cx(paginationItemClasses.host, paginationItemClasses.ellipsis, {
+            [paginationItemClasses.disabled]: disabled,
+        }, className), children: "..." })) : (createElement("button", { ...rest, ref: ref, key: page, disabled: disabled, className: cx(paginationItemClasses.host, paginationItemClasses.button, {
+            [paginationItemClasses.active]: active,
+            [paginationItemClasses.disabled]: disabled,
+        }, className), type: "button" },
+        ButtonIcon && jsx(Icon, { icon: ButtonIcon }),
+        type === 'page' && page));
+});
 var PaginationItem$1 = PaginationItem;
 
 export { PaginationItem$1 as default };

package/Pagination/PaginationJumper.d.ts

@@ -1,38 +1,38 @@
-import { DetailedHTMLProps, HTMLAttributes } from 'react';
-export interface PaginationJumperProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
-    /**
-     * The text displayed in the `button` content.
-     */
-    buttonText?: string;
-    /**
-     * If `true`, the pagination jumper fields is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The hint text displayed in front of `input`.
-     */
-    hintText?: string;
-    /**
-     * The hint displayed in the `input` before the user enters a value.
-     */
-    inputPlaceholder?: string;
-    /**
-     * Callback fired when the page is changed.
-     *
-     * @param {number} page The page active.
-     */
-    onChange?: (page: number) => void;
-    /**
-     * Number of data per page
-     * @default 5
-     */
-    pageSize?: number;
-    /**
-     * Items total count.
-     * @default 0
-     */
-    total?: number;
-}
-declare const PaginationJumper: import("react").ForwardRefExoticComponent<Pick<PaginationJumperProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "buttonText" | "disabled" | "hintText" | "inputPlaceholder" | "pageSize" | "total"> & import("react").RefAttributes<HTMLDivElement>>;
-export default PaginationJumper;
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export interface PaginationJumperProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
+    /**
+     * The text displayed in the `button` content.
+     */
+    buttonText?: string;
+    /**
+     * If `true`, the pagination jumper fields is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The hint text displayed in front of `input`.
+     */
+    hintText?: string;
+    /**
+     * The hint displayed in the `input` before the user enters a value.
+     */
+    inputPlaceholder?: string;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {number} page The page active.
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Number of data per page
+     * @default 5
+     */
+    pageSize?: number;
+    /**
+     * Items total count.
+     * @default 0
+     */
+    total?: number;
+}
+declare const PaginationJumper: import("react").ForwardRefExoticComponent<Pick<PaginationJumperProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "buttonText" | "disabled" | "hintText" | "inputPlaceholder" | "pageSize" | "total"> & import("react").RefAttributes<HTMLDivElement>>;
+export default PaginationJumper;

package/Pagination/PaginationJumper.js

@@ -6,46 +6,46 @@ import Button from '../Button/Button.js';
 import Input from '../Input/Input.js';
 import cx from 'clsx';
 
-const PaginationJumper = forwardRef((props, ref) => {
-    const { buttonText, className, disabled = false, hintText, inputPlaceholder, onChange: handleChange, pageSize = 5, total = 0, ...rest } = props;
-    const [value, setValue] = useState('');
-    const [error, setError] = useState(false);
-    const totalPages = (total ? Math.ceil(total / pageSize) : 1);
-    const valueValidator = () => {
-        const stringToNumber = +value;
-        const validNumber = !!stringToNumber;
-        if (validNumber) {
-            return !(stringToNumber > totalPages || stringToNumber < 1);
-        }
-        return false;
-    };
-    const handleClick = () => {
-        const valid = valueValidator();
-        if (valid) {
-            setError(false);
-            if (handleChange) {
-                handleChange(+value);
-                setValue('');
-            }
-        }
-        else {
-            setError(true);
-            setValue('');
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            handleClick();
-        }
-    };
-    return (jsxs("div", { ...rest, ref: ref, className: cx(paginationJumperClasses.host, className), children: [jsx(Typography, { color: disabled ? 'text-disabled' : 'text-primary', component: "div", ellipsis: true, variant: "input2", children: hintText }), jsx(Input, { disabled: disabled, error: error, onChange: (e) => {
-                    setValue(e.target.value);
-                }, placeholder: inputPlaceholder, inputProps: {
-                    type: 'number',
-                    className: paginationJumperClasses.input,
-                    onKeyDown: handleKeyDown,
-                }, value: value }), jsx(Button, { disabled: disabled, onClick: handleClick, children: buttonText })] }));
-});
+const PaginationJumper = forwardRef((props, ref) => {
+    const { buttonText, className, disabled = false, hintText, inputPlaceholder, onChange: handleChange, pageSize = 5, total = 0, ...rest } = props;
+    const [value, setValue] = useState('');
+    const [error, setError] = useState(false);
+    const totalPages = (total ? Math.ceil(total / pageSize) : 1);
+    const valueValidator = () => {
+        const stringToNumber = +value;
+        const validNumber = !!stringToNumber;
+        if (validNumber) {
+            return !(stringToNumber > totalPages || stringToNumber < 1);
+        }
+        return false;
+    };
+    const handleClick = () => {
+        const valid = valueValidator();
+        if (valid) {
+            setError(false);
+            if (handleChange) {
+                handleChange(+value);
+                setValue('');
+            }
+        }
+        else {
+            setError(true);
+            setValue('');
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            handleClick();
+        }
+    };
+    return (jsxs("div", { ...rest, ref: ref, className: cx(paginationJumperClasses.host, className), children: [jsx(Typography, { color: disabled ? 'text-disabled' : 'text-primary', component: "div", ellipsis: true, variant: "input2", children: hintText }), jsx(Input, { disabled: disabled, error: error, onChange: (e) => {
+                    setValue(e.target.value);
+                }, placeholder: inputPlaceholder, inputProps: {
+                    type: 'number',
+                    className: paginationJumperClasses.input,
+                    onKeyDown: handleKeyDown,
+                }, value: value }), jsx(Button, { disabled: disabled, onClick: handleClick, children: buttonText })] }));
+});
 var PaginationJumper$1 = PaginationJumper;
 
 export { PaginationJumper$1 as default };