@commercetools-uikit/tag 15.14.2 → 15.15.0
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 +26 -1
- package/dist/commercetools-uikit-tag.cjs.dev.js +57 -5
- package/dist/commercetools-uikit-tag.cjs.prod.js +41 -5
- package/dist/commercetools-uikit-tag.esm.js +55 -6
- package/dist/declarations/src/export-types.d.ts +1 -0
- package/dist/declarations/src/index.d.ts +2 -0
- package/dist/declarations/src/tag-list/index.d.ts +1 -0
- package/dist/declarations/src/tag-list/tag-list.d.ts +10 -0
- package/package.json +8 -7
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@ npm --save install react react-router-dom
|
|
|
37
37
|
## Usage
|
|
38
38
|
|
|
39
39
|
```jsx
|
|
40
|
-
import Tag from '@commercetools-uikit/tag';
|
|
40
|
+
import { Tag } from '@commercetools-uikit/tag';
|
|
41
41
|
|
|
42
42
|
const Example = () => (
|
|
43
43
|
<Tag
|
|
@@ -82,3 +82,28 @@ export default Example;
|
|
|
82
82
|
```ts
|
|
83
83
|
(event: MouseEvent<HTMLElement>) => void
|
|
84
84
|
```
|
|
85
|
+
|
|
86
|
+
# TagList
|
|
87
|
+
|
|
88
|
+
## Description
|
|
89
|
+
|
|
90
|
+
A `TagList` component is used as wrapper for the list of tags. It has predefined spacings and flex display so that tags are grouped next to each other.
|
|
91
|
+
|
|
92
|
+
## Usage
|
|
93
|
+
|
|
94
|
+
The `<TagList>` component accepts `<Tag>` element as `children` props.
|
|
95
|
+
Here's an example of how to use them:
|
|
96
|
+
|
|
97
|
+
```jsx
|
|
98
|
+
import { Tag, TagList } from '@commercetools-uikit/tag';
|
|
99
|
+
|
|
100
|
+
const Example = () => (
|
|
101
|
+
<TagList>
|
|
102
|
+
{['apple', 'orange'].map((tag, index) => (
|
|
103
|
+
<Tag key={index}>{tag}</Tag>
|
|
104
|
+
))}
|
|
105
|
+
</TagList>
|
|
106
|
+
);
|
|
107
|
+
|
|
108
|
+
export default Example;
|
|
109
|
+
```
|
|
@@ -12,7 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _pt = require('prop-types');
|
|
15
|
-
require('react');
|
|
15
|
+
var react$1 = require('react');
|
|
16
16
|
var react = require('@emotion/react');
|
|
17
17
|
var reactRouterDom = require('react-router-dom');
|
|
18
18
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
@@ -23,6 +23,8 @@ var _styled = require('@emotion/styled/base');
|
|
|
23
23
|
var Text = require('@commercetools-uikit/text');
|
|
24
24
|
var Spacings = require('@commercetools-uikit/spacings');
|
|
25
25
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
26
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
27
|
+
var utils = require('@commercetools-uikit/utils');
|
|
26
28
|
|
|
27
29
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
28
30
|
|
|
@@ -40,6 +42,7 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
|
40
42
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
41
43
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
42
44
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
45
|
+
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
43
46
|
|
|
44
47
|
var defaultProps$1 = {
|
|
45
48
|
type: 'normal',
|
|
@@ -106,9 +109,9 @@ TagBody.defaultProps = defaultProps$1;
|
|
|
106
109
|
TagBody.displayName = 'TagBody';
|
|
107
110
|
var TagBody$1 = TagBody;
|
|
108
111
|
|
|
109
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
112
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
110
113
|
|
|
111
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
114
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
112
115
|
var defaultProps = {
|
|
113
116
|
type: 'normal',
|
|
114
117
|
isDisabled: false,
|
|
@@ -128,7 +131,7 @@ var Tag = function Tag(props) {
|
|
|
128
131
|
max: props.horizontalConstraint,
|
|
129
132
|
children: jsxRuntime.jsxs("div", {
|
|
130
133
|
css: /*#__PURE__*/react.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZnQiIsImZpbGUiOiJ0YWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIE1vdXNlRXZlbnQsIEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUJvbGRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFRhZ0JvZHkgZnJvbSAnLi90YWctYm9keSc7XG5cbmV4cG9ydCB0eXBlIFRUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyBjb2xvciBzY2hlbWUgb2YgdGhlIHRhZy5cbiAgICovXG4gIHR5cGU/OiAnbm9ybWFsJyB8ICd3YXJuaW5nJztcbiAgLyoqXG4gICAqIFN0eWxlcyBvYmplY3QgdGhhdCBpcyBzcHJlYWQgaW50byB0aGUgdGFnIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPjtcbiAgLyoqXG4gICAqIExpbmsgb2YgdGhlIHRhZyB3aGVuIG5vdCBkaXNhYmxlZFxuICAgKi9cbiAgdG8/OiBzdHJpbmcgfCBMb2NhdGlvbkRlc2NyaXB0b3I7XG4gIC8qKlxuICAgKiBEaXNhYmxlIHRoZSB0YWcgZWxlbWVudCBhbG9uZyB3aXRoIHRoZSBvcHRpb24gdG8gcmVtb3ZlIGl0LlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBZGRzIHRoZSBkcmFnZ2FibGUgaWNvbiBvbiB0aGUgbGVmdCBzaWRlLlxuICAgKi9cbiAgaXNEcmFnZ2FibGU/OiBib29sZWFuO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGFnIGVsZW1lbnQgaXMgY2xpY2tlZC4gVGhpcyBpcyBub3QgY2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgMVxuICAgIHwgMlxuICAgIHwgM1xuICAgIHwgNFxuICAgIHwgNVxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbiAgLyoqXG4gICAqIENvbnRlbnQgcmVuZGVyZWQgd2l0aGluIHRoZSB0YWdcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRUYWdQcm9wcyxcbiAgJ3R5cGUnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzRHJhZ2dhYmxlJyB8ICdob3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIHR5cGU6ICdub3JtYWwnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNEcmFnZ2FibGU6IGZhbHNlLFxuICBob3Jpem9udGFsQ29uc3RyYWludDogJ3NjYWxlJyxcbn07XG5cbmNvbnN0IFRhZyA9IChwcm9wczogVFRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgbGlua1Byb3BzID1cbiAgICBwcm9wcy50byAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IHsgYXM6IExpbmssIHRvOiBwcm9wcy50byB9IDoge307XG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGEge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ1dhcm5pbmdcbiAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ307XG5cbiAgICAgICAgICAke3Byb3BzLm9uQ2xpY2sgJiZcbiAgICAgICAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUYWdXYXJuaW5nXG4gICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVGFnV2hlbkhvdmVyZWRcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfWB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxUYWdCb2R5XG4gICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICBzdHlsZXM9e3Byb3BzLnN0eWxlc31cbiAgICAgICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaXNEcmFnZ2FibGU9e3Byb3BzLmlzRHJhZ2dhYmxlfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L1RhZ0JvZHk+XG5cbiAgICAgICAge0Jvb2xlYW4ocHJvcHMub25SZW1vdmUpICYmICEoaXNOZXdUaGVtZSAmJiBwcm9wcy5pc0Rpc2FibGVkKSAmJiAoXG4gICAgICAgICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhZ1JlbW92ZUljb259O1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfVxuICAgICAgICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfSAwO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvclRhZ307XG4gICAgICAgICAgICAgICAgOm5vdCg6ZGlzYWJsZWQpJjpob3ZlcixcbiAgICAgICAgICAgICAgICA6bm90KDpkaXNhYmxlZCkmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkhvdmVyZWR9O1xuXG4gICAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29ufTtcbiAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ1doZW5EaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgXX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5UYWcuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnLmRpc3BsYXlOYW1lID0gJ1RhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IFRhZztcbiJdfQ== */"),
|
|
131
|
-
children: [jsxRuntime.jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
|
|
134
|
+
children: [jsxRuntime.jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
|
|
132
135
|
styles: props.styles,
|
|
133
136
|
type: props.type,
|
|
134
137
|
onClick: props.onClick,
|
|
@@ -164,8 +167,57 @@ Tag.defaultProps = defaultProps;
|
|
|
164
167
|
Tag.displayName = 'Tag';
|
|
165
168
|
var Tag$1 = Tag;
|
|
166
169
|
|
|
170
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
171
|
+
|
|
172
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
173
|
+
|
|
174
|
+
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)."; }
|
|
175
|
+
|
|
176
|
+
var TagListContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
177
|
+
target: "e1t0l8771"
|
|
178
|
+
} : {
|
|
179
|
+
target: "e1t0l8771",
|
|
180
|
+
label: "TagListContainer"
|
|
181
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
182
|
+
name: "798ujy",
|
|
183
|
+
styles: "width:100%;display:flex;flex-wrap:wrap"
|
|
184
|
+
} : {
|
|
185
|
+
name: "798ujy",
|
|
186
|
+
styles: "width:100%;display:flex;flex-wrap:wrap",
|
|
187
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */",
|
|
188
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
189
|
+
});
|
|
190
|
+
|
|
191
|
+
var TagListItem = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
192
|
+
target: "e1t0l8770"
|
|
193
|
+
} : {
|
|
194
|
+
target: "e1t0l8770",
|
|
195
|
+
label: "TagListItem"
|
|
196
|
+
})("margin:", designSystem.designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
|
|
197
|
+
|
|
198
|
+
var TagList = function TagList(props) {
|
|
199
|
+
return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
200
|
+
className: props.className
|
|
201
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
202
|
+
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (tag) {
|
|
203
|
+
return jsxRuntime.jsx(TagListItem, {
|
|
204
|
+
children: tag
|
|
205
|
+
});
|
|
206
|
+
})
|
|
207
|
+
}));
|
|
208
|
+
};
|
|
209
|
+
|
|
210
|
+
TagList.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
211
|
+
children: _pt__default["default"].node.isRequired,
|
|
212
|
+
className: _pt__default["default"].string
|
|
213
|
+
} : {};
|
|
214
|
+
TagList.displayName = 'TagList';
|
|
215
|
+
var TagList$1 = TagList;
|
|
216
|
+
|
|
167
217
|
// NOTE: This string will be replaced on build time with the package version.
|
|
168
|
-
var version = "15.
|
|
218
|
+
var version = "15.15.0";
|
|
169
219
|
|
|
220
|
+
exports.Tag = Tag$1;
|
|
221
|
+
exports.TagList = TagList$1;
|
|
170
222
|
exports["default"] = Tag$1;
|
|
171
223
|
exports.version = version;
|
|
@@ -12,7 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
require('prop-types');
|
|
15
|
-
require('react');
|
|
15
|
+
var react$1 = require('react');
|
|
16
16
|
var react = require('@emotion/react');
|
|
17
17
|
var reactRouterDom = require('react-router-dom');
|
|
18
18
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
@@ -23,6 +23,8 @@ var _styled = require('@emotion/styled/base');
|
|
|
23
23
|
var Text = require('@commercetools-uikit/text');
|
|
24
24
|
var Spacings = require('@commercetools-uikit/spacings');
|
|
25
25
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
26
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
27
|
+
var utils = require('@commercetools-uikit/utils');
|
|
26
28
|
|
|
27
29
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
28
30
|
|
|
@@ -39,6 +41,7 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
|
39
41
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
40
42
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
41
43
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
44
|
+
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
42
45
|
|
|
43
46
|
var defaultProps$1 = {
|
|
44
47
|
type: 'normal',
|
|
@@ -97,9 +100,9 @@ TagBody.defaultProps = defaultProps$1;
|
|
|
97
100
|
TagBody.displayName = 'TagBody';
|
|
98
101
|
var TagBody$1 = TagBody;
|
|
99
102
|
|
|
100
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
103
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
101
104
|
|
|
102
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
105
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
103
106
|
var defaultProps = {
|
|
104
107
|
type: 'normal',
|
|
105
108
|
isDisabled: false,
|
|
@@ -119,7 +122,7 @@ var Tag = function Tag(props) {
|
|
|
119
122
|
max: props.horizontalConstraint,
|
|
120
123
|
children: jsxRuntime.jsxs("div", {
|
|
121
124
|
css: /*#__PURE__*/react.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + ("" ), "" ),
|
|
122
|
-
children: [jsxRuntime.jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
|
|
125
|
+
children: [jsxRuntime.jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
|
|
123
126
|
styles: props.styles,
|
|
124
127
|
type: props.type,
|
|
125
128
|
onClick: props.onClick,
|
|
@@ -145,8 +148,41 @@ Tag.defaultProps = defaultProps;
|
|
|
145
148
|
Tag.displayName = 'Tag';
|
|
146
149
|
var Tag$1 = Tag;
|
|
147
150
|
|
|
151
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
152
|
+
|
|
153
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
154
|
+
|
|
155
|
+
var TagListContainer = /*#__PURE__*/_styled__default["default"]("div", {
|
|
156
|
+
target: "e1t0l8771"
|
|
157
|
+
} )({
|
|
158
|
+
name: "798ujy",
|
|
159
|
+
styles: "width:100%;display:flex;flex-wrap:wrap"
|
|
160
|
+
} );
|
|
161
|
+
|
|
162
|
+
var TagListItem = /*#__PURE__*/_styled__default["default"]("div", {
|
|
163
|
+
target: "e1t0l8770"
|
|
164
|
+
} )("margin:", designSystem.designTokens.marginForTagList, ";" + ("" ));
|
|
165
|
+
|
|
166
|
+
var TagList = function TagList(props) {
|
|
167
|
+
return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
168
|
+
className: props.className
|
|
169
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
170
|
+
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (tag) {
|
|
171
|
+
return jsxRuntime.jsx(TagListItem, {
|
|
172
|
+
children: tag
|
|
173
|
+
});
|
|
174
|
+
})
|
|
175
|
+
}));
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
TagList.propTypes = {};
|
|
179
|
+
TagList.displayName = 'TagList';
|
|
180
|
+
var TagList$1 = TagList;
|
|
181
|
+
|
|
148
182
|
// NOTE: This string will be replaced on build time with the package version.
|
|
149
|
-
var version = "15.
|
|
183
|
+
var version = "15.15.0";
|
|
150
184
|
|
|
185
|
+
exports.Tag = Tag$1;
|
|
186
|
+
exports.TagList = TagList$1;
|
|
151
187
|
exports["default"] = Tag$1;
|
|
152
188
|
exports.version = version;
|
|
@@ -8,7 +8,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
10
|
import _pt from 'prop-types';
|
|
11
|
-
import 'react';
|
|
11
|
+
import { Children } from 'react';
|
|
12
12
|
import { css } from '@emotion/react';
|
|
13
13
|
import { Link } from 'react-router-dom';
|
|
14
14
|
import { useTheme, designTokens } from '@commercetools-uikit/design-system';
|
|
@@ -19,6 +19,8 @@ import _styled from '@emotion/styled/base';
|
|
|
19
19
|
import Text from '@commercetools-uikit/text';
|
|
20
20
|
import Spacings from '@commercetools-uikit/spacings';
|
|
21
21
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
22
|
+
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
23
|
+
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
22
24
|
|
|
23
25
|
var defaultProps$1 = {
|
|
24
26
|
type: 'normal',
|
|
@@ -85,9 +87,9 @@ TagBody.defaultProps = defaultProps$1;
|
|
|
85
87
|
TagBody.displayName = 'TagBody';
|
|
86
88
|
var TagBody$1 = TagBody;
|
|
87
89
|
|
|
88
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
90
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
89
91
|
|
|
90
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
92
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
91
93
|
var defaultProps = {
|
|
92
94
|
type: 'normal',
|
|
93
95
|
isDisabled: false,
|
|
@@ -107,7 +109,7 @@ var Tag = function Tag(props) {
|
|
|
107
109
|
max: props.horizontalConstraint,
|
|
108
110
|
children: jsxs("div", {
|
|
109
111
|
css: /*#__PURE__*/css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designTokens.backgroundColorForTagWarning : designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designTokens.backgroundColorForTagWarning : designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZnQiIsImZpbGUiOiJ0YWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIE1vdXNlRXZlbnQsIEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUJvbGRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFRhZ0JvZHkgZnJvbSAnLi90YWctYm9keSc7XG5cbmV4cG9ydCB0eXBlIFRUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyBjb2xvciBzY2hlbWUgb2YgdGhlIHRhZy5cbiAgICovXG4gIHR5cGU/OiAnbm9ybWFsJyB8ICd3YXJuaW5nJztcbiAgLyoqXG4gICAqIFN0eWxlcyBvYmplY3QgdGhhdCBpcyBzcHJlYWQgaW50byB0aGUgdGFnIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPjtcbiAgLyoqXG4gICAqIExpbmsgb2YgdGhlIHRhZyB3aGVuIG5vdCBkaXNhYmxlZFxuICAgKi9cbiAgdG8/OiBzdHJpbmcgfCBMb2NhdGlvbkRlc2NyaXB0b3I7XG4gIC8qKlxuICAgKiBEaXNhYmxlIHRoZSB0YWcgZWxlbWVudCBhbG9uZyB3aXRoIHRoZSBvcHRpb24gdG8gcmVtb3ZlIGl0LlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBZGRzIHRoZSBkcmFnZ2FibGUgaWNvbiBvbiB0aGUgbGVmdCBzaWRlLlxuICAgKi9cbiAgaXNEcmFnZ2FibGU/OiBib29sZWFuO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGFnIGVsZW1lbnQgaXMgY2xpY2tlZC4gVGhpcyBpcyBub3QgY2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgMVxuICAgIHwgMlxuICAgIHwgM1xuICAgIHwgNFxuICAgIHwgNVxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbiAgLyoqXG4gICAqIENvbnRlbnQgcmVuZGVyZWQgd2l0aGluIHRoZSB0YWdcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRUYWdQcm9wcyxcbiAgJ3R5cGUnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzRHJhZ2dhYmxlJyB8ICdob3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIHR5cGU6ICdub3JtYWwnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNEcmFnZ2FibGU6IGZhbHNlLFxuICBob3Jpem9udGFsQ29uc3RyYWludDogJ3NjYWxlJyxcbn07XG5cbmNvbnN0IFRhZyA9IChwcm9wczogVFRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgbGlua1Byb3BzID1cbiAgICBwcm9wcy50byAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IHsgYXM6IExpbmssIHRvOiBwcm9wcy50byB9IDoge307XG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGEge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ1dhcm5pbmdcbiAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ307XG5cbiAgICAgICAgICAke3Byb3BzLm9uQ2xpY2sgJiZcbiAgICAgICAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUYWdXYXJuaW5nXG4gICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVGFnV2hlbkhvdmVyZWRcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfWB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxUYWdCb2R5XG4gICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICBzdHlsZXM9e3Byb3BzLnN0eWxlc31cbiAgICAgICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaXNEcmFnZ2FibGU9e3Byb3BzLmlzRHJhZ2dhYmxlfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L1RhZ0JvZHk+XG5cbiAgICAgICAge0Jvb2xlYW4ocHJvcHMub25SZW1vdmUpICYmICEoaXNOZXdUaGVtZSAmJiBwcm9wcy5pc0Rpc2FibGVkKSAmJiAoXG4gICAgICAgICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhZ1JlbW92ZUljb259O1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfVxuICAgICAgICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfSAwO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvclRhZ307XG4gICAgICAgICAgICAgICAgOm5vdCg6ZGlzYWJsZWQpJjpob3ZlcixcbiAgICAgICAgICAgICAgICA6bm90KDpkaXNhYmxlZCkmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkhvdmVyZWR9O1xuXG4gICAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29ufTtcbiAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ1doZW5EaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgXX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5UYWcuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnLmRpc3BsYXlOYW1lID0gJ1RhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IFRhZztcbiJdfQ== */"),
|
|
110
|
-
children: [jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
|
|
112
|
+
children: [jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
|
|
111
113
|
styles: props.styles,
|
|
112
114
|
type: props.type,
|
|
113
115
|
onClick: props.onClick,
|
|
@@ -143,7 +145,54 @@ Tag.defaultProps = defaultProps;
|
|
|
143
145
|
Tag.displayName = 'Tag';
|
|
144
146
|
var Tag$1 = Tag;
|
|
145
147
|
|
|
148
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
149
|
+
|
|
150
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
151
|
+
|
|
152
|
+
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)."; }
|
|
153
|
+
|
|
154
|
+
var TagListContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
155
|
+
target: "e1t0l8771"
|
|
156
|
+
} : {
|
|
157
|
+
target: "e1t0l8771",
|
|
158
|
+
label: "TagListContainer"
|
|
159
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
160
|
+
name: "798ujy",
|
|
161
|
+
styles: "width:100%;display:flex;flex-wrap:wrap"
|
|
162
|
+
} : {
|
|
163
|
+
name: "798ujy",
|
|
164
|
+
styles: "width:100%;display:flex;flex-wrap:wrap",
|
|
165
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */",
|
|
166
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
167
|
+
});
|
|
168
|
+
|
|
169
|
+
var TagListItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
170
|
+
target: "e1t0l8770"
|
|
171
|
+
} : {
|
|
172
|
+
target: "e1t0l8770",
|
|
173
|
+
label: "TagListItem"
|
|
174
|
+
})("margin:", designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
|
|
175
|
+
|
|
176
|
+
var TagList = function TagList(props) {
|
|
177
|
+
return jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
178
|
+
className: props.className
|
|
179
|
+
}, filterDataAttributes(props)), {}, {
|
|
180
|
+
children: _mapInstanceProperty(Children).call(Children, props.children, function (tag) {
|
|
181
|
+
return jsx(TagListItem, {
|
|
182
|
+
children: tag
|
|
183
|
+
});
|
|
184
|
+
})
|
|
185
|
+
}));
|
|
186
|
+
};
|
|
187
|
+
|
|
188
|
+
TagList.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
189
|
+
children: _pt.node.isRequired,
|
|
190
|
+
className: _pt.string
|
|
191
|
+
} : {};
|
|
192
|
+
TagList.displayName = 'TagList';
|
|
193
|
+
var TagList$1 = TagList;
|
|
194
|
+
|
|
146
195
|
// NOTE: This string will be replaced on build time with the package version.
|
|
147
|
-
var version = "15.
|
|
196
|
+
var version = "15.15.0";
|
|
148
197
|
|
|
149
|
-
export { Tag$1 as default, version };
|
|
198
|
+
export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './tag-list';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
export type TTagListProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const TagList: {
|
|
7
|
+
(props: TTagListProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
export default TagList;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/tag",
|
|
3
3
|
"description": "A tag is often used for items that need to be labeled or categorized.",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.15.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,13 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "15.
|
|
25
|
-
"@commercetools-uikit/constraints": "15.
|
|
26
|
-
"@commercetools-uikit/design-system": "15.
|
|
27
|
-
"@commercetools-uikit/icons": "15.
|
|
28
|
-
"@commercetools-uikit/spacings": "15.
|
|
29
|
-
"@commercetools-uikit/text": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.15.0",
|
|
25
|
+
"@commercetools-uikit/constraints": "15.15.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "15.15.0",
|
|
27
|
+
"@commercetools-uikit/icons": "15.15.0",
|
|
28
|
+
"@commercetools-uikit/spacings": "15.15.0",
|
|
29
|
+
"@commercetools-uikit/text": "15.15.0",
|
|
30
|
+
"@commercetools-uikit/utils": "15.15.0",
|
|
30
31
|
"@emotion/react": "^11.10.5",
|
|
31
32
|
"@emotion/styled": "^11.10.5",
|
|
32
33
|
"prop-types": "15.8.1",
|