@commercetools-uikit/constraints 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 +4 -3
- package/dist/commercetools-uikit-constraints.cjs.dev.js +36 -12
- package/dist/commercetools-uikit-constraints.cjs.prod.js +33 -10
- package/dist/commercetools-uikit-constraints.esm.js +26 -10
- package/dist/declarations/src/helpers.d.ts +3 -3
- package/dist/declarations/src/horizontal/horizontal.d.ts +8 -8
- package/dist/declarations/src/horizontal/index.d.ts +1 -1
- package/dist/declarations/src/index.d.ts +10 -10
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +6 -10
package/README.md
CHANGED
|
@@ -30,7 +30,6 @@ npm --save install react
|
|
|
30
30
|
## Usage
|
|
31
31
|
|
|
32
32
|
```jsx
|
|
33
|
-
import React from 'react';
|
|
34
33
|
import Constraints from '@commercetools-uikit/constraints';
|
|
35
34
|
|
|
36
35
|
<Constraints.Horizontal max={7}>
|
|
@@ -42,9 +41,11 @@ import Constraints from '@commercetools-uikit/constraints';
|
|
|
42
41
|
</Constraints.Horizontal>;
|
|
43
42
|
```
|
|
44
43
|
|
|
45
|
-
##
|
|
44
|
+
## Horizontal
|
|
45
|
+
|
|
46
|
+
### Properties
|
|
46
47
|
|
|
47
48
|
| Props | Type | Required | Default | Description |
|
|
48
49
|
| ---------- | ----------------------------------------------------------------------------------------------------------- | :------: | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
|
|
49
50
|
| `max` | `union`<br/>Possible values:<br/>`, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` | | | The value of the constraint. See equivalent pixel values [here](https://uikit.commercetools.com/?path=/story/basics-tokens--all-tokens). |
|
|
50
|
-
| `children` | `
|
|
51
|
+
| `children` | `ReactNode` | ✅ | | |
|
|
@@ -7,17 +7,34 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
|
|
|
7
7
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
8
8
|
var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
|
|
9
9
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
10
|
-
var
|
|
10
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
11
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
12
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
13
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
14
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
15
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
16
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
17
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
18
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
11
19
|
var _pt = require('prop-types');
|
|
12
20
|
require('react');
|
|
13
21
|
var react = require('@emotion/react');
|
|
14
22
|
var utils = require('@commercetools-uikit/utils');
|
|
23
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
24
|
|
|
16
25
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
17
26
|
|
|
18
27
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
19
28
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
20
29
|
var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
|
|
30
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
31
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
32
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
33
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
34
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
35
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
36
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
37
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
21
38
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
22
39
|
|
|
23
40
|
var getMaxPropTokenValue = function getMaxPropTokenValue(max) {
|
|
@@ -32,18 +49,22 @@ var getAcceptedMaxPropValues = function getAcceptedMaxPropValues() {
|
|
|
32
49
|
|
|
33
50
|
var min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
34
51
|
var max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
|
|
35
|
-
return _concatInstanceProperty__default[
|
|
52
|
+
return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(_mapInstanceProperty__default["default"](_context2 = _Array$from__default["default"]({
|
|
36
53
|
length: max - min + 1
|
|
37
54
|
})).call(_context2, function (_, index) {
|
|
38
55
|
return index + min;
|
|
39
56
|
})), ['scale', 'auto']);
|
|
40
57
|
};
|
|
41
58
|
|
|
59
|
+
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; }
|
|
60
|
+
|
|
61
|
+
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; }
|
|
62
|
+
|
|
42
63
|
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)."; }
|
|
43
64
|
|
|
44
65
|
function getConstraintStyles(maxProp) {
|
|
45
66
|
var constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
46
|
-
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"));
|
|
67
|
+
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DWSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */");
|
|
47
68
|
}
|
|
48
69
|
|
|
49
70
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -52,29 +73,32 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
52
73
|
} : {
|
|
53
74
|
name: "cu7d5n-Horizontal",
|
|
54
75
|
styles: "width:100%;position:relative;label:Horizontal;",
|
|
76
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUyIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */",
|
|
55
77
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
56
78
|
};
|
|
57
79
|
|
|
58
80
|
var Horizontal = function Horizontal(props) {
|
|
59
|
-
return
|
|
60
|
-
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;"]
|
|
61
|
-
}, utils.filterDataAttributes(props)),
|
|
81
|
+
return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
82
|
+
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDSSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */"]
|
|
83
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
84
|
+
children: props.children
|
|
85
|
+
}));
|
|
62
86
|
};
|
|
63
87
|
|
|
64
88
|
Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
65
|
-
max: _pt__default[
|
|
66
|
-
children: _pt__default[
|
|
89
|
+
max: _pt__default["default"].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
90
|
+
children: _pt__default["default"].node.isRequired
|
|
67
91
|
} : {};
|
|
68
92
|
var Horizontal$1 = Horizontal;
|
|
69
93
|
|
|
70
|
-
// NOTE: This string will be replaced
|
|
71
|
-
var version =
|
|
94
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
95
|
+
var version = "12.2.9";
|
|
72
96
|
|
|
73
97
|
// eslint-disable-next-line import/prefer-default-export
|
|
74
|
-
var
|
|
98
|
+
var Constraints = {
|
|
75
99
|
Horizontal: Horizontal$1,
|
|
76
100
|
getAcceptedMaxPropValues: getAcceptedMaxPropValues
|
|
77
101
|
};
|
|
78
102
|
|
|
79
|
-
exports[
|
|
103
|
+
exports["default"] = Constraints;
|
|
80
104
|
exports.version = version;
|
|
@@ -7,17 +7,34 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
|
|
|
7
7
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
8
8
|
var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
|
|
9
9
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
10
|
-
var
|
|
10
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
11
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
12
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
13
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
14
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
15
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
16
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
17
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
18
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
11
19
|
require('prop-types');
|
|
12
20
|
require('react');
|
|
13
21
|
var react = require('@emotion/react');
|
|
14
22
|
var utils = require('@commercetools-uikit/utils');
|
|
23
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
24
|
|
|
16
25
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
17
26
|
|
|
18
27
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
19
28
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
20
29
|
var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
|
|
30
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
31
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
32
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
33
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
34
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
35
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
36
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
37
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
21
38
|
|
|
22
39
|
var getMaxPropTokenValue = function getMaxPropTokenValue(max) {
|
|
23
40
|
if (!max) return null; // @ts-expect-error
|
|
@@ -31,16 +48,20 @@ var getAcceptedMaxPropValues = function getAcceptedMaxPropValues() {
|
|
|
31
48
|
|
|
32
49
|
var min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
33
50
|
var max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
|
|
34
|
-
return _concatInstanceProperty__default[
|
|
51
|
+
return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(_mapInstanceProperty__default["default"](_context2 = _Array$from__default["default"]({
|
|
35
52
|
length: max - min + 1
|
|
36
53
|
})).call(_context2, function (_, index) {
|
|
37
54
|
return index + min;
|
|
38
55
|
})), ['scale', 'auto']);
|
|
39
56
|
};
|
|
40
57
|
|
|
58
|
+
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; }
|
|
59
|
+
|
|
60
|
+
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; }
|
|
61
|
+
|
|
41
62
|
function getConstraintStyles(maxProp) {
|
|
42
63
|
var constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
43
|
-
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + ("" ));
|
|
64
|
+
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + ("" ), "" );
|
|
44
65
|
}
|
|
45
66
|
|
|
46
67
|
var _ref = {
|
|
@@ -49,22 +70,24 @@ var _ref = {
|
|
|
49
70
|
} ;
|
|
50
71
|
|
|
51
72
|
var Horizontal = function Horizontal(props) {
|
|
52
|
-
return
|
|
53
|
-
css: [_ref, getConstraintStyles(props.max), "" ]
|
|
54
|
-
}, utils.filterDataAttributes(props)),
|
|
73
|
+
return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
74
|
+
css: [_ref, getConstraintStyles(props.max), "" , "" ]
|
|
75
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
76
|
+
children: props.children
|
|
77
|
+
}));
|
|
55
78
|
};
|
|
56
79
|
|
|
57
80
|
Horizontal.propTypes = {};
|
|
58
81
|
var Horizontal$1 = Horizontal;
|
|
59
82
|
|
|
60
|
-
// NOTE: This string will be replaced
|
|
61
|
-
var version =
|
|
83
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
84
|
+
var version = "12.2.9";
|
|
62
85
|
|
|
63
86
|
// eslint-disable-next-line import/prefer-default-export
|
|
64
|
-
var
|
|
87
|
+
var Constraints = {
|
|
65
88
|
Horizontal: Horizontal$1,
|
|
66
89
|
getAcceptedMaxPropValues: getAcceptedMaxPropValues
|
|
67
90
|
};
|
|
68
91
|
|
|
69
|
-
exports[
|
|
92
|
+
exports["default"] = Constraints;
|
|
70
93
|
exports.version = version;
|
|
@@ -3,11 +3,20 @@ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
|
|
|
3
3
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
4
4
|
import _Array$from from '@babel/runtime-corejs3/core-js-stable/array/from';
|
|
5
5
|
import { customProperties } from '@commercetools-uikit/design-system';
|
|
6
|
-
import
|
|
6
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
7
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
8
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
9
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
10
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
11
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
12
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
13
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
14
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
7
15
|
import _pt from 'prop-types';
|
|
8
16
|
import 'react';
|
|
9
|
-
import {
|
|
17
|
+
import { css } from '@emotion/react';
|
|
10
18
|
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
19
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
11
20
|
|
|
12
21
|
var getMaxPropTokenValue = function getMaxPropTokenValue(max) {
|
|
13
22
|
if (!max) return null; // @ts-expect-error
|
|
@@ -28,11 +37,15 @@ var getAcceptedMaxPropValues = function getAcceptedMaxPropValues() {
|
|
|
28
37
|
})), ['scale', 'auto']);
|
|
29
38
|
};
|
|
30
39
|
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
31
44
|
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)."; }
|
|
32
45
|
|
|
33
46
|
function getConstraintStyles(maxProp) {
|
|
34
47
|
var constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
35
|
-
return /*#__PURE__*/css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"));
|
|
48
|
+
return /*#__PURE__*/css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DWSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */");
|
|
36
49
|
}
|
|
37
50
|
|
|
38
51
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -41,13 +54,16 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
41
54
|
} : {
|
|
42
55
|
name: "cu7d5n-Horizontal",
|
|
43
56
|
styles: "width:100%;position:relative;label:Horizontal;",
|
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUyIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */",
|
|
44
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
45
59
|
};
|
|
46
60
|
|
|
47
61
|
var Horizontal = function Horizontal(props) {
|
|
48
|
-
return jsx("div",
|
|
49
|
-
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;"]
|
|
50
|
-
}, filterDataAttributes(props)),
|
|
62
|
+
return jsx("div", _objectSpread(_objectSpread({
|
|
63
|
+
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDSSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxudHlwZSBUTWF4UHJvcCA9XG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyXG4gIHwgMTNcbiAgfCAxNFxuICB8IDE1XG4gIHwgMTZcbiAgfCAnc2NhbGUnXG4gIHwgJ2F1dG8nO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17W1xuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYCxcbiAgICAgIGdldENvbnN0cmFpbnRTdHlsZXMocHJvcHMubWF4KSxcbiAgICBdfVxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgSG9yaXpvbnRhbDtcbiJdfQ== */"]
|
|
64
|
+
}, filterDataAttributes(props)), {}, {
|
|
65
|
+
children: props.children
|
|
66
|
+
}));
|
|
51
67
|
};
|
|
52
68
|
|
|
53
69
|
Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -56,13 +72,13 @@ Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
56
72
|
} : {};
|
|
57
73
|
var Horizontal$1 = Horizontal;
|
|
58
74
|
|
|
59
|
-
// NOTE: This string will be replaced
|
|
60
|
-
var version =
|
|
75
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
76
|
+
var version = "12.2.9";
|
|
61
77
|
|
|
62
78
|
// eslint-disable-next-line import/prefer-default-export
|
|
63
|
-
var
|
|
79
|
+
var Constraints = {
|
|
64
80
|
Horizontal: Horizontal$1,
|
|
65
81
|
getAcceptedMaxPropValues: getAcceptedMaxPropValues
|
|
66
82
|
};
|
|
67
83
|
|
|
68
|
-
export {
|
|
84
|
+
export { Constraints as default, version };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const getMaxPropTokenValue: (max: number | string | null) => any;
|
|
2
|
-
declare const getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
|
|
3
|
-
export { getMaxPropTokenValue, getAcceptedMaxPropValues };
|
|
1
|
+
declare const getMaxPropTokenValue: (max: number | string | null) => any;
|
|
2
|
+
declare const getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
|
|
3
|
+
export { getMaxPropTokenValue, getAcceptedMaxPropValues };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare type TMaxProp = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
3
|
-
declare type TProps = {
|
|
4
|
-
max?: TMaxProp;
|
|
5
|
-
children:
|
|
6
|
-
};
|
|
7
|
-
declare const Horizontal: (props: TProps) => JSX.Element;
|
|
8
|
-
export default Horizontal;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type TMaxProp = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
3
|
+
declare type TProps = {
|
|
4
|
+
max?: TMaxProp;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
declare const Horizontal: (props: TProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Horizontal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './horizontal';
|
|
1
|
+
export { default } from './horizontal';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const
|
|
3
|
-
Horizontal: (props: {
|
|
4
|
-
max?: (1 | 7 | 2 |
|
|
5
|
-
children: import("react").ReactNode;
|
|
6
|
-
}) => JSX.Element;
|
|
7
|
-
getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
|
|
8
|
-
};
|
|
9
|
-
export default
|
|
10
|
-
export { default as version } from './version';
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Constraints: {
|
|
3
|
+
Horizontal: (props: {
|
|
4
|
+
max?: (1 | 7 | 2 | 10 | 3 | 4 | 5 | "scale" | "auto" | 6 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16) | undefined;
|
|
5
|
+
children: import("react").ReactNode;
|
|
6
|
+
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
|
+
getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
|
|
8
|
+
};
|
|
9
|
+
export default Constraints;
|
|
10
|
+
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/constraints",
|
|
3
3
|
"description": "Constraints are container elements with a configurable constraint size, like width or height.",
|
|
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,14 +18,11 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-constraints.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-constraints.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
|
"prop-types": "15.7.2"
|
|
@@ -38,6 +34,6 @@
|
|
|
38
34
|
"react": "17.x"
|
|
39
35
|
},
|
|
40
36
|
"readme": {
|
|
41
|
-
"
|
|
37
|
+
"componentPaths": ["./src/horizontal/horizontal.tsx"]
|
|
42
38
|
}
|
|
43
39
|
}
|