@deque/cauldron-react 4.7.0-canary.299bd7ab → 4.7.0-canary.2b7d027e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,6 @@
2
2
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
3
3
  */
4
4
  /** IconType represents each valid icon type. */
5
- 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' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
5
+ 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' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
6
6
  /** iconTypes holds each valid icon type. */
7
7
  export declare const iconTypes: string[];
@@ -0,0 +1,11 @@
1
+ import { HTMLAttributes } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ declare const TableFooter: {
4
+ ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
5
+ displayName: string;
6
+ propTypes: {
7
+ children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
8
+ className: PropTypes.Requireable<string>;
9
+ };
10
+ };
11
+ export default TableFooter;
@@ -4,3 +4,4 @@ export { default as TableCell } from './TableCell';
4
4
  export { default as TableHead } from './TableHead';
5
5
  export { default as TableHeader } from './TableHeader';
6
6
  export { default as TableRow } from './TableRow';
7
+ export { default as TableFooter } from './TableFooter';
package/lib/index.d.ts CHANGED
@@ -39,7 +39,7 @@ export { default as Code } from './components/Code';
39
39
  export { default as LoaderOverlay } from './components/LoaderOverlay';
40
40
  export { default as Line } from './components/Line';
41
41
  export { default as Tag, TagLabel } from './components/Tag';
42
- export { default as Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './components/Table';
42
+ export { default as Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableFooter } from './components/Table';
43
43
  export { default as Tabs, Tab, TabPanel } from './components/Tabs';
44
44
  export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
45
45
  export { default as Stepper, Step } from './components/Stepper';
package/lib/index.js CHANGED
@@ -174,6 +174,7 @@ var iconTypes = [
174
174
  'new',
175
175
  'no',
176
176
  'pencil',
177
+ 'person-running',
177
178
  'play',
178
179
  'plus',
179
180
  'question-circle-alt',
@@ -191,6 +192,8 @@ var iconTypes = [
191
192
  'sort',
192
193
  'star',
193
194
  'sun',
195
+ 'table-sort-ascending',
196
+ 'table-sort-descending',
194
197
  'tag',
195
198
  'target',
196
199
  'trash',
@@ -248,6 +251,7 @@ function __variableDynamicImportRuntime0__(path) {
248
251
  case './icons/new.svg': return Promise.resolve().then(function () { return require('./new.js'); });
249
252
  case './icons/no.svg': return Promise.resolve().then(function () { return require('./no.js'); });
250
253
  case './icons/pencil.svg': return Promise.resolve().then(function () { return require('./pencil.js'); });
254
+ case './icons/person-running.svg': return Promise.resolve().then(function () { return require('./person-running.js'); });
251
255
  case './icons/play.svg': return Promise.resolve().then(function () { return require('./play.js'); });
252
256
  case './icons/plus.svg': return Promise.resolve().then(function () { return require('./plus.js'); });
253
257
  case './icons/question-circle-alt.svg': return Promise.resolve().then(function () { return require('./question-circle-alt.js'); });
@@ -265,6 +269,8 @@ function __variableDynamicImportRuntime0__(path) {
265
269
  case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
266
270
  case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
267
271
  case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun.js'); });
272
+ case './icons/table-sort-ascending.svg': return Promise.resolve().then(function () { return require('./table-sort-ascending.js'); });
273
+ case './icons/table-sort-descending.svg': return Promise.resolve().then(function () { return require('./table-sort-descending.js'); });
268
274
  case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag.js'); });
269
275
  case './icons/target.svg': return Promise.resolve().then(function () { return require('./target.js'); });
270
276
  case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash.js'); });
@@ -8317,7 +8323,7 @@ var TableHeader = function (_a) {
8317
8323
  'TableHeader--sort-descending': sortDirection === 'descending'
8318
8324
  }) }, other), !!onSort && !!sortDirection ? (React__default.createElement("button", { onClick: onSort, className: "TableHeader__sort-button", type: "button" },
8319
8325
  children,
8320
- React__default.createElement("span", { "aria-hidden": "true" }, sortDirection === 'none' ? (React__default.createElement(Icon, { type: "sort-triangle" })) : sortDirection === 'ascending' ? (React__default.createElement(Icon, { type: "triangle-up" })) : (React__default.createElement(Icon, { type: "triangle-down" }))),
8326
+ React__default.createElement("span", { "aria-hidden": "true" }, sortDirection === 'none' ? (React__default.createElement(Icon, { type: "sort-triangle" })) : sortDirection === 'ascending' ? (React__default.createElement(Icon, { type: "table-sort-ascending" })) : (React__default.createElement(Icon, { type: "table-sort-descending" }))),
8321
8327
  React__default.createElement(Offscreen, null,
8322
8328
  React__default.createElement("span", { role: "status", "aria-live": "polite" }, announcement)))) : (children)));
8323
8329
  };
@@ -8341,6 +8347,16 @@ TableRow.propTypes = {
8341
8347
  className: PropTypes.string
8342
8348
  };
8343
8349
 
8350
+ var TableFooter = function (_a) {
8351
+ var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
8352
+ return (React__default.createElement("tfoot", tslib.__assign({ className: classNames('TableFooter', className) }, other), children));
8353
+ };
8354
+ TableFooter.displayName = 'TableFooter';
8355
+ TableFooter.propTypes = {
8356
+ children: PropTypes.node.isRequired,
8357
+ className: PropTypes.string
8358
+ };
8359
+
8344
8360
  var Tab = React__default.forwardRef(function (_a, ref) {
8345
8361
  var children = _a.children, propId = _a.id, target = _a.target, other = tslib.__rest(_a, ["children", "id", "target"]);
8346
8362
  return (React__default.createElement("li", tslib.__assign({ id: propId, ref: ref, role: "tab" }, other), children));
@@ -9080,6 +9096,7 @@ exports.TabPanel = TabPanel;
9080
9096
  exports.Table = Table;
9081
9097
  exports.TableBody = TableBody;
9082
9098
  exports.TableCell = TableCell;
9099
+ exports.TableFooter = TableFooter;
9083
9100
  exports.TableHead = TableHead;
9084
9101
  exports.TableHeader = TableHeader;
9085
9102
  exports.TableRow = TableRow;
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ 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); }
11
+
12
+ const SvgPersonRunning = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ viewBox: "0 0 448 512",
15
+ height: 24,
16
+ width: 24
17
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
18
+ fill: "currentColor",
19
+ d: "M288 96c26.5 0 48-21.5 48-48S314.5 0 288 0s-48 21.5-48 48 21.5 48 48 48zm-144 0h-13.3l-9.4 9.4-48 48L50.7 176 96 221.3l22.6-22.6 38.7-38.7H185l-31.3 94c-9.3 28 1.7 58.8 26.8 74.5l86.2 53.9-9.4 32.8-16 56-11.7 40.8h66.6l6.6-23.2 16-56 16-56 6.6-23.2-20.4-12.7-67-41.9 29-77.4 24.3 48.6 8.8 17.7H416V224h-60.2l-39.2-78.3-5.4-10.9-11.3-4.5-80-32-5.7-2.3H144zm-18.5 214.7L107.2 352H16v64h132.8l8.4-19 15.8-35.4-9.5-6a95.394 95.394 0 0 1-37.9-44.9z"
20
+ })));
21
+
22
+ exports.default = SvgPersonRunning;
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ 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); }
11
+
12
+ const SvgTableSortAscending = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ viewBox: "0 0 320 512",
15
+ height: 24,
16
+ width: 24
17
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
18
+ fill: "currentColor",
19
+ d: "M182.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9S19 224.1 32 224.1h256c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"
20
+ })));
21
+
22
+ exports.default = SvgTableSortAscending;
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+
8
+ var _path;
9
+
10
+ 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); }
11
+
12
+ const SvgTableSortDescending = props => /*#__PURE__*/React.createElement("svg", _extends({
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ viewBox: "0 0 320 512",
15
+ height: 24,
16
+ width: 24
17
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
18
+ fill: "currentColor",
19
+ d: "M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9S19 287.9 32 287.9h256c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z"
20
+ })));
21
+
22
+ exports.default = SvgTableSortDescending;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-react",
3
- "version": "4.7.0-canary.299bd7ab",
3
+ "version": "4.7.0-canary.2b7d027e",
4
4
  "description": "Fully accessible react components library for Deque Cauldron",
5
5
  "homepage": "https://cauldron.dequelabs.com/",
6
6
  "publishConfig": {