@deque/cauldron-react 5.0.0-canary.1e5b9b01 → 5.0.0-canary.2e05a9cc

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
+export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

package/lib/components/Pagination/Pagination.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Placement } from '@popperjs/core';
+import { ContentNode } from '../../types';
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
     totalItems: number;
     itemsPerPage?: number;
     currentPage?: number;
     statusLabel?: React.ReactNode;
-    firstPageLabel?: string;
-    previousPageLabel?: string;
-    nextPageLabel?: string;
-    lastPageLabel?: string;
+    firstPageLabel?: ContentNode;
+    previousPageLabel?: ContentNode;
+    nextPageLabel?: ContentNode;
+    lastPageLabel?: ContentNode;
     onNextPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onPreviousPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onFirstPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/lib/hashtag.js

@@ -0,0 +1,23 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || 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); }
+
+const SvgHashtag = props => /*#__PURE__*/React.createElement("svg", _extends({
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M9.71.02c.93.16 1.56 1.04 1.41 1.97l-.52 3.15h5.09l.62-3.71C16.47.5 17.35-.13 18.28.02s1.56 1.04 1.41 1.97l-.52 3.15h3.12a1.71 1.71 0 1 1 0 3.42H18.6l-1.14 6.85h3.12a1.71 1.71 0 1 1 0 3.42h-3.69l-.62 3.71c-.16.93-1.04 1.56-1.97 1.41s-1.56-1.04-1.41-1.97l.52-3.14h-5.1l-.62 3.71c-.16.93-1.04 1.56-1.97 1.41s-1.56-1.04-1.41-1.97l.52-3.15H1.72c-.95.01-1.72-.75-1.72-1.7s.77-1.71 1.71-1.71H5.4l1.14-6.85H3.42a1.71 1.71 0 1 1 0-3.42h3.69l.62-3.71C7.89.52 8.77-.11 9.7.04Zm.31 8.55-1.14 6.85h5.09l1.14-6.85h-5.09Z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgHashtag;

package/lib/index.js

@@ -159,6 +159,7 @@ var iconTypes = [
     'gears',
     'grid',
     'hamburger-menu',
+    'hashtag',
     'highlight',
     'info-circle-alt',
     'info-circle',
@@ -237,6 +238,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears.js'); });
     case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid.js'); });
     case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu.js'); });
+    case './icons/hashtag.svg': return Promise.resolve().then(function () { return require('./hashtag.js'); });
     case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight.js'); });
     case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt.js'); });
     case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle.js'); });
@@ -1914,7 +1916,7 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 'IconButton--error': variant === 'error'
             }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
             React__default.createElement(Icon, { type: icon }),
-            React__default.createElement(Offscreen, null, label)),
+            disabled && React__default.createElement(Offscreen, null, label)),
         !disabled && (React__default.createElement(Tooltip, { target: internalRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
 });
 IconButton.propTypes = {
@@ -8686,10 +8688,10 @@ var Pagination = React__default.forwardRef(function (_a, ref) {
             'Pagination--thin': thin
         }) }, other),
         React__default.createElement("ul", null,
-            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: firstPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-double-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-left", tooltipPlacement: tooltipPlacement, label: firstPageLabel, onClick: onFirstPageClick }))),
-            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: previousPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-left", tooltipPlacement: tooltipPlacement, label: previousPageLabel, onClick: onPreviousPageClick }))),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-double-left", tooltipPlacement: tooltipPlacement, label: firstPageLabel, "aria-disabled": isFirstPage, onClick: isFirstPage ? undefined : onFirstPageClick })),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-left", tooltipPlacement: tooltipPlacement, label: previousPageLabel, "aria-disabled": isFirstPage, onClick: isFirstPage ? undefined : onPreviousPageClick })),
             React__default.createElement("li", null,
                 React__default.createElement("span", { role: "log", "aria-atomic": "true" }, statusLabel || (React__default.createElement("span", null,
                     "Showing ",
@@ -8699,10 +8701,10 @@ var Pagination = React__default.forwardRef(function (_a, ref) {
                     React__default.createElement("strong", null, itemEnd),
                     " of ",
                     React__default.createElement("strong", null, totalItems))))),
-            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: nextPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-right", tooltipPlacement: tooltipPlacement, label: nextPageLabel, onClick: onNextPageClick }))),
-            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: lastPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-double-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, onClick: onLastPageClick }))))));
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-right", tooltipPlacement: tooltipPlacement, label: nextPageLabel, "aria-disabled": isLastPage, onClick: isLastPage ? undefined : onNextPageClick })),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, "aria-disabled": isLastPage, onClick: isLastPage ? undefined : onLastPageClick })))));
 });
 Pagination.displayName = 'Pagination';
 Pagination.propTypes = {
@@ -8710,17 +8712,18 @@ Pagination.propTypes = {
     itemsPerPage: PropTypes.number,
     currentPage: PropTypes.number,
     statusLabel: PropTypes.element,
-    firstPageLabel: PropTypes.string,
-    previousPageLabel: PropTypes.string,
-    nextPageLabel: PropTypes.string,
-    lastPageLabel: PropTypes.string,
+    firstPageLabel: PropTypes.element,
+    previousPageLabel: PropTypes.element,
+    nextPageLabel: PropTypes.element,
+    lastPageLabel: PropTypes.element,
     onNextPageClick: PropTypes.func,
     onPreviousPageClick: PropTypes.func,
     onFirstPageClick: PropTypes.func,
     onLastPageClick: PropTypes.func,
     // @ts-expect-error
     tooltipPlacement: PropTypes.string,
-    className: PropTypes.string
+    className: PropTypes.string,
+    thin: PropTypes.bool
 };
 
 var usePagination = function (_a) {

package/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement, ReactFragment, ReactPortal } from 'react';
 export declare namespace Cauldron {
     type LabelProps = {
         'aria-label': string;
@@ -5,3 +6,8 @@ export declare namespace Cauldron {
         'aria-labelledby': string;
     };
 }
+/**
+ * This type is meant to ensure that a prop can actually be rendered as content.
+ * Explicit equivalent of Exclude<ReactNode, boolean | null | undefined>
+ */
+export declare type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.0.0-canary.1e5b9b01",
+  "version": "5.0.0-canary.2e05a9cc",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {