@commercetools-uikit/primary-button 19.11.0 → 19.12.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.
|
@@ -13,7 +13,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
var _pt = require('prop-types');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
17
16
|
var react$1 = require('react');
|
|
18
17
|
var omit = require('lodash/omit');
|
|
19
18
|
var react = require('@emotion/react');
|
|
@@ -35,7 +34,6 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
35
34
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
36
35
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
37
36
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
38
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
39
37
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
40
38
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
41
39
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
@@ -124,7 +122,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
124
122
|
};
|
|
125
123
|
|
|
126
124
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
127
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
125
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
128
126
|
const propsToOmit = ['type'];
|
|
129
127
|
|
|
130
128
|
/**
|
|
@@ -150,7 +148,7 @@ const defaultProps = {
|
|
|
150
148
|
tone: 'primary'
|
|
151
149
|
};
|
|
152
150
|
const PrimaryButton = props => {
|
|
153
|
-
var _context
|
|
151
|
+
var _context;
|
|
154
152
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
155
153
|
'data-track-component': 'PrimaryButton'
|
|
156
154
|
}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
@@ -158,7 +156,7 @@ const PrimaryButton = props => {
|
|
|
158
156
|
// we fall back to `isDisabled`
|
|
159
157
|
disabled: props.isDisabled
|
|
160
158
|
});
|
|
161
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1),
|
|
159
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), `PrimaryButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
|
|
162
160
|
const isActive = Boolean(props.isToggleButton && props.isToggled);
|
|
163
161
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
164
162
|
as: props.as,
|
|
@@ -202,7 +200,7 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
202
200
|
var PrimaryButton$1 = PrimaryButton;
|
|
203
201
|
|
|
204
202
|
// NOTE: This string will be replaced on build time with the package version.
|
|
205
|
-
var version = "19.
|
|
203
|
+
var version = "19.12.1";
|
|
206
204
|
|
|
207
205
|
exports["default"] = PrimaryButton$1;
|
|
208
206
|
exports.version = version;
|
|
@@ -13,7 +13,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
require('prop-types');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
17
16
|
var react$1 = require('react');
|
|
18
17
|
var omit = require('lodash/omit');
|
|
19
18
|
var react = require('@emotion/react');
|
|
@@ -34,7 +33,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
34
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
35
34
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
36
35
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
38
36
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
39
37
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
40
38
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
@@ -112,7 +110,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
112
110
|
};
|
|
113
111
|
|
|
114
112
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
115
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
113
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
116
114
|
const propsToOmit = ['type'];
|
|
117
115
|
|
|
118
116
|
/**
|
|
@@ -138,7 +136,7 @@ const defaultProps = {
|
|
|
138
136
|
tone: 'primary'
|
|
139
137
|
};
|
|
140
138
|
const PrimaryButton = props => {
|
|
141
|
-
var _context
|
|
139
|
+
var _context;
|
|
142
140
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
143
141
|
'data-track-component': 'PrimaryButton'
|
|
144
142
|
}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
@@ -146,7 +144,7 @@ const PrimaryButton = props => {
|
|
|
146
144
|
// we fall back to `isDisabled`
|
|
147
145
|
disabled: props.isDisabled
|
|
148
146
|
});
|
|
149
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1),
|
|
147
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), `PrimaryButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
|
|
150
148
|
const isActive = Boolean(props.isToggleButton && props.isToggled);
|
|
151
149
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
152
150
|
as: props.as,
|
|
@@ -179,7 +177,7 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
179
177
|
var PrimaryButton$1 = PrimaryButton;
|
|
180
178
|
|
|
181
179
|
// NOTE: This string will be replaced on build time with the package version.
|
|
182
|
-
var version = "19.
|
|
180
|
+
var version = "19.12.1";
|
|
183
181
|
|
|
184
182
|
exports["default"] = PrimaryButton$1;
|
|
185
183
|
exports.version = version;
|
|
@@ -9,7 +9,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
9
9
|
import _pt from 'prop-types';
|
|
10
10
|
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
|
|
11
11
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
13
12
|
import { cloneElement } from 'react';
|
|
14
13
|
import omit from 'lodash/omit';
|
|
15
14
|
import { css } from '@emotion/react';
|
|
@@ -103,7 +102,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
103
102
|
};
|
|
104
103
|
|
|
105
104
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
106
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
105
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
107
106
|
const propsToOmit = ['type'];
|
|
108
107
|
|
|
109
108
|
/**
|
|
@@ -129,7 +128,7 @@ const defaultProps = {
|
|
|
129
128
|
tone: 'primary'
|
|
130
129
|
};
|
|
131
130
|
const PrimaryButton = props => {
|
|
132
|
-
var _context
|
|
131
|
+
var _context;
|
|
133
132
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
134
133
|
'data-track-component': 'PrimaryButton'
|
|
135
134
|
}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
|
|
@@ -137,7 +136,7 @@ const PrimaryButton = props => {
|
|
|
137
136
|
// we fall back to `isDisabled`
|
|
138
137
|
disabled: props.isDisabled
|
|
139
138
|
});
|
|
140
|
-
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, props.size) > -1),
|
|
139
|
+
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, props.size) > -1), `PrimaryButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
|
|
141
140
|
const isActive = Boolean(props.isToggleButton && props.isToggled);
|
|
142
141
|
return jsx(AccessibleButton, {
|
|
143
142
|
as: props.as,
|
|
@@ -181,6 +180,6 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
181
180
|
var PrimaryButton$1 = PrimaryButton;
|
|
182
181
|
|
|
183
182
|
// NOTE: This string will be replaced on build time with the package version.
|
|
184
|
-
var version = "19.
|
|
183
|
+
var version = "19.12.1";
|
|
185
184
|
|
|
186
185
|
export { PrimaryButton$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/primary-button",
|
|
3
3
|
"description": "Primary buttons are used for a primary action on a page. You must also pass a label for accessibility reasons.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.12.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
27
|
-
"@commercetools-uikit/text": "19.
|
|
28
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.12.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.1",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "19.12.1",
|
|
27
|
+
"@commercetools-uikit/text": "19.12.1",
|
|
28
|
+
"@commercetools-uikit/utils": "19.12.1",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|