@auth0/quantum-product 2.4.0 → 2.4.1

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.
Files changed (5) hide show
  1. package/copy-button/copy-button.js +25 -3
  2. package/data-table/data-table-row.js +1 -1
  3. package/esm/copy-button/copy-button.js +25 -3
  4. package/esm/data-table/data-table-row.js +1 -1
  5. package/package.json +1 -1
package/copy-button/copy-button.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
14
  if (k2 === undefined) k2 = k;
4
15
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
33
  __setModuleDefault(result, mod);
23
34
  return result;
24
35
  };
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
46
+ };
25
47
  var __read = (this && this.__read) || function (o, n) {
26
48
  var m = typeof Symbol === "function" && o[Symbol.iterator];
27
49
  if (!m) return o;
@@ -44,7 +66,7 @@ var React = __importStar(require("react"));
44
66
  var icon_1 = require("../icon");
45
67
  var icon_button_1 = require("../icon-button");
46
68
  exports.CopyButton = React.forwardRef(function (_a, ref) {
47
- var onClick = _a.onClick;
69
+ var onClick = _a.onClick, label = _a.label, rootProps = __rest(_a, ["onClick", "label"]);
48
70
  var _b = __read(React.useState(false), 2), pressed = _b[0], setPressed = _b[1];
49
71
  React.useEffect(function () {
50
72
  if (!pressed) {
@@ -63,7 +85,7 @@ exports.CopyButton = React.forwardRef(function (_a, ref) {
63
85
  };
64
86
  var handleClose = function () { return setPressed(false); };
65
87
  // use title as the key to force a mount/unmount of the tooltip. This drives the feedback transition.
66
- var title = pressed ? 'Copied!' : 'Copy';
67
- return (React.createElement(icon_button_1.IconButton, { key: title, label: title, onTooltipClose: handleClose, ref: ref, tooltipPlacement: "top", onClick: handleClick },
88
+ var title = pressed ? 'Copied!' : label;
89
+ return (React.createElement(icon_button_1.IconButton, __assign({}, rootProps, { key: title, label: title, onTooltipClose: handleClose, ref: ref, tooltipPlacement: "top", onClick: handleClick }),
68
90
  React.createElement(icon_1.CopyIcon, null)));
69
91
  });
package/data-table/data-table-row.js CHANGED
@@ -106,7 +106,7 @@ function DataTableRow(props) {
106
106
  }
107
107
  return hideHeader ? (React.createElement(table_1.TableCell, { width: column.width, key: colIndex, align: column.align, padding: column.padding }, content)) : (React.createElement(table_1.TableCell, { key: colIndex, align: column.align, padding: column.padding }, content));
108
108
  }),
109
- !!renderItemDetails && (React.createElement(table_1.TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(icon_button_1.IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Chevron up button' : 'chevron down button' }, isExpanded ? React.createElement(icon_1.ChevronUpIcon, null) : React.createElement(icon_1.ChevronDownIcon, null)))))),
109
+ !!renderItemDetails && (React.createElement(table_1.TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(icon_button_1.IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(icon_1.ChevronUpIcon, null) : React.createElement(icon_1.ChevronDownIcon, null)))))),
110
110
  !!detailsContent && (React.createElement(Row, { ownerState: { expanded: true } },
111
111
  React.createElement(table_1.TableCell, { padding: "none", colSpan: columns.length + 1 },
112
112
  React.createElement(collapse_1.Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true },
package/esm/copy-button/copy-button.js CHANGED
@@ -1,3 +1,25 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
1
23
  var __read = (this && this.__read) || function (o, n) {
2
24
  var m = typeof Symbol === "function" && o[Symbol.iterator];
3
25
  if (!m) return o;
@@ -18,7 +40,7 @@ import * as React from 'react';
18
40
  import { CopyIcon } from '../icon';
19
41
  import { IconButton } from '../icon-button';
20
42
  export var CopyButton = React.forwardRef(function (_a, ref) {
21
- var onClick = _a.onClick;
43
+ var onClick = _a.onClick, label = _a.label, rootProps = __rest(_a, ["onClick", "label"]);
22
44
  var _b = __read(React.useState(false), 2), pressed = _b[0], setPressed = _b[1];
23
45
  React.useEffect(function () {
24
46
  if (!pressed) {
@@ -37,7 +59,7 @@ export var CopyButton = React.forwardRef(function (_a, ref) {
37
59
  };
38
60
  var handleClose = function () { return setPressed(false); };
39
61
  // use title as the key to force a mount/unmount of the tooltip. This drives the feedback transition.
40
- var title = pressed ? 'Copied!' : 'Copy';
41
- return (React.createElement(IconButton, { key: title, label: title, onTooltipClose: handleClose, ref: ref, tooltipPlacement: "top", onClick: handleClick },
62
+ var title = pressed ? 'Copied!' : label;
63
+ return (React.createElement(IconButton, __assign({}, rootProps, { key: title, label: title, onTooltipClose: handleClose, ref: ref, tooltipPlacement: "top", onClick: handleClick }),
42
64
  React.createElement(CopyIcon, null)));
43
65
  });
package/esm/data-table/data-table-row.js CHANGED
@@ -79,7 +79,7 @@ export function DataTableRow(props) {
79
79
  }
80
80
  return hideHeader ? (React.createElement(TableCell, { width: column.width, key: colIndex, align: column.align, padding: column.padding }, content)) : (React.createElement(TableCell, { key: colIndex, align: column.align, padding: column.padding }, content));
81
81
  }),
82
- !!renderItemDetails && (React.createElement(TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Chevron up button' : 'chevron down button' }, isExpanded ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)))))),
82
+ !!renderItemDetails && (React.createElement(TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)))))),
83
83
  !!detailsContent && (React.createElement(Row, { ownerState: { expanded: true } },
84
84
  React.createElement(TableCell, { padding: "none", colSpan: columns.length + 1 },
85
85
  React.createElement(Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auth0/quantum-product",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "sideEffects": false,
5
5
  "license": "Apache-2.0",
6
6
  "publishConfig": {