@commercetools-uikit/accessible-button 12.2.2 → 12.2.9
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.
- package/README.md +0 -1
- package/dist/commercetools-uikit-accessible-button.cjs.dev.js +37 -30
- package/dist/commercetools-uikit-accessible-button.cjs.prod.js +36 -17
- package/dist/commercetools-uikit-accessible-button.esm.js +27 -26
- package/dist/declarations/src/accessible-button.d.ts +16 -16
- package/dist/declarations/src/accessible-button.styles.d.ts +3 -3
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +6 -10
package/README.md
CHANGED
|
@@ -2,21 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
14
|
var _styled = require('@emotion/styled/base');
|
|
7
|
-
var
|
|
8
|
-
var React = require('react');
|
|
15
|
+
var react = require('react');
|
|
9
16
|
var reactIs = require('react-is');
|
|
10
17
|
var omit = require('lodash/omit');
|
|
11
18
|
var utils = require('@commercetools-uikit/utils');
|
|
12
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
13
|
-
var react = require('@emotion/react');
|
|
20
|
+
var react$1 = require('@emotion/react');
|
|
21
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
14
22
|
|
|
15
23
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
16
24
|
|
|
25
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
29
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
30
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
17
33
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
18
|
-
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
20
34
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
21
35
|
|
|
22
36
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -27,6 +41,7 @@ var normalizedButtonStyles = process.env.NODE_ENV === "production" ? {
|
|
|
27
41
|
} : {
|
|
28
42
|
name: "2tj4y-normalizedButtonStyles",
|
|
29
43
|
styles: "display:inline-block;box-sizing:border-box;padding:0;margin:0;border:none;cursor:pointer;background:none;color:inherit;white-space:nowrap;font:inherit;font-size:inherit;font-family:inherit;letter-spacing:inherit;word-spacing:inherit;text-decoration:none;text-rendering:inherit;text-align:inherit;text-transform:inherit;text-indent:inherit;text-shadow:inherit;label:normalizedButtonStyles;",
|
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHa0MiLCJmaWxlIjoiYWNjZXNzaWJsZS1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyByZXNldHMgYnV0dG9uIHN0eWxlcyBnaXZlbiBhdXRvbWF0aWNhbGx5IGJ5IGJyb3dzZXJzXG5jb25zdCBub3JtYWxpemVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgd29yZC1zcGFjaW5nOiBpbmhlcml0O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRleHQtcmVuZGVyaW5nOiBpbmhlcml0O1xuICB0ZXh0LWFsaWduOiBpbmhlcml0O1xuICB0ZXh0LXRyYW5zZm9ybTogaW5oZXJpdDtcbiAgdGV4dC1pbmRlbnQ6IGluaGVyaXQ7XG4gIHRleHQtc2hhZG93OiBpbmhlcml0O1xuYDtcblxuLy8gQmFja3dhcmRzIGNvbXBhdGliaWxpdHlcbmNvbnN0IGdldE5vcm1hbGl6ZWRCdXR0b25TdHlsZXMgPSAoKSA9PiBub3JtYWxpemVkQnV0dG9uU3R5bGVzO1xuXG5leHBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzLCBnZXROb3JtYWxpemVkQnV0dG9uU3R5bGVzIH07XG4iXX0= */",
|
|
30
45
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
31
46
|
}; // Backwards compatibility
|
|
32
47
|
|
|
@@ -34,6 +49,9 @@ var getNormalizedButtonStyles = function getNormalizedButtonStyles() {
|
|
|
34
49
|
return normalizedButtonStyles;
|
|
35
50
|
};
|
|
36
51
|
|
|
52
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
53
|
+
|
|
54
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
37
55
|
var propsToOmit = ['onClick'];
|
|
38
56
|
|
|
39
57
|
var getIsEnterOrSpace = function getIsEnterOrSpace(event) {
|
|
@@ -41,12 +59,12 @@ var getIsEnterOrSpace = function getIsEnterOrSpace(event) {
|
|
|
41
59
|
}; // This needs to be a styled component to be able to use the `as` prop.
|
|
42
60
|
|
|
43
61
|
|
|
44
|
-
var Button = _styled__default[
|
|
62
|
+
var Button = _styled__default["default"]("button", process.env.NODE_ENV === "production" ? {
|
|
45
63
|
target: "e1hhqyqg0"
|
|
46
64
|
} : {
|
|
47
65
|
target: "e1hhqyqg0",
|
|
48
66
|
label: "Button"
|
|
49
|
-
})();
|
|
67
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjRCIiwiZmlsZSI6ImFjY2Vzc2libGUtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGZvcndhcmRSZWYsXG4gIHVzZUNhbGxiYWNrLFxuICBSZWFjdE5vZGUsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBDb21wb25lbnRUeXBlLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIE1vdXNlRXZlbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGZpbHRlckFyaWFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi9hY2Nlc3NpYmxlLWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsnb25DbGljayddO1xuXG5jb25zdCBnZXRJc0VudGVyT3JTcGFjZSA9IChldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pOiBib29sZWFuID0+XG4gIGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJztcblxuLy8gVGhpcyBuZWVkcyB0byBiZSBhIHN0eWxlZCBjb21wb25lbnQgdG8gYmUgYWJsZSB0byB1c2UgdGhlIGBhc2AgcHJvcC5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gYDtcblxudHlwZSBUQWNjZXNzaWJsZUJ1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgY29tcG9uZW50IHJlbmRlcnMgYSBgYnV0dG9uYCBlbGVtZW50LiBZb3UgY2FuIHBhc3MgYW4gb3B0aW9uYWwgYFJlYWN0LkVsZW1lblR5cGVgXG4gICAqIGluIGNhc2UgdGhpcyBuZWVkcyB0byBiZSByZW5kZXJlZCBhcyBhIGRpZmZlcmVudCBlbGVtZW50LlxuICAgKi9cbiAgYXM/OiBzdHJpbmcgfCBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogVGhlIElEIG9mIHRoZSBlbGVtZW50LlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8vXG4gIC8qKlxuICAgKiBUaGUgW3R5cGVdKGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0hUTUwvRWxlbWVudC9idXR0b24pIG9mIHRoZSBgYnV0dG9uYCBlbGVtZW50LlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogVGhlIGFyaWEtbGFiZWwgdmFsdWUuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWYgYHRydWVgLCBpbmRpY2F0ZXMgdGhhdCB0aGlzIGlzIGEgdG9nZ2xlIGJ1dHRvbi5cbiAgICovXG4gIGlzVG9nZ2xlQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgaW5kaWNhdGVzIHRoYXQgdGhpcyBlbGVtZW50IGlzIGluIGEgdG9nZ2xlZCBzdGF0ZS5cbiAgICogPGJyLz5cbiAgICogVGhpcyBwcm9wIGlzIG9ubHkgdXNlZCBpZiBgaXNUb2dnbGVCdXR0b25gIGlzIGB0cnVlYC5cbiAgICovXG4gIGlzVG9nZ2xlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIGluZGljYXRlcyB0aGF0IHRoZSBlbGVtZW50IGlzIGluIGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAqIDxici8+XG4gICAqIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBbYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb25dKGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2UpLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogRXZlbnQgaGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCwgb3IgdGhlIHVzZXIgcHJlc3NlcyBgRU5URVJgIG9yIGBTUEFDRWAuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEFueSBIVE1MIGF0dHJpYnV0ZXMgdG8gYmUgZm9yd2FyZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqL1xuICBidXR0b25BdHRyaWJ1dGVzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBY2Nlc3NpYmxlQnV0dG9uUHJvcHMsXG4gICd0eXBlJyB8ICdidXR0b25BdHRyaWJ1dGVzJyB8ICdpc1RvZ2dsZUJ1dHRvbicgfCAnaXNUb2dnbGVkJ1xuPiA9IHtcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGJ1dHRvbkF0dHJpYnV0ZXM6IHt9LFxuICBpc1RvZ2dsZUJ1dHRvbjogZmFsc2UsXG4gIGlzVG9nZ2xlZDogZmFsc2UsXG59O1xuXG5jb25zdCBBY2Nlc3NpYmxlQnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgVEFjY2Vzc2libGVCdXR0b25Qcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmFzID8gaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmFzKSA6IHRydWUsXG4gICAgICBgdWkta2l0L0FjY2Vzc2libGVCdXR0b246IFwiYXNcIiBtdXN0IGJlIGEgdmFsaWQgZWxlbWVudCB0eXBlLmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuYXMgJiYgcHJvcHMudHlwZSAhPT0gJ2J1dHRvbicpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcInR5cGVcIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBcImFzXCIgaXMgc2V0LmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkID09PSB1bmRlZmluZWQpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcImlzVG9nZ2xlZFwiIGlzIHJlcXVpcmVkIGlmIFwiaXNUb2dnbGVCdXR0b25cIiBpcyBcInRydWVcImBcbiAgICApO1xuXG4gICAgY29uc3QgaXNCdXR0b24gPSAhcHJvcHMuYXMgfHwgcHJvcHMuYXMgPT09ICdidXR0b24nO1xuXG4gICAgY29uc3QgeyBvbkNsaWNrIH0gPSBwcm9wcztcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrPE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljaykge1xuICAgICAgICAgIHJldHVybiBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9LFxuICAgICAgW29uQ2xpY2ssIHByb3BzLmlzRGlzYWJsZWRdXG4gICAgKTtcbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IHVzZUNhbGxiYWNrPEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljayAmJiBnZXRJc0VudGVyT3JTcGFjZShldmVudCkpIHtcbiAgICAgICAgICByZXR1cm4gb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfSxcbiAgICAgIFtvbkNsaWNrLCBwcm9wcy5pc0Rpc2FibGVkXVxuICAgICk7XG5cbiAgICBsZXQgYnV0dG9uUHJvcHMgPSB7fTtcbiAgICBpZiAoaXNCdXR0b24pIHtcbiAgICAgIGJ1dHRvblByb3BzID0ge1xuICAgICAgICB0eXBlOiBwcm9wcy50eXBlLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKCFwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgICBidXR0b25Qcm9wcyA9IHtcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiAnMCcsXG4gICAgICAgIG9uS2V5UHJlc3M6IGhhbmRsZUtleVByZXNzLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcz17cHJvcHMuYXMgYXMgRWxlbWVudFR5cGV9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtub3JtYWxpemVkQnV0dG9uU3R5bGVzfVxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY3Vyc29yOiAke3Byb3BzLmlzRGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfTtcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgICAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICAgICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICB7Li4uKHByb3BzLmlzVG9nZ2xlQnV0dG9uID8geyAnYXJpYS1wcmVzc2VkJzogcHJvcHMuaXNUb2dnbGVkIH0gOiB7fSl9XG4gICAgICAgIHsuLi5vbWl0KHByb3BzLmJ1dHRvbkF0dHJpYnV0ZXMsIHByb3BzVG9PbWl0KX1cbiAgICAgICAgey4uLmJ1dHRvblByb3BzfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuQWNjZXNzaWJsZUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlQnV0dG9uJztcbkFjY2Vzc2libGVCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NpYmxlQnV0dG9uO1xuIl19 */");
|
|
50
68
|
|
|
51
69
|
var defaultProps = {
|
|
52
70
|
type: 'button',
|
|
@@ -54,13 +72,13 @@ var defaultProps = {
|
|
|
54
72
|
isToggleButton: false,
|
|
55
73
|
isToggled: false
|
|
56
74
|
};
|
|
57
|
-
var AccessibleButton = /*#__PURE__*/
|
|
75
|
+
var AccessibleButton = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
58
76
|
process.env.NODE_ENV !== "production" ? utils.warning(props.as ? reactIs.isValidElementType(props.as) : true, "ui-kit/AccessibleButton: \"as\" must be a valid element type.") : void 0;
|
|
59
77
|
process.env.NODE_ENV !== "production" ? utils.warning(!(props.as && props.type !== 'button'), "ui-kit/AccessibleButton: \"type\" does not have any effect when \"as\" is set.") : void 0;
|
|
60
78
|
process.env.NODE_ENV !== "production" ? utils.warning(!(props.isToggleButton && props.isToggled === undefined), "ui-kit/AccessibleButton: \"isToggled\" is required if \"isToggleButton\" is \"true\"") : void 0;
|
|
61
79
|
var isButton = !props.as || props.as === 'button';
|
|
62
80
|
var onClick = props.onClick;
|
|
63
|
-
var handleClick =
|
|
81
|
+
var handleClick = react.useCallback(function (event) {
|
|
64
82
|
if (props.isDisabled) {
|
|
65
83
|
event.preventDefault();
|
|
66
84
|
return false;
|
|
@@ -72,7 +90,7 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
72
90
|
|
|
73
91
|
return;
|
|
74
92
|
}, [onClick, props.isDisabled]);
|
|
75
|
-
var handleKeyPress =
|
|
93
|
+
var handleKeyPress = react.useCallback(function (event) {
|
|
76
94
|
if (props.isDisabled) {
|
|
77
95
|
event.preventDefault();
|
|
78
96
|
return false;
|
|
@@ -98,13 +116,13 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
98
116
|
};
|
|
99
117
|
}
|
|
100
118
|
|
|
101
|
-
return
|
|
119
|
+
return jsxRuntime.jsx(Button, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
102
120
|
as: props.as,
|
|
103
121
|
id: props.id,
|
|
104
122
|
ref: ref,
|
|
105
123
|
"aria-label": props.label,
|
|
106
124
|
onClick: handleClick,
|
|
107
|
-
css: /*#__PURE__*/react.css(normalizedButtonStyles, " display:inline-flex;font-size:", designSystem.customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:AccessibleButton;")) // Allow to override the styles by passing a `className` prop.
|
|
125
|
+
css: /*#__PURE__*/react$1.css(normalizedButtonStyles, " display:inline-flex;font-size:", designSystem.customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:AccessibleButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSmdCIiwiZmlsZSI6ImFjY2Vzc2libGUtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGZvcndhcmRSZWYsXG4gIHVzZUNhbGxiYWNrLFxuICBSZWFjdE5vZGUsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBDb21wb25lbnRUeXBlLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIE1vdXNlRXZlbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGZpbHRlckFyaWFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi9hY2Nlc3NpYmxlLWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsnb25DbGljayddO1xuXG5jb25zdCBnZXRJc0VudGVyT3JTcGFjZSA9IChldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pOiBib29sZWFuID0+XG4gIGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJztcblxuLy8gVGhpcyBuZWVkcyB0byBiZSBhIHN0eWxlZCBjb21wb25lbnQgdG8gYmUgYWJsZSB0byB1c2UgdGhlIGBhc2AgcHJvcC5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gYDtcblxudHlwZSBUQWNjZXNzaWJsZUJ1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgY29tcG9uZW50IHJlbmRlcnMgYSBgYnV0dG9uYCBlbGVtZW50LiBZb3UgY2FuIHBhc3MgYW4gb3B0aW9uYWwgYFJlYWN0LkVsZW1lblR5cGVgXG4gICAqIGluIGNhc2UgdGhpcyBuZWVkcyB0byBiZSByZW5kZXJlZCBhcyBhIGRpZmZlcmVudCBlbGVtZW50LlxuICAgKi9cbiAgYXM/OiBzdHJpbmcgfCBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogVGhlIElEIG9mIHRoZSBlbGVtZW50LlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8vXG4gIC8qKlxuICAgKiBUaGUgW3R5cGVdKGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0hUTUwvRWxlbWVudC9idXR0b24pIG9mIHRoZSBgYnV0dG9uYCBlbGVtZW50LlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogVGhlIGFyaWEtbGFiZWwgdmFsdWUuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWYgYHRydWVgLCBpbmRpY2F0ZXMgdGhhdCB0aGlzIGlzIGEgdG9nZ2xlIGJ1dHRvbi5cbiAgICovXG4gIGlzVG9nZ2xlQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgaW5kaWNhdGVzIHRoYXQgdGhpcyBlbGVtZW50IGlzIGluIGEgdG9nZ2xlZCBzdGF0ZS5cbiAgICogPGJyLz5cbiAgICogVGhpcyBwcm9wIGlzIG9ubHkgdXNlZCBpZiBgaXNUb2dnbGVCdXR0b25gIGlzIGB0cnVlYC5cbiAgICovXG4gIGlzVG9nZ2xlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIGluZGljYXRlcyB0aGF0IHRoZSBlbGVtZW50IGlzIGluIGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAqIDxici8+XG4gICAqIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBbYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb25dKGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2UpLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogRXZlbnQgaGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCwgb3IgdGhlIHVzZXIgcHJlc3NlcyBgRU5URVJgIG9yIGBTUEFDRWAuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEFueSBIVE1MIGF0dHJpYnV0ZXMgdG8gYmUgZm9yd2FyZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqL1xuICBidXR0b25BdHRyaWJ1dGVzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBY2Nlc3NpYmxlQnV0dG9uUHJvcHMsXG4gICd0eXBlJyB8ICdidXR0b25BdHRyaWJ1dGVzJyB8ICdpc1RvZ2dsZUJ1dHRvbicgfCAnaXNUb2dnbGVkJ1xuPiA9IHtcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGJ1dHRvbkF0dHJpYnV0ZXM6IHt9LFxuICBpc1RvZ2dsZUJ1dHRvbjogZmFsc2UsXG4gIGlzVG9nZ2xlZDogZmFsc2UsXG59O1xuXG5jb25zdCBBY2Nlc3NpYmxlQnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgVEFjY2Vzc2libGVCdXR0b25Qcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmFzID8gaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmFzKSA6IHRydWUsXG4gICAgICBgdWkta2l0L0FjY2Vzc2libGVCdXR0b246IFwiYXNcIiBtdXN0IGJlIGEgdmFsaWQgZWxlbWVudCB0eXBlLmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuYXMgJiYgcHJvcHMudHlwZSAhPT0gJ2J1dHRvbicpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcInR5cGVcIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBcImFzXCIgaXMgc2V0LmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkID09PSB1bmRlZmluZWQpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcImlzVG9nZ2xlZFwiIGlzIHJlcXVpcmVkIGlmIFwiaXNUb2dnbGVCdXR0b25cIiBpcyBcInRydWVcImBcbiAgICApO1xuXG4gICAgY29uc3QgaXNCdXR0b24gPSAhcHJvcHMuYXMgfHwgcHJvcHMuYXMgPT09ICdidXR0b24nO1xuXG4gICAgY29uc3QgeyBvbkNsaWNrIH0gPSBwcm9wcztcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrPE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljaykge1xuICAgICAgICAgIHJldHVybiBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9LFxuICAgICAgW29uQ2xpY2ssIHByb3BzLmlzRGlzYWJsZWRdXG4gICAgKTtcbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IHVzZUNhbGxiYWNrPEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljayAmJiBnZXRJc0VudGVyT3JTcGFjZShldmVudCkpIHtcbiAgICAgICAgICByZXR1cm4gb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfSxcbiAgICAgIFtvbkNsaWNrLCBwcm9wcy5pc0Rpc2FibGVkXVxuICAgICk7XG5cbiAgICBsZXQgYnV0dG9uUHJvcHMgPSB7fTtcbiAgICBpZiAoaXNCdXR0b24pIHtcbiAgICAgIGJ1dHRvblByb3BzID0ge1xuICAgICAgICB0eXBlOiBwcm9wcy50eXBlLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKCFwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgICBidXR0b25Qcm9wcyA9IHtcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiAnMCcsXG4gICAgICAgIG9uS2V5UHJlc3M6IGhhbmRsZUtleVByZXNzLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcz17cHJvcHMuYXMgYXMgRWxlbWVudFR5cGV9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtub3JtYWxpemVkQnV0dG9uU3R5bGVzfVxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY3Vyc29yOiAke3Byb3BzLmlzRGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfTtcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgICAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICAgICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICB7Li4uKHByb3BzLmlzVG9nZ2xlQnV0dG9uID8geyAnYXJpYS1wcmVzc2VkJzogcHJvcHMuaXNUb2dnbGVkIH0gOiB7fSl9XG4gICAgICAgIHsuLi5vbWl0KHByb3BzLmJ1dHRvbkF0dHJpYnV0ZXMsIHByb3BzVG9PbWl0KX1cbiAgICAgICAgey4uLmJ1dHRvblByb3BzfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuQWNjZXNzaWJsZUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlQnV0dG9uJztcbkFjY2Vzc2libGVCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NpYmxlQnV0dG9uO1xuIl19 */") // Allow to override the styles by passing a `className` prop.
|
|
108
126
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
109
127
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
110
128
|
,
|
|
@@ -113,28 +131,17 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
113
131
|
"aria-disabled": props.isDisabled
|
|
114
132
|
}, props.isToggleButton ? {
|
|
115
133
|
'aria-pressed': props.isToggled
|
|
116
|
-
} : {}, omit__default[
|
|
134
|
+
} : {}), omit__default["default"](props.buttonAttributes, propsToOmit)), buttonProps), utils.filterAriaAttributes(props)), {}, {
|
|
135
|
+
children: props.children
|
|
136
|
+
}));
|
|
117
137
|
});
|
|
118
|
-
AccessibleButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
119
|
-
as: _pt__default['default'].oneOfType([_pt__default['default'].string, _pt__default['default'].elementType]),
|
|
120
|
-
id: _pt__default['default'].string,
|
|
121
|
-
type: _pt__default['default'].oneOf(['submit', 'reset', 'button']),
|
|
122
|
-
label: _pt__default['default'].string.isRequired,
|
|
123
|
-
children: _pt__default['default'].node.isRequired,
|
|
124
|
-
isToggleButton: _pt__default['default'].bool,
|
|
125
|
-
isToggled: _pt__default['default'].bool,
|
|
126
|
-
isDisabled: _pt__default['default'].bool,
|
|
127
|
-
className: _pt__default['default'].string,
|
|
128
|
-
onClick: _pt__default['default'].func,
|
|
129
|
-
buttonAttributes: _pt__default['default'].objectOf(_pt__default['default'].any)
|
|
130
|
-
} : {};
|
|
131
138
|
AccessibleButton.displayName = 'AccessibleButton';
|
|
132
139
|
AccessibleButton.defaultProps = defaultProps;
|
|
133
140
|
var AccessibleButton$1 = AccessibleButton;
|
|
134
141
|
|
|
135
|
-
// NOTE: This string will be replaced
|
|
136
|
-
var version =
|
|
142
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
143
|
+
var version = "12.2.9";
|
|
137
144
|
|
|
138
|
-
exports[
|
|
145
|
+
exports["default"] = AccessibleButton$1;
|
|
139
146
|
exports.getNormalizedButtonStyles = getNormalizedButtonStyles;
|
|
140
147
|
exports.version = version;
|
|
@@ -2,20 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
14
|
var _styled = require('@emotion/styled/base');
|
|
7
|
-
require('
|
|
8
|
-
var React = require('react');
|
|
15
|
+
var react = require('react');
|
|
9
16
|
require('react-is');
|
|
10
17
|
var omit = require('lodash/omit');
|
|
11
18
|
var utils = require('@commercetools-uikit/utils');
|
|
12
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
13
|
-
var react = require('@emotion/react');
|
|
20
|
+
var react$1 = require('@emotion/react');
|
|
21
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
14
22
|
|
|
15
23
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
16
24
|
|
|
25
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
29
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
30
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
17
33
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
34
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
20
35
|
|
|
21
36
|
var normalizedButtonStyles = {
|
|
@@ -27,6 +42,9 @@ var getNormalizedButtonStyles = function getNormalizedButtonStyles() {
|
|
|
27
42
|
return normalizedButtonStyles;
|
|
28
43
|
};
|
|
29
44
|
|
|
45
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
46
|
+
|
|
47
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
30
48
|
var propsToOmit = ['onClick'];
|
|
31
49
|
|
|
32
50
|
var getIsEnterOrSpace = function getIsEnterOrSpace(event) {
|
|
@@ -34,9 +52,9 @@ var getIsEnterOrSpace = function getIsEnterOrSpace(event) {
|
|
|
34
52
|
}; // This needs to be a styled component to be able to use the `as` prop.
|
|
35
53
|
|
|
36
54
|
|
|
37
|
-
var Button = _styled__default[
|
|
55
|
+
var Button = _styled__default["default"]("button", {
|
|
38
56
|
target: "e1hhqyqg0"
|
|
39
|
-
} )();
|
|
57
|
+
} )("" );
|
|
40
58
|
|
|
41
59
|
var defaultProps = {
|
|
42
60
|
type: 'button',
|
|
@@ -44,10 +62,10 @@ var defaultProps = {
|
|
|
44
62
|
isToggleButton: false,
|
|
45
63
|
isToggled: false
|
|
46
64
|
};
|
|
47
|
-
var AccessibleButton = /*#__PURE__*/
|
|
65
|
+
var AccessibleButton = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
48
66
|
var isButton = !props.as || props.as === 'button';
|
|
49
67
|
var onClick = props.onClick;
|
|
50
|
-
var handleClick =
|
|
68
|
+
var handleClick = react.useCallback(function (event) {
|
|
51
69
|
if (props.isDisabled) {
|
|
52
70
|
event.preventDefault();
|
|
53
71
|
return false;
|
|
@@ -59,7 +77,7 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
59
77
|
|
|
60
78
|
return;
|
|
61
79
|
}, [onClick, props.isDisabled]);
|
|
62
|
-
var handleKeyPress =
|
|
80
|
+
var handleKeyPress = react.useCallback(function (event) {
|
|
63
81
|
if (props.isDisabled) {
|
|
64
82
|
event.preventDefault();
|
|
65
83
|
return false;
|
|
@@ -85,13 +103,13 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
85
103
|
};
|
|
86
104
|
}
|
|
87
105
|
|
|
88
|
-
return
|
|
106
|
+
return jsxRuntime.jsx(Button, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
89
107
|
as: props.as,
|
|
90
108
|
id: props.id,
|
|
91
109
|
ref: ref,
|
|
92
110
|
"aria-label": props.label,
|
|
93
111
|
onClick: handleClick,
|
|
94
|
-
css: /*#__PURE__*/react.css(normalizedButtonStyles, " display:inline-flex;font-size:", designSystem.customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + ("" )) // Allow to override the styles by passing a `className` prop.
|
|
112
|
+
css: /*#__PURE__*/react$1.css(normalizedButtonStyles, " display:inline-flex;font-size:", designSystem.customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + ("" ), "" ) // Allow to override the styles by passing a `className` prop.
|
|
95
113
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
96
114
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
97
115
|
,
|
|
@@ -100,16 +118,17 @@ var AccessibleButton = /*#__PURE__*/React__default['default'].forwardRef(functio
|
|
|
100
118
|
"aria-disabled": props.isDisabled
|
|
101
119
|
}, props.isToggleButton ? {
|
|
102
120
|
'aria-pressed': props.isToggled
|
|
103
|
-
} : {}, omit__default[
|
|
121
|
+
} : {}), omit__default["default"](props.buttonAttributes, propsToOmit)), buttonProps), utils.filterAriaAttributes(props)), {}, {
|
|
122
|
+
children: props.children
|
|
123
|
+
}));
|
|
104
124
|
});
|
|
105
|
-
AccessibleButton.propTypes = {};
|
|
106
125
|
AccessibleButton.displayName = 'AccessibleButton';
|
|
107
126
|
AccessibleButton.defaultProps = defaultProps;
|
|
108
127
|
var AccessibleButton$1 = AccessibleButton;
|
|
109
128
|
|
|
110
|
-
// NOTE: This string will be replaced
|
|
111
|
-
var version =
|
|
129
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
130
|
+
var version = "12.2.9";
|
|
112
131
|
|
|
113
|
-
exports[
|
|
132
|
+
exports["default"] = AccessibleButton$1;
|
|
114
133
|
exports.getNormalizedButtonStyles = getNormalizedButtonStyles;
|
|
115
134
|
exports.version = version;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
2
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
3
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
5
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
6
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
7
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
2
10
|
import _styled from '@emotion/styled/base';
|
|
3
|
-
import
|
|
4
|
-
import React from 'react';
|
|
11
|
+
import { forwardRef, useCallback } from 'react';
|
|
5
12
|
import { isValidElementType } from 'react-is';
|
|
6
13
|
import omit from 'lodash/omit';
|
|
7
14
|
import { warning, filterAriaAttributes } from '@commercetools-uikit/utils';
|
|
8
15
|
import { customProperties } from '@commercetools-uikit/design-system';
|
|
9
|
-
import {
|
|
16
|
+
import { css } from '@emotion/react';
|
|
17
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
10
18
|
|
|
11
19
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
12
20
|
|
|
@@ -16,6 +24,7 @@ var normalizedButtonStyles = process.env.NODE_ENV === "production" ? {
|
|
|
16
24
|
} : {
|
|
17
25
|
name: "2tj4y-normalizedButtonStyles",
|
|
18
26
|
styles: "display:inline-block;box-sizing:border-box;padding:0;margin:0;border:none;cursor:pointer;background:none;color:inherit;white-space:nowrap;font:inherit;font-size:inherit;font-family:inherit;letter-spacing:inherit;word-spacing:inherit;text-decoration:none;text-rendering:inherit;text-align:inherit;text-transform:inherit;text-indent:inherit;text-shadow:inherit;label:normalizedButtonStyles;",
|
|
27
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHa0MiLCJmaWxlIjoiYWNjZXNzaWJsZS1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyByZXNldHMgYnV0dG9uIHN0eWxlcyBnaXZlbiBhdXRvbWF0aWNhbGx5IGJ5IGJyb3dzZXJzXG5jb25zdCBub3JtYWxpemVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgd29yZC1zcGFjaW5nOiBpbmhlcml0O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRleHQtcmVuZGVyaW5nOiBpbmhlcml0O1xuICB0ZXh0LWFsaWduOiBpbmhlcml0O1xuICB0ZXh0LXRyYW5zZm9ybTogaW5oZXJpdDtcbiAgdGV4dC1pbmRlbnQ6IGluaGVyaXQ7XG4gIHRleHQtc2hhZG93OiBpbmhlcml0O1xuYDtcblxuLy8gQmFja3dhcmRzIGNvbXBhdGliaWxpdHlcbmNvbnN0IGdldE5vcm1hbGl6ZWRCdXR0b25TdHlsZXMgPSAoKSA9PiBub3JtYWxpemVkQnV0dG9uU3R5bGVzO1xuXG5leHBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzLCBnZXROb3JtYWxpemVkQnV0dG9uU3R5bGVzIH07XG4iXX0= */",
|
|
19
28
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
20
29
|
}; // Backwards compatibility
|
|
21
30
|
|
|
@@ -23,6 +32,9 @@ var getNormalizedButtonStyles = function getNormalizedButtonStyles() {
|
|
|
23
32
|
return normalizedButtonStyles;
|
|
24
33
|
};
|
|
25
34
|
|
|
35
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
36
|
+
|
|
37
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
38
|
var propsToOmit = ['onClick'];
|
|
27
39
|
|
|
28
40
|
var getIsEnterOrSpace = function getIsEnterOrSpace(event) {
|
|
@@ -35,7 +47,7 @@ var Button = _styled("button", process.env.NODE_ENV === "production" ? {
|
|
|
35
47
|
} : {
|
|
36
48
|
target: "e1hhqyqg0",
|
|
37
49
|
label: "Button"
|
|
38
|
-
})();
|
|
50
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjRCIiwiZmlsZSI6ImFjY2Vzc2libGUtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGZvcndhcmRSZWYsXG4gIHVzZUNhbGxiYWNrLFxuICBSZWFjdE5vZGUsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBDb21wb25lbnRUeXBlLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIE1vdXNlRXZlbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGZpbHRlckFyaWFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi9hY2Nlc3NpYmxlLWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsnb25DbGljayddO1xuXG5jb25zdCBnZXRJc0VudGVyT3JTcGFjZSA9IChldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pOiBib29sZWFuID0+XG4gIGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJztcblxuLy8gVGhpcyBuZWVkcyB0byBiZSBhIHN0eWxlZCBjb21wb25lbnQgdG8gYmUgYWJsZSB0byB1c2UgdGhlIGBhc2AgcHJvcC5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gYDtcblxudHlwZSBUQWNjZXNzaWJsZUJ1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgY29tcG9uZW50IHJlbmRlcnMgYSBgYnV0dG9uYCBlbGVtZW50LiBZb3UgY2FuIHBhc3MgYW4gb3B0aW9uYWwgYFJlYWN0LkVsZW1lblR5cGVgXG4gICAqIGluIGNhc2UgdGhpcyBuZWVkcyB0byBiZSByZW5kZXJlZCBhcyBhIGRpZmZlcmVudCBlbGVtZW50LlxuICAgKi9cbiAgYXM/OiBzdHJpbmcgfCBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogVGhlIElEIG9mIHRoZSBlbGVtZW50LlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8vXG4gIC8qKlxuICAgKiBUaGUgW3R5cGVdKGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0hUTUwvRWxlbWVudC9idXR0b24pIG9mIHRoZSBgYnV0dG9uYCBlbGVtZW50LlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogVGhlIGFyaWEtbGFiZWwgdmFsdWUuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWYgYHRydWVgLCBpbmRpY2F0ZXMgdGhhdCB0aGlzIGlzIGEgdG9nZ2xlIGJ1dHRvbi5cbiAgICovXG4gIGlzVG9nZ2xlQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgaW5kaWNhdGVzIHRoYXQgdGhpcyBlbGVtZW50IGlzIGluIGEgdG9nZ2xlZCBzdGF0ZS5cbiAgICogPGJyLz5cbiAgICogVGhpcyBwcm9wIGlzIG9ubHkgdXNlZCBpZiBgaXNUb2dnbGVCdXR0b25gIGlzIGB0cnVlYC5cbiAgICovXG4gIGlzVG9nZ2xlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIGluZGljYXRlcyB0aGF0IHRoZSBlbGVtZW50IGlzIGluIGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAqIDxici8+XG4gICAqIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBbYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb25dKGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2UpLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogRXZlbnQgaGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCwgb3IgdGhlIHVzZXIgcHJlc3NlcyBgRU5URVJgIG9yIGBTUEFDRWAuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEFueSBIVE1MIGF0dHJpYnV0ZXMgdG8gYmUgZm9yd2FyZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqL1xuICBidXR0b25BdHRyaWJ1dGVzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBY2Nlc3NpYmxlQnV0dG9uUHJvcHMsXG4gICd0eXBlJyB8ICdidXR0b25BdHRyaWJ1dGVzJyB8ICdpc1RvZ2dsZUJ1dHRvbicgfCAnaXNUb2dnbGVkJ1xuPiA9IHtcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGJ1dHRvbkF0dHJpYnV0ZXM6IHt9LFxuICBpc1RvZ2dsZUJ1dHRvbjogZmFsc2UsXG4gIGlzVG9nZ2xlZDogZmFsc2UsXG59O1xuXG5jb25zdCBBY2Nlc3NpYmxlQnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgVEFjY2Vzc2libGVCdXR0b25Qcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmFzID8gaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmFzKSA6IHRydWUsXG4gICAgICBgdWkta2l0L0FjY2Vzc2libGVCdXR0b246IFwiYXNcIiBtdXN0IGJlIGEgdmFsaWQgZWxlbWVudCB0eXBlLmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuYXMgJiYgcHJvcHMudHlwZSAhPT0gJ2J1dHRvbicpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcInR5cGVcIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBcImFzXCIgaXMgc2V0LmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkID09PSB1bmRlZmluZWQpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcImlzVG9nZ2xlZFwiIGlzIHJlcXVpcmVkIGlmIFwiaXNUb2dnbGVCdXR0b25cIiBpcyBcInRydWVcImBcbiAgICApO1xuXG4gICAgY29uc3QgaXNCdXR0b24gPSAhcHJvcHMuYXMgfHwgcHJvcHMuYXMgPT09ICdidXR0b24nO1xuXG4gICAgY29uc3QgeyBvbkNsaWNrIH0gPSBwcm9wcztcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrPE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljaykge1xuICAgICAgICAgIHJldHVybiBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9LFxuICAgICAgW29uQ2xpY2ssIHByb3BzLmlzRGlzYWJsZWRdXG4gICAgKTtcbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IHVzZUNhbGxiYWNrPEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljayAmJiBnZXRJc0VudGVyT3JTcGFjZShldmVudCkpIHtcbiAgICAgICAgICByZXR1cm4gb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfSxcbiAgICAgIFtvbkNsaWNrLCBwcm9wcy5pc0Rpc2FibGVkXVxuICAgICk7XG5cbiAgICBsZXQgYnV0dG9uUHJvcHMgPSB7fTtcbiAgICBpZiAoaXNCdXR0b24pIHtcbiAgICAgIGJ1dHRvblByb3BzID0ge1xuICAgICAgICB0eXBlOiBwcm9wcy50eXBlLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKCFwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgICBidXR0b25Qcm9wcyA9IHtcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiAnMCcsXG4gICAgICAgIG9uS2V5UHJlc3M6IGhhbmRsZUtleVByZXNzLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcz17cHJvcHMuYXMgYXMgRWxlbWVudFR5cGV9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtub3JtYWxpemVkQnV0dG9uU3R5bGVzfVxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY3Vyc29yOiAke3Byb3BzLmlzRGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfTtcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgICAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICAgICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICB7Li4uKHByb3BzLmlzVG9nZ2xlQnV0dG9uID8geyAnYXJpYS1wcmVzc2VkJzogcHJvcHMuaXNUb2dnbGVkIH0gOiB7fSl9XG4gICAgICAgIHsuLi5vbWl0KHByb3BzLmJ1dHRvbkF0dHJpYnV0ZXMsIHByb3BzVG9PbWl0KX1cbiAgICAgICAgey4uLmJ1dHRvblByb3BzfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuQWNjZXNzaWJsZUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlQnV0dG9uJztcbkFjY2Vzc2libGVCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NpYmxlQnV0dG9uO1xuIl19 */");
|
|
39
51
|
|
|
40
52
|
var defaultProps = {
|
|
41
53
|
type: 'button',
|
|
@@ -43,13 +55,13 @@ var defaultProps = {
|
|
|
43
55
|
isToggleButton: false,
|
|
44
56
|
isToggled: false
|
|
45
57
|
};
|
|
46
|
-
var AccessibleButton = /*#__PURE__*/
|
|
58
|
+
var AccessibleButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
47
59
|
process.env.NODE_ENV !== "production" ? warning(props.as ? isValidElementType(props.as) : true, "ui-kit/AccessibleButton: \"as\" must be a valid element type.") : void 0;
|
|
48
60
|
process.env.NODE_ENV !== "production" ? warning(!(props.as && props.type !== 'button'), "ui-kit/AccessibleButton: \"type\" does not have any effect when \"as\" is set.") : void 0;
|
|
49
61
|
process.env.NODE_ENV !== "production" ? warning(!(props.isToggleButton && props.isToggled === undefined), "ui-kit/AccessibleButton: \"isToggled\" is required if \"isToggleButton\" is \"true\"") : void 0;
|
|
50
62
|
var isButton = !props.as || props.as === 'button';
|
|
51
63
|
var onClick = props.onClick;
|
|
52
|
-
var handleClick =
|
|
64
|
+
var handleClick = useCallback(function (event) {
|
|
53
65
|
if (props.isDisabled) {
|
|
54
66
|
event.preventDefault();
|
|
55
67
|
return false;
|
|
@@ -61,7 +73,7 @@ var AccessibleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
61
73
|
|
|
62
74
|
return;
|
|
63
75
|
}, [onClick, props.isDisabled]);
|
|
64
|
-
var handleKeyPress =
|
|
76
|
+
var handleKeyPress = useCallback(function (event) {
|
|
65
77
|
if (props.isDisabled) {
|
|
66
78
|
event.preventDefault();
|
|
67
79
|
return false;
|
|
@@ -87,13 +99,13 @@ var AccessibleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
87
99
|
};
|
|
88
100
|
}
|
|
89
101
|
|
|
90
|
-
return jsx(Button,
|
|
102
|
+
return jsx(Button, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
91
103
|
as: props.as,
|
|
92
104
|
id: props.id,
|
|
93
105
|
ref: ref,
|
|
94
106
|
"aria-label": props.label,
|
|
95
107
|
onClick: handleClick,
|
|
96
|
-
css: /*#__PURE__*/css(normalizedButtonStyles, " display:inline-flex;font-size:", customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:AccessibleButton;")) // Allow to override the styles by passing a `className` prop.
|
|
108
|
+
css: /*#__PURE__*/css(normalizedButtonStyles, " display:inline-flex;font-size:", customProperties.fontSizeDefault, ";cursor:", props.isDisabled ? 'not-allowed' : 'pointer', ";&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:AccessibleButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSmdCIiwiZmlsZSI6ImFjY2Vzc2libGUtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGZvcndhcmRSZWYsXG4gIHVzZUNhbGxiYWNrLFxuICBSZWFjdE5vZGUsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBDb21wb25lbnRUeXBlLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIE1vdXNlRXZlbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGZpbHRlckFyaWFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBub3JtYWxpemVkQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi9hY2Nlc3NpYmxlLWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsnb25DbGljayddO1xuXG5jb25zdCBnZXRJc0VudGVyT3JTcGFjZSA9IChldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pOiBib29sZWFuID0+XG4gIGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJztcblxuLy8gVGhpcyBuZWVkcyB0byBiZSBhIHN0eWxlZCBjb21wb25lbnQgdG8gYmUgYWJsZSB0byB1c2UgdGhlIGBhc2AgcHJvcC5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gYDtcblxudHlwZSBUQWNjZXNzaWJsZUJ1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgY29tcG9uZW50IHJlbmRlcnMgYSBgYnV0dG9uYCBlbGVtZW50LiBZb3UgY2FuIHBhc3MgYW4gb3B0aW9uYWwgYFJlYWN0LkVsZW1lblR5cGVgXG4gICAqIGluIGNhc2UgdGhpcyBuZWVkcyB0byBiZSByZW5kZXJlZCBhcyBhIGRpZmZlcmVudCBlbGVtZW50LlxuICAgKi9cbiAgYXM/OiBzdHJpbmcgfCBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogVGhlIElEIG9mIHRoZSBlbGVtZW50LlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8vXG4gIC8qKlxuICAgKiBUaGUgW3R5cGVdKGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0hUTUwvRWxlbWVudC9idXR0b24pIG9mIHRoZSBgYnV0dG9uYCBlbGVtZW50LlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogVGhlIGFyaWEtbGFiZWwgdmFsdWUuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWYgYHRydWVgLCBpbmRpY2F0ZXMgdGhhdCB0aGlzIGlzIGEgdG9nZ2xlIGJ1dHRvbi5cbiAgICovXG4gIGlzVG9nZ2xlQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgaW5kaWNhdGVzIHRoYXQgdGhpcyBlbGVtZW50IGlzIGluIGEgdG9nZ2xlZCBzdGF0ZS5cbiAgICogPGJyLz5cbiAgICogVGhpcyBwcm9wIGlzIG9ubHkgdXNlZCBpZiBgaXNUb2dnbGVCdXR0b25gIGlzIGB0cnVlYC5cbiAgICovXG4gIGlzVG9nZ2xlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIGluZGljYXRlcyB0aGF0IHRoZSBlbGVtZW50IGlzIGluIGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAqIDxici8+XG4gICAqIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBbYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb25dKGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2UpLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogRXZlbnQgaGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCwgb3IgdGhlIHVzZXIgcHJlc3NlcyBgRU5URVJgIG9yIGBTUEFDRWAuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEFueSBIVE1MIGF0dHJpYnV0ZXMgdG8gYmUgZm9yd2FyZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqL1xuICBidXR0b25BdHRyaWJ1dGVzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBY2Nlc3NpYmxlQnV0dG9uUHJvcHMsXG4gICd0eXBlJyB8ICdidXR0b25BdHRyaWJ1dGVzJyB8ICdpc1RvZ2dsZUJ1dHRvbicgfCAnaXNUb2dnbGVkJ1xuPiA9IHtcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGJ1dHRvbkF0dHJpYnV0ZXM6IHt9LFxuICBpc1RvZ2dsZUJ1dHRvbjogZmFsc2UsXG4gIGlzVG9nZ2xlZDogZmFsc2UsXG59O1xuXG5jb25zdCBBY2Nlc3NpYmxlQnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgVEFjY2Vzc2libGVCdXR0b25Qcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmFzID8gaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmFzKSA6IHRydWUsXG4gICAgICBgdWkta2l0L0FjY2Vzc2libGVCdXR0b246IFwiYXNcIiBtdXN0IGJlIGEgdmFsaWQgZWxlbWVudCB0eXBlLmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuYXMgJiYgcHJvcHMudHlwZSAhPT0gJ2J1dHRvbicpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcInR5cGVcIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBcImFzXCIgaXMgc2V0LmBcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgICEocHJvcHMuaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkID09PSB1bmRlZmluZWQpLFxuICAgICAgYHVpLWtpdC9BY2Nlc3NpYmxlQnV0dG9uOiBcImlzVG9nZ2xlZFwiIGlzIHJlcXVpcmVkIGlmIFwiaXNUb2dnbGVCdXR0b25cIiBpcyBcInRydWVcImBcbiAgICApO1xuXG4gICAgY29uc3QgaXNCdXR0b24gPSAhcHJvcHMuYXMgfHwgcHJvcHMuYXMgPT09ICdidXR0b24nO1xuXG4gICAgY29uc3QgeyBvbkNsaWNrIH0gPSBwcm9wcztcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrPE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljaykge1xuICAgICAgICAgIHJldHVybiBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9LFxuICAgICAgW29uQ2xpY2ssIHByb3BzLmlzRGlzYWJsZWRdXG4gICAgKTtcbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IHVzZUNhbGxiYWNrPEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pj4oXG4gICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXByb3BzLmlzRGlzYWJsZWQgJiYgb25DbGljayAmJiBnZXRJc0VudGVyT3JTcGFjZShldmVudCkpIHtcbiAgICAgICAgICByZXR1cm4gb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfSxcbiAgICAgIFtvbkNsaWNrLCBwcm9wcy5pc0Rpc2FibGVkXVxuICAgICk7XG5cbiAgICBsZXQgYnV0dG9uUHJvcHMgPSB7fTtcbiAgICBpZiAoaXNCdXR0b24pIHtcbiAgICAgIGJ1dHRvblByb3BzID0ge1xuICAgICAgICB0eXBlOiBwcm9wcy50eXBlLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKCFwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgICBidXR0b25Qcm9wcyA9IHtcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiAnMCcsXG4gICAgICAgIG9uS2V5UHJlc3M6IGhhbmRsZUtleVByZXNzLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcz17cHJvcHMuYXMgYXMgRWxlbWVudFR5cGV9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtub3JtYWxpemVkQnV0dG9uU3R5bGVzfVxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY3Vyc29yOiAke3Byb3BzLmlzRGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfTtcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgICAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICAgICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICB7Li4uKHByb3BzLmlzVG9nZ2xlQnV0dG9uID8geyAnYXJpYS1wcmVzc2VkJzogcHJvcHMuaXNUb2dnbGVkIH0gOiB7fSl9XG4gICAgICAgIHsuLi5vbWl0KHByb3BzLmJ1dHRvbkF0dHJpYnV0ZXMsIHByb3BzVG9PbWl0KX1cbiAgICAgICAgey4uLmJ1dHRvblByb3BzfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuQWNjZXNzaWJsZUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlQnV0dG9uJztcbkFjY2Vzc2libGVCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NpYmxlQnV0dG9uO1xuIl19 */") // Allow to override the styles by passing a `className` prop.
|
|
97
109
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
98
110
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
99
111
|
,
|
|
@@ -102,26 +114,15 @@ var AccessibleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
102
114
|
"aria-disabled": props.isDisabled
|
|
103
115
|
}, props.isToggleButton ? {
|
|
104
116
|
'aria-pressed': props.isToggled
|
|
105
|
-
} : {}, omit(props.buttonAttributes, propsToOmit), buttonProps, filterAriaAttributes(props)),
|
|
117
|
+
} : {}), omit(props.buttonAttributes, propsToOmit)), buttonProps), filterAriaAttributes(props)), {}, {
|
|
118
|
+
children: props.children
|
|
119
|
+
}));
|
|
106
120
|
});
|
|
107
|
-
AccessibleButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
108
|
-
as: _pt.oneOfType([_pt.string, _pt.elementType]),
|
|
109
|
-
id: _pt.string,
|
|
110
|
-
type: _pt.oneOf(['submit', 'reset', 'button']),
|
|
111
|
-
label: _pt.string.isRequired,
|
|
112
|
-
children: _pt.node.isRequired,
|
|
113
|
-
isToggleButton: _pt.bool,
|
|
114
|
-
isToggled: _pt.bool,
|
|
115
|
-
isDisabled: _pt.bool,
|
|
116
|
-
className: _pt.string,
|
|
117
|
-
onClick: _pt.func,
|
|
118
|
-
buttonAttributes: _pt.objectOf(_pt.any)
|
|
119
|
-
} : {};
|
|
120
121
|
AccessibleButton.displayName = 'AccessibleButton';
|
|
121
122
|
AccessibleButton.defaultProps = defaultProps;
|
|
122
123
|
var AccessibleButton$1 = AccessibleButton;
|
|
123
124
|
|
|
124
|
-
// NOTE: This string will be replaced
|
|
125
|
-
var version =
|
|
125
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
126
|
+
var version = "12.2.9";
|
|
126
127
|
|
|
127
128
|
export { AccessibleButton$1 as default, getNormalizedButtonStyles, version };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare type TAccessibleButtonProps = {
|
|
3
|
-
as?: string | ComponentType;
|
|
4
|
-
id?: string;
|
|
5
|
-
type?: 'submit' | 'reset' | 'button';
|
|
6
|
-
label: string;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
isToggleButton?: boolean;
|
|
9
|
-
isToggled?: boolean;
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
13
|
-
buttonAttributes?: Record<string, unknown>;
|
|
14
|
-
};
|
|
15
|
-
declare const AccessibleButton:
|
|
16
|
-
export default AccessibleButton;
|
|
1
|
+
import { ReactNode, KeyboardEvent, ComponentType, MouseEvent } from 'react';
|
|
2
|
+
declare type TAccessibleButtonProps = {
|
|
3
|
+
as?: string | ComponentType;
|
|
4
|
+
id?: string;
|
|
5
|
+
type?: 'submit' | 'reset' | 'button';
|
|
6
|
+
label: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
isToggleButton?: boolean;
|
|
9
|
+
isToggled?: boolean;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
13
|
+
buttonAttributes?: Record<string, unknown>;
|
|
14
|
+
};
|
|
15
|
+
declare const AccessibleButton: import("react").ForwardRefExoticComponent<TAccessibleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
export default AccessibleButton;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const normalizedButtonStyles: import("@emotion/utils").SerializedStyles;
|
|
2
|
-
declare const getNormalizedButtonStyles: () => import("@emotion/utils").SerializedStyles;
|
|
3
|
-
export { normalizedButtonStyles, getNormalizedButtonStyles };
|
|
1
|
+
declare const normalizedButtonStyles: import("@emotion/utils").SerializedStyles;
|
|
2
|
+
declare const getNormalizedButtonStyles: () => import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export { normalizedButtonStyles, getNormalizedButtonStyles };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './accessible-button';
|
|
2
|
-
export { getNormalizedButtonStyles } from './accessible-button.styles';
|
|
3
|
-
export { default as version } from './version';
|
|
1
|
+
export { default } from './accessible-button';
|
|
2
|
+
export { getNormalizedButtonStyles } from './accessible-button.styles';
|
|
3
|
+
export { default as version } from './version';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/accessible-button",
|
|
3
3
|
"description": "A React component that you can use to wrap your buttons in an accessible <button/> element.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.9",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,18 +18,15 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-accessible-button.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-accessible-button.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
29
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.5",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.5",
|
|
24
|
+
"@commercetools-uikit/design-system": "12.2.9",
|
|
25
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
30
26
|
"@emotion/react": "^11.4.0",
|
|
31
27
|
"@emotion/styled": "^11.3.0",
|
|
32
28
|
"@types/react-is": "^17.0.0",
|
|
33
|
-
"common-tags": "1.8.
|
|
29
|
+
"common-tags": "1.8.2",
|
|
34
30
|
"lodash": "4.17.21",
|
|
35
31
|
"prop-types": "15.7.2",
|
|
36
32
|
"react-is": "17.0.2"
|