@clayui/pagination - npm Package Compare versions

Comparing version 3.81.0 to 3.82.0

lib/Ellipsis.d.ts

@@ -8,2 +8,3 @@ /**
 export interface IPaginationEllipsisProps {
+    'aria-label'?: string;
     alignmentPosition?: React.ComponentProps<typeof ClayDropDownWithItems>['alignmentPosition'];
@@ -15,4 +16,5 @@ disabled?: boolean;
     onPageChange?: (page?: number) => void;
+    title?: string;
 }
-declare const ClayPaginationEllipsis: ({ alignmentPosition, disabled, disabledPages, hrefConstructor, items, onPageChange, }: IPaginationEllipsisProps) => JSX.Element;
+declare const ClayPaginationEllipsis: ({ alignmentPosition, disabled, disabledPages, hrefConstructor, items, onPageChange, ...otherProps }: IPaginationEllipsisProps) => JSX.Element;
 export default ClayPaginationEllipsis;

lib/Ellipsis.js

@@ -14,8 +14,12 @@ "use strict";
 
+var _excluded = ["alignmentPosition", "disabled", "disabledPages", "hrefConstructor", "items", "onPageChange"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var ClayPaginationEllipsis = function ClayPaginationEllipsis(_ref) {
@@ -30,3 +34,5 @@ var alignmentPosition = _ref.alignmentPosition,
       items = _ref$items === void 0 ? [] : _ref$items,
-      onPageChange = _ref.onPageChange;
+      onPageChange = _ref.onPageChange,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
   var pages = disabled ? [] : items.map(function (page) {
@@ -47,7 +53,7 @@ return {
     items: pages,
-    trigger: /*#__PURE__*/_react.default.createElement(_button.default, {
+    trigger: /*#__PURE__*/_react.default.createElement(_button.default, _extends({}, otherProps, {
       className: "page-link",
       disabled: disabled,
       displayType: "unstyled"
-    }, "...")
+    }), "...")
   });
@@ -54,0 +60,0 @@ };

lib/Pagination.d.ts

@@ -13,5 +13,5 @@ /**
 declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLUListElement>> & {
-    Ellipsis: ({ alignmentPosition, disabled, disabledPages, hrefConstructor, items, onPageChange, }: import("./Ellipsis").IPaginationEllipsisProps) => JSX.Element;
+    Ellipsis: ({ alignmentPosition, disabled, disabledPages, hrefConstructor, items, onPageChange, ...otherProps }: import("./Ellipsis").IPaginationEllipsisProps) => JSX.Element;
     Item: ({ active, children, disabled, href, ...otherProps }: import("./Item").IPaginationItemProps) => JSX.Element;
 };
 export default _default;

lib/PaginationWithBasicItems.d.ts

@@ -37,2 +37,6 @@ /**
     /**
+     * Properties to pass to the ellipsis trigger.
+     */
+    ellipsisProps?: Object;
+    /**
      * Sets the default active page (uncontrolled).
@@ -73,3 +77,3 @@ */
 }
-declare const ClayPaginationWithBasicItems: React.ForwardRefExoticComponent<Pick<IProps, "key" | "id" | "active" | "color" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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" | "spritemap" | "defaultActive" | "onActiveChange" | "alignmentPosition" | "ariaLabels" | "disabledPages" | "hrefConstructor" | "onPageChange" | "activePage" | "ellipsisBuffer" | "disableEllipsis" | "totalPages"> & React.RefAttributes<HTMLUListElement>>;
+declare const ClayPaginationWithBasicItems: React.ForwardRefExoticComponent<Pick<IProps, "key" | "id" | "active" | "color" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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" | "spritemap" | "ellipsisProps" | "alignmentPosition" | "defaultActive" | "onActiveChange" | "ariaLabels" | "disabledPages" | "hrefConstructor" | "onPageChange" | "activePage" | "ellipsisBuffer" | "disableEllipsis" | "totalPages"> & React.RefAttributes<HTMLUListElement>>;
 export { ClayPaginationWithBasicItems };

lib/PaginationWithBasicItems.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _excluded = ["active", "activePage", "alignmentPosition", "ariaLabels", "defaultActive", "disabledPages", "disableEllipsis", "ellipsisBuffer", "hrefConstructor", "onActiveChange", "onPageChange", "spritemap", "totalPages"];
+var _excluded = ["active", "activePage", "alignmentPosition", "ariaLabels", "defaultActive", "disabledPages", "disableEllipsis", "ellipsisBuffer", "ellipsisProps", "hrefConstructor", "onActiveChange", "onPageChange", "spritemap", "totalPages"];
 
@@ -23,2 +23,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -58,2 +64,4 @@
       ellipsisBuffer = _ref$ellipsisBuffer === void 0 ? ELLIPSIS_BUFFER : _ref$ellipsisBuffer,
+      _ref$ellipsisProps = _ref.ellipsisProps,
+      ellipsisProps = _ref$ellipsisProps === void 0 ? {} : _ref$ellipsisProps,
       hrefConstructor = _ref.hrefConstructor,
@@ -99,3 +107,3 @@ onActiveChange = _ref.onActiveChange,
     EllipsisComponent: _Pagination.default.Ellipsis,
-    ellipsisProps: {
+    ellipsisProps: _objectSpread(_objectSpread({}, ellipsisProps), {}, {
       alignmentPosition: alignmentPosition,
@@ -106,3 +114,3 @@ disabled: disableEllipsis,
       onPageChange: setActive
-    },
+    }),
     items: pages
@@ -109,0 +117,0 @@ }, ellipsisBuffer, internalActive - 1) : pages).map(function (page, index) {

package.json

 {
 	"name": "@clayui/pagination",
-	"version": "3.81.0",
+	"version": "3.82.0",
 	"description": "ClayPagination component",
@@ -29,7 +29,7 @@ "license": "BSD-3-Clause",
 	"dependencies": {
-		"@clayui/button": "^3.81.0",
-		"@clayui/drop-down": "^3.81.0",
+		"@clayui/button": "^3.82.0",
+		"@clayui/drop-down": "^3.82.0",
 		"@clayui/icon": "^3.56.0",
 		"@clayui/link": "^3.56.0",
-		"@clayui/shared": "^3.81.0",
+		"@clayui/shared": "^3.82.0",
 		"classnames": "^2.2.6"
@@ -45,3 +45,3 @@ },
 	],
-	"gitHead": "ad8ecdbfe060ad7cec1128fb3d252bb660289519"
+	"gitHead": "ee9029ba2b53a94656be608165a77497b2b6708a"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45107

increased by6.74%

Lines of code

873

increased by3.19%

Dependency changes

• Updated@clayui/button@^3.82.0

• Updated@clayui/drop-down@^3.82.0

• Updated@clayui/shared@^3.82.0