@amboss/design-system 1.15.4 → 1.16.1--canary
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/build/cjs/src/components/Card/Card.js +5 -35
- package/build/cjs/src/components/Container/Container.js +23 -7
- package/build/cjs/src/components/SearchResult/SearchResult.js +109 -62
- package/build/cjs/src/components/Tag/Tag.js +6 -4
- package/build/cjs/src/components/TagGroup/TagGroup.js +118 -0
- package/build/cjs/src/index.js +3 -0
- package/build/esm/build-tokens/_sizes.json +1 -1
- package/build/esm/src/components/Card/Card.js +5 -34
- package/build/esm/src/components/Card/Card.js.map +1 -1
- package/build/esm/src/components/Container/Container.d.ts +4 -1
- package/build/esm/src/components/Container/Container.js +23 -7
- package/build/esm/src/components/Container/Container.js.map +1 -1
- package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -4
- package/build/esm/src/components/SearchResult/SearchResult.js +109 -62
- package/build/esm/src/components/SearchResult/SearchResult.js.map +1 -1
- package/build/esm/src/components/Tag/Tag.d.ts +1 -0
- package/build/esm/src/components/Tag/Tag.js +6 -5
- package/build/esm/src/components/Tag/Tag.js.map +1 -1
- package/build/esm/src/components/TagGroup/TagGroup.d.ts +17 -0
- package/build/esm/src/components/TagGroup/TagGroup.js +112 -0
- package/build/esm/src/components/TagGroup/TagGroup.js.map +1 -0
- package/build/esm/src/index.d.ts +1 -0
- package/build/esm/src/index.js +2 -1
- package/build/esm/src/index.js.map +1 -1
- package/build/{cjs/scss → scss}/themes/dark.scss +1 -1
- package/build/{cjs/scss → scss}/themes/light.scss +1 -1
- package/package.json +1 -1
- package/build/esm/scss/themes/dark.scss +0 -111
- package/build/esm/scss/themes/light.scss +0 -111
|
@@ -9,6 +9,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
9
9
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
11
|
|
|
12
|
+
const MAX_TAG_WIDTH = 200;
|
|
12
13
|
const TagContainer = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
|
|
13
14
|
target: "e1i6narj2"
|
|
14
15
|
} : {
|
|
@@ -23,7 +24,7 @@ const TagContainer = /*#__PURE__*/_styled__default.default("span", process.env.N
|
|
|
23
24
|
return {
|
|
24
25
|
display: "inline-flex",
|
|
25
26
|
alignItems: "center",
|
|
26
|
-
maxWidth:
|
|
27
|
+
maxWidth: `${MAX_TAG_WIDTH}px`,
|
|
27
28
|
paddingLeft: theme.variables.size.spacing.xs,
|
|
28
29
|
paddingRight: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xs,
|
|
29
30
|
paddingTop: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xxs,
|
|
@@ -35,7 +36,7 @@ const TagContainer = /*#__PURE__*/_styled__default.default("span", process.env.N
|
|
|
35
36
|
fontSize: theme.variables.size.font.text.s,
|
|
36
37
|
lineHeight: theme.variables.size.lineHeight.text.xs
|
|
37
38
|
};
|
|
38
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
39
40
|
const TagLabel = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
|
|
40
41
|
target: "e1i6narj1"
|
|
41
42
|
} : {
|
|
@@ -45,7 +46,7 @@ const TagLabel = /*#__PURE__*/_styled__default.default("span", process.env.NODE_
|
|
|
45
46
|
overflow: "hidden",
|
|
46
47
|
textOverflow: "ellipsis",
|
|
47
48
|
whiteSpace: "nowrap"
|
|
48
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
49
50
|
const ClearButton = /*#__PURE__*/_styled__default.default(PictogramButton.PictogramButton, process.env.NODE_ENV === "production" ? {
|
|
50
51
|
target: "e1i6narj0"
|
|
51
52
|
} : {
|
|
@@ -63,7 +64,7 @@ const ClearButton = /*#__PURE__*/_styled__default.default(PictogramButton.Pictog
|
|
|
63
64
|
color: theme.values.color.tag.text[colorVariant]
|
|
64
65
|
}
|
|
65
66
|
};
|
|
66
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
67
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
67
68
|
function Tag(_ref3) {
|
|
68
69
|
let {
|
|
69
70
|
label,
|
|
@@ -87,4 +88,5 @@ function Tag(_ref3) {
|
|
|
87
88
|
}));
|
|
88
89
|
}
|
|
89
90
|
|
|
91
|
+
exports.MAX_TAG_WIDTH = MAX_TAG_WIDTH;
|
|
90
92
|
exports.Tag = Tag;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _styled = require('@emotion/styled/base');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var react = require('@emotion/react');
|
|
6
|
+
var Tag = require('../Tag/Tag.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
const shrink = currentWidth => react.keyframes({
|
|
14
|
+
from: {
|
|
15
|
+
width: `${currentWidth}px`
|
|
16
|
+
},
|
|
17
|
+
to: {
|
|
18
|
+
width: "0px"
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
22
|
+
target: "e11cnm531"
|
|
23
|
+
} : {
|
|
24
|
+
target: "e11cnm531",
|
|
25
|
+
label: "StyledContainer"
|
|
26
|
+
})(_ref => {
|
|
27
|
+
let {
|
|
28
|
+
theme
|
|
29
|
+
} = _ref;
|
|
30
|
+
return {
|
|
31
|
+
display: "flex",
|
|
32
|
+
flexWrap: "wrap",
|
|
33
|
+
gap: theme.variables.size.spacing.xs
|
|
34
|
+
};
|
|
35
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZ0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6IlRhZ0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGFnLCBUYWdQcm9wcywgTUFYX1RBR19XSURUSCB9IGZyb20gXCIuLi9UYWcvVGFnXCI7XG5cbnR5cGUgQmFzZVRhZ0dyb3VwUHJvcHMgPSB7XG4gIHRhZ3M6IFRhZ1Byb3BzW107XG4gIGNvbG9yVmFyaWFudD86IFRhZ1Byb3BzW1wiY29sb3JWYXJpYW50XCJdO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzID1cbiAgfCB7XG4gICAgICBpc1RhZ1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25SZW1vdmVUYWc/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNUYWdSZW1vdmFibGU6IHRydWU7XG4gICAgICBvblJlbW92ZVRhZzogKHRhZzogVGFnUHJvcHMpID0+IHZvaWQ7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnR3JvdXBQcm9wcyA9IEJhc2VUYWdHcm91cFByb3BzICYgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzO1xuXG5jb25zdCBzaHJpbmsgPSAoY3VycmVudFdpZHRoOiBudW1iZXIpID0+XG4gIGtleWZyYW1lcyh7XG4gICAgZnJvbToge1xuICAgICAgd2lkdGg6IGAke2N1cnJlbnRXaWR0aH1weGAsXG4gICAgfSxcbiAgICB0bzoge1xuICAgICAgd2lkdGg6IFwiMHB4XCIsXG4gICAgfSxcbiAgfSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZFRhZ0NvbnRhaW5lclByb3BzID0ge1xuICB0b0JlUmVtb3ZlZD86IGJvb2xlYW47XG4gIHRhZ1dpZHRoPzogbnVtYmVyO1xufTtcbmNvbnN0IFN0eWxlZFRhZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkVGFnQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgdG9CZVJlbW92ZWQsIHRhZ1dpZHRoIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG5cbiAgICAuLi4odG9CZVJlbW92ZWQgJiYge1xuICAgICAgb3BhY2l0eTogMCxcbiAgICAgIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICBhbmltYXRpb246IGAwLjJzIGVhc2Utb3V0IDBzIG5vcm1hbCBmb3J3YXJkcyAke3Nocmluayh0YWdXaWR0aCl9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWdHcm91cCh7XG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1RhZ1JlbW92YWJsZSA9IGZhbHNlLFxuICB0YWdzLFxuICBvblJlbW92ZVRhZyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdHcm91cFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW3RhZ1RvQmVSZW1vdmVkLCBzZXRUYWdUb0JlUmVtb3ZlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKCk7XG5cbiAgY29uc3QgaGFuZGxlVGFnUmVtb3ZlID0gKHRhZzogVGFnUHJvcHMsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICBsZXQgd2lkdGggPSBNQVhfVEFHX1dJRFRIO1xuXG4gICAgaWYgKGNvbnRhaW5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXI6IEhUTUxEaXZFbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0YWdFbG0gPSBjb250YWluZXIuY2hpbGRyZW5baW5kZXhdO1xuXG4gICAgICB3aWR0aCA9IHRhZ0VsbS5jbGllbnRXaWR0aDtcbiAgICB9XG5cbiAgICBzZXRUYWdUb0JlUmVtb3ZlZCh7XG4gICAgICB0YWcsXG4gICAgICB0YWdXaWR0aDogd2lkdGgsXG4gICAgfSk7XG4gIH07XG5cbiAgLy8gUmVtb3ZlIFRhZyBhZnRlciBzaHJpbmsgYW5pbWF0aW9uXG4gIGNvbnN0IGhhbmRsZUFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAob25SZW1vdmVUYWcpIHtcbiAgICAgIG9uUmVtb3ZlVGFnKHRhZ1RvQmVSZW1vdmVkLnRhZyk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHRhZ0VsbXMgPSB0YWdzLm1hcCgodGFnLCBpbmRleCkgPT4ge1xuICAgIGNvbnN0IHsgbGFiZWwsIGNsZWFyQnRuQXJpYUxhYmVsIH0gPSB0YWc7XG5cbiAgICBpZiAoaXNUYWdSZW1vdmFibGUpIHtcbiAgICAgIGNvbnN0IGlzVG9CZVJlbW92ZWRUYWcgPVxuICAgICAgICB0YWdUb0JlUmVtb3ZlZCAmJiB0YWdUb0JlUmVtb3ZlZC50YWcubGFiZWwgPT09IGxhYmVsO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkVGFnQ29udGFpbmVyXG4gICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICB0b0JlUmVtb3ZlZD17aXNUb0JlUmVtb3ZlZFRhZ31cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17aGFuZGxlQW5pbWF0aW9uRW5kfVxuICAgICAgICAgIHRhZ1dpZHRoPXtpc1RvQmVSZW1vdmVkVGFnICYmIHRhZ1RvQmVSZW1vdmVkLnRhZ1dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgICAgICBjbGVhckJ0bkFyaWFMYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgICBvbkNsZWFyPXsoKSA9PiBoYW5kbGVUYWdSZW1vdmUodGFnLCBpbmRleCl9XG4gICAgICAgICAgICBpc1JlbW92YWJsZVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVGFnQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRhZyBrZXk9e2xhYmVsfSBsYWJlbD17bGFiZWx9IGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fSAvPjtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ0dyb3VwXCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIHt0YWdFbG1zfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
36
|
+
const StyledTagContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
37
|
+
target: "e11cnm530"
|
|
38
|
+
} : {
|
|
39
|
+
target: "e11cnm530",
|
|
40
|
+
label: "StyledTagContainer"
|
|
41
|
+
})(_ref2 => {
|
|
42
|
+
let {
|
|
43
|
+
theme,
|
|
44
|
+
toBeRemoved,
|
|
45
|
+
tagWidth
|
|
46
|
+
} = _ref2;
|
|
47
|
+
return {
|
|
48
|
+
overflow: "hidden",
|
|
49
|
+
...(toBeRemoved && {
|
|
50
|
+
opacity: 0,
|
|
51
|
+
marginLeft: `-${theme.variables.size.spacing.xs}`,
|
|
52
|
+
animation: `0.2s ease-out 0s normal forwards ${shrink(tagWidth)}`
|
|
53
|
+
})
|
|
54
|
+
};
|
|
55
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZ0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCIiwiZmlsZSI6IlRhZ0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGFnLCBUYWdQcm9wcywgTUFYX1RBR19XSURUSCB9IGZyb20gXCIuLi9UYWcvVGFnXCI7XG5cbnR5cGUgQmFzZVRhZ0dyb3VwUHJvcHMgPSB7XG4gIHRhZ3M6IFRhZ1Byb3BzW107XG4gIGNvbG9yVmFyaWFudD86IFRhZ1Byb3BzW1wiY29sb3JWYXJpYW50XCJdO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzID1cbiAgfCB7XG4gICAgICBpc1RhZ1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25SZW1vdmVUYWc/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNUYWdSZW1vdmFibGU6IHRydWU7XG4gICAgICBvblJlbW92ZVRhZzogKHRhZzogVGFnUHJvcHMpID0+IHZvaWQ7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnR3JvdXBQcm9wcyA9IEJhc2VUYWdHcm91cFByb3BzICYgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzO1xuXG5jb25zdCBzaHJpbmsgPSAoY3VycmVudFdpZHRoOiBudW1iZXIpID0+XG4gIGtleWZyYW1lcyh7XG4gICAgZnJvbToge1xuICAgICAgd2lkdGg6IGAke2N1cnJlbnRXaWR0aH1weGAsXG4gICAgfSxcbiAgICB0bzoge1xuICAgICAgd2lkdGg6IFwiMHB4XCIsXG4gICAgfSxcbiAgfSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZFRhZ0NvbnRhaW5lclByb3BzID0ge1xuICB0b0JlUmVtb3ZlZD86IGJvb2xlYW47XG4gIHRhZ1dpZHRoPzogbnVtYmVyO1xufTtcbmNvbnN0IFN0eWxlZFRhZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkVGFnQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgdG9CZVJlbW92ZWQsIHRhZ1dpZHRoIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG5cbiAgICAuLi4odG9CZVJlbW92ZWQgJiYge1xuICAgICAgb3BhY2l0eTogMCxcbiAgICAgIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICBhbmltYXRpb246IGAwLjJzIGVhc2Utb3V0IDBzIG5vcm1hbCBmb3J3YXJkcyAke3Nocmluayh0YWdXaWR0aCl9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWdHcm91cCh7XG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1RhZ1JlbW92YWJsZSA9IGZhbHNlLFxuICB0YWdzLFxuICBvblJlbW92ZVRhZyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdHcm91cFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW3RhZ1RvQmVSZW1vdmVkLCBzZXRUYWdUb0JlUmVtb3ZlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKCk7XG5cbiAgY29uc3QgaGFuZGxlVGFnUmVtb3ZlID0gKHRhZzogVGFnUHJvcHMsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICBsZXQgd2lkdGggPSBNQVhfVEFHX1dJRFRIO1xuXG4gICAgaWYgKGNvbnRhaW5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXI6IEhUTUxEaXZFbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0YWdFbG0gPSBjb250YWluZXIuY2hpbGRyZW5baW5kZXhdO1xuXG4gICAgICB3aWR0aCA9IHRhZ0VsbS5jbGllbnRXaWR0aDtcbiAgICB9XG5cbiAgICBzZXRUYWdUb0JlUmVtb3ZlZCh7XG4gICAgICB0YWcsXG4gICAgICB0YWdXaWR0aDogd2lkdGgsXG4gICAgfSk7XG4gIH07XG5cbiAgLy8gUmVtb3ZlIFRhZyBhZnRlciBzaHJpbmsgYW5pbWF0aW9uXG4gIGNvbnN0IGhhbmRsZUFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAob25SZW1vdmVUYWcpIHtcbiAgICAgIG9uUmVtb3ZlVGFnKHRhZ1RvQmVSZW1vdmVkLnRhZyk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHRhZ0VsbXMgPSB0YWdzLm1hcCgodGFnLCBpbmRleCkgPT4ge1xuICAgIGNvbnN0IHsgbGFiZWwsIGNsZWFyQnRuQXJpYUxhYmVsIH0gPSB0YWc7XG5cbiAgICBpZiAoaXNUYWdSZW1vdmFibGUpIHtcbiAgICAgIGNvbnN0IGlzVG9CZVJlbW92ZWRUYWcgPVxuICAgICAgICB0YWdUb0JlUmVtb3ZlZCAmJiB0YWdUb0JlUmVtb3ZlZC50YWcubGFiZWwgPT09IGxhYmVsO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkVGFnQ29udGFpbmVyXG4gICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICB0b0JlUmVtb3ZlZD17aXNUb0JlUmVtb3ZlZFRhZ31cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17aGFuZGxlQW5pbWF0aW9uRW5kfVxuICAgICAgICAgIHRhZ1dpZHRoPXtpc1RvQmVSZW1vdmVkVGFnICYmIHRhZ1RvQmVSZW1vdmVkLnRhZ1dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgICAgICBjbGVhckJ0bkFyaWFMYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgICBvbkNsZWFyPXsoKSA9PiBoYW5kbGVUYWdSZW1vdmUodGFnLCBpbmRleCl9XG4gICAgICAgICAgICBpc1JlbW92YWJsZVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVGFnQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRhZyBrZXk9e2xhYmVsfSBsYWJlbD17bGFiZWx9IGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fSAvPjtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ0dyb3VwXCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIHt0YWdFbG1zfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
56
|
+
function TagGroup(_ref3) {
|
|
57
|
+
let {
|
|
58
|
+
colorVariant = "gray",
|
|
59
|
+
isTagRemovable = false,
|
|
60
|
+
tags,
|
|
61
|
+
onRemoveTag,
|
|
62
|
+
"data-e2e-test-id": dataE2eTestId
|
|
63
|
+
} = _ref3;
|
|
64
|
+
const [tagToBeRemoved, setTagToBeRemoved] = React.useState(null);
|
|
65
|
+
const containerRef = React.useRef();
|
|
66
|
+
const handleTagRemove = (tag, index) => {
|
|
67
|
+
let width = Tag.MAX_TAG_WIDTH;
|
|
68
|
+
if (containerRef.current) {
|
|
69
|
+
const container = containerRef.current;
|
|
70
|
+
const tagElm = container.children[index];
|
|
71
|
+
width = tagElm.clientWidth;
|
|
72
|
+
}
|
|
73
|
+
setTagToBeRemoved({
|
|
74
|
+
tag,
|
|
75
|
+
tagWidth: width
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
// Remove Tag after shrink animation
|
|
80
|
+
const handleAnimationEnd = () => {
|
|
81
|
+
if (onRemoveTag) {
|
|
82
|
+
onRemoveTag(tagToBeRemoved.tag);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
const tagElms = tags.map((tag, index) => {
|
|
86
|
+
const {
|
|
87
|
+
label,
|
|
88
|
+
clearBtnAriaLabel
|
|
89
|
+
} = tag;
|
|
90
|
+
if (isTagRemovable) {
|
|
91
|
+
const isToBeRemovedTag = tagToBeRemoved && tagToBeRemoved.tag.label === label;
|
|
92
|
+
return /*#__PURE__*/React__default.default.createElement(StyledTagContainer, {
|
|
93
|
+
key: label,
|
|
94
|
+
toBeRemoved: isToBeRemovedTag,
|
|
95
|
+
onAnimationEnd: handleAnimationEnd,
|
|
96
|
+
tagWidth: isToBeRemovedTag && tagToBeRemoved.tagWidth
|
|
97
|
+
}, /*#__PURE__*/React__default.default.createElement(Tag.Tag, {
|
|
98
|
+
label: label,
|
|
99
|
+
colorVariant: colorVariant,
|
|
100
|
+
clearBtnAriaLabel: clearBtnAriaLabel,
|
|
101
|
+
onClear: () => handleTagRemove(tag, index),
|
|
102
|
+
isRemovable: true
|
|
103
|
+
}));
|
|
104
|
+
}
|
|
105
|
+
return /*#__PURE__*/React__default.default.createElement(Tag.Tag, {
|
|
106
|
+
key: label,
|
|
107
|
+
label: label,
|
|
108
|
+
colorVariant: colorVariant
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
|
|
112
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
113
|
+
"data-ds-id": "TagGroup",
|
|
114
|
+
ref: containerRef
|
|
115
|
+
}, tagElms);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
exports.TagGroup = TagGroup;
|
package/build/cjs/src/index.js
CHANGED
|
@@ -48,6 +48,7 @@ var Pagination = require('./components/Pagination/Pagination.js');
|
|
|
48
48
|
var SegmentedControl = require('./components/Form/SegmentedControl/SegmentedControl.js');
|
|
49
49
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
50
50
|
var Tag = require('./components/Tag/Tag.js');
|
|
51
|
+
var TagGroup = require('./components/TagGroup/TagGroup.js');
|
|
51
52
|
var Input = require('./components/Form/Input/Input.js');
|
|
52
53
|
var PasswordInput = require('./components/Form/PasswordInput/PasswordInput.js');
|
|
53
54
|
var DataTable = require('./components/DataTable/DataTable.js');
|
|
@@ -126,7 +127,9 @@ exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
|
|
|
126
127
|
exports.Pagination = Pagination.Pagination;
|
|
127
128
|
exports.SegmentedControl = SegmentedControl.SegmentedControl;
|
|
128
129
|
exports.Tooltip = Tooltip.Tooltip;
|
|
130
|
+
exports.MAX_TAG_WIDTH = Tag.MAX_TAG_WIDTH;
|
|
129
131
|
exports.Tag = Tag.Tag;
|
|
132
|
+
exports.TagGroup = TagGroup.TagGroup;
|
|
130
133
|
exports.Input = Input.Input;
|
|
131
134
|
exports.PasswordInput = PasswordInput.PasswordInput;
|
|
132
135
|
exports.BaseDataTable = DataTable.BaseDataTable;
|
|
@@ -1,39 +1,9 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { CardHeader } from './CardHeader/CardHeader.js';
|
|
4
3
|
import { informDeprecation } from '../../shared/informDeprecation.js';
|
|
4
|
+
import { Container } from '../Container/Container.js';
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
target: "eieabd00"
|
|
8
|
-
} : {
|
|
9
|
-
target: "eieabd00",
|
|
10
|
-
label: "StyledContainer"
|
|
11
|
-
})(_ref => {
|
|
12
|
-
let {
|
|
13
|
-
theme,
|
|
14
|
-
overflow,
|
|
15
|
-
squareCorners
|
|
16
|
-
} = _ref;
|
|
17
|
-
return {
|
|
18
|
-
...(squareCorners ? {
|
|
19
|
-
borderRadius: 0
|
|
20
|
-
} : {
|
|
21
|
-
borderRadius: theme.variables.size.borderRadius.card.m,
|
|
22
|
-
"& > *:last-child": {
|
|
23
|
-
borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,
|
|
24
|
-
borderBottomRightRadius: theme.variables.size.borderRadius.card.m
|
|
25
|
-
},
|
|
26
|
-
"& > *:first-child": {
|
|
27
|
-
borderTopLeftRadius: theme.variables.size.borderRadius.card.m,
|
|
28
|
-
borderTopRightRadius: theme.variables.size.borderRadius.card.m
|
|
29
|
-
}
|
|
30
|
-
}),
|
|
31
|
-
boxShadow: theme.variables.shadow.card.a,
|
|
32
|
-
backgroundColor: theme.values.color.background.primary.default,
|
|
33
|
-
overflow
|
|
34
|
-
};
|
|
35
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmRIZWFkZXIgfSBmcm9tIFwiLi9DYXJkSGVhZGVyL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51UHJvcHMgfSBmcm9tIFwiLi4vRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudVwiO1xuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIC8qKiBTcGVjaWZ5IHRpdGxlIGRpc3BsYXllZCBpbiBIZWFkZXIgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkIFN1YnRpdGxlIGlzIG5vdyBkZXByZWNhdGVkICovXG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBAZGVwcmVjYXRlZCBidXR0b24gcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcC4gKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIGRyb3Bkb3duPzogT21pdDxEcm9wZG93bk1lbnVQcm9wcywgXCJpY29uTmFtZVwiIHwgXCJzaXplXCI+O1xuXG4gIG92ZXJmbG93PzogXCJhdXRvXCIgfCBcImhpZGRlblwiIHwgXCJ2aXNpYmxlXCI7XG5cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FyZFByb3BzPj4oXG4gICh7IHRoZW1lLCBvdmVyZmxvdywgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImID4gKjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdyxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXJkKHtcbiAgdGl0bGUsXG4gIHN1YnRpdGxlLFxuICBidXR0b24sXG4gIGRyb3Bkb3duLFxuICBjaGlsZHJlbixcbiAgb3ZlcmZsb3cgPSBcImhpZGRlblwiLFxuICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ2FyZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaW5mb3JtRGVwcmVjYXRpb24oXG4gICAgc3VidGl0bGUsXG4gICAgc3VidGl0bGUsXG4gICAgXCJDYXJkXCIsXG4gICAgXCJTdWJ0aXRsZSBpcyBub3cgYSBkZXByaWNhdGVkIHByb3AsIHBsZWFzZSBkaXNjdXNzIGEgd29ya2Fyb3VuZCB3aXRoIGFueSBvZiBVWCBkZXNpZ25lcnNcIlxuICApO1xuXG4gIGluZm9ybURlcHJlY2F0aW9uKFxuICAgIGJ1dHRvbixcbiAgICBidXR0b24sXG4gICAgXCJDYXJkXCIsXG4gICAgXCJCdXR0b24gaXMgZGVwcmVjYXRlZCwgcGxlYXNlIHVzZSBkcm9wZG93biBwcm9wZXJ0eSBpbnN0ZWFkXCJcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FyZFwiXG4gICAgICBvdmVyZmxvdz17b3ZlcmZsb3d9XG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgID5cbiAgICAgIHsoYnV0dG9uIHx8IGRyb3Bkb3duIHx8IHN1YnRpdGxlIHx8IHRpdGxlKSAmJiAoXG4gICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgIHN1YnRpdGxlPXtzdWJ0aXRsZX1cbiAgICAgICAgICBidXR0b249e2J1dHRvbn1cbiAgICAgICAgICBkcm9wZG93bj17ZHJvcGRvd259XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
36
|
-
function Card(_ref2) {
|
|
6
|
+
function Card(_ref) {
|
|
37
7
|
let {
|
|
38
8
|
title,
|
|
39
9
|
subtitle,
|
|
@@ -43,10 +13,11 @@ function Card(_ref2) {
|
|
|
43
13
|
overflow = "hidden",
|
|
44
14
|
squareCorners = false,
|
|
45
15
|
"data-e2e-test-id": dataE2eTestId
|
|
46
|
-
} =
|
|
16
|
+
} = _ref;
|
|
47
17
|
informDeprecation(subtitle, subtitle, "Card", "Subtitle is now a depricated prop, please discuss a workaround with any of UX designers");
|
|
48
18
|
informDeprecation(button, button, "Card", "Button is deprecated, please use dropdown property instead");
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
19
|
+
return /*#__PURE__*/React.createElement(Container, {
|
|
20
|
+
elevation: 1,
|
|
50
21
|
"data-e2e-test-id": dataE2eTestId,
|
|
51
22
|
"data-ds-id": "Card",
|
|
52
23
|
overflow: overflow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\nimport { Container } from \"../Container/Container\";\n\nexport type CardProps = {\n /** Specify title displayed in Header */\n title?: string;\n\n /** @deprecated Subtitle is now deprecated */\n subtitle?: string;\n\n /** @deprecated button property is deprecated now. Please use dropdown prop. */\n button?: React.ReactElement;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n overflow?: \"auto\" | \"hidden\" | \"visible\";\n\n squareCorners?: boolean;\n\n children?: React.ReactNode;\n\n \"data-e2e-test-id\"?: string;\n};\n\nexport function Card({\n title,\n subtitle,\n button,\n dropdown,\n children,\n overflow = \"hidden\",\n squareCorners = false,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n informDeprecation(\n subtitle,\n subtitle,\n \"Card\",\n \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n );\n\n informDeprecation(\n button,\n button,\n \"Card\",\n \"Button is deprecated, please use dropdown property instead\"\n );\n\n return (\n <Container\n elevation={1}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Card\"\n overflow={overflow}\n squareCorners={squareCorners}\n >\n {(button || dropdown || subtitle || title) && (\n <CardHeader\n title={title}\n subtitle={subtitle}\n button={button}\n dropdown={dropdown}\n />\n )}\n {children}\n </Container>\n );\n}\n"],"names":["Card","_ref","title","subtitle","button","dropdown","children","overflow","squareCorners","dataE2eTestId","informDeprecation","React","createElement","Container","elevation","CardHeader"],"mappings":";;;;;AA2BO,SAASA,IAAIA,CAAAC,IAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEC,aAAAA;AACX,GAAC,GAAAR,IAAA,CAAA;EACVS,iBAAiB,CACfP,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFACF,CAAC,CAAA;EAEDO,iBAAiB,CACfN,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DACF,CAAC,CAAA;AAED,EAAA,oBACEO,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AACRC,IAAAA,SAAS,EAAE,CAAE;AACb,IAAA,kBAAA,EAAkBL,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjBF,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,CAACJ,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCS,KAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;AACTb,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GACX,CACF,EACAC,QACQ,CAAC,CAAA;AAEhB;;;;"}
|
|
@@ -6,6 +6,9 @@ export declare type ContainerProps = {
|
|
|
6
6
|
borderRadius?: BorderRadius;
|
|
7
7
|
overflow?: "auto" | "hidden" | "visible";
|
|
8
8
|
children?: React.ReactNode;
|
|
9
|
+
squareCorners?: boolean;
|
|
9
10
|
"data-e2e-test-id"?: string;
|
|
11
|
+
/** @ignore */
|
|
12
|
+
"data-ds-id"?: string;
|
|
10
13
|
};
|
|
11
|
-
export declare function Container({ children, elevation, borderRadius, overflow, "data-e2e-test-id": dataE2eTestId, }: ContainerProps): React.ReactElement;
|
|
14
|
+
export declare function Container({ children, elevation, borderRadius, overflow, squareCorners, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: ContainerProps): React.ReactElement;
|
|
@@ -27,29 +27,45 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
27
27
|
theme,
|
|
28
28
|
elevation,
|
|
29
29
|
borderRadius,
|
|
30
|
-
overflow
|
|
30
|
+
overflow,
|
|
31
|
+
squareCorners
|
|
31
32
|
} = _ref;
|
|
32
33
|
return {
|
|
33
34
|
boxShadow: handleElevationLevel(theme, elevation),
|
|
34
|
-
borderRadius: theme.variables.size.borderRadius[borderRadius],
|
|
35
35
|
backgroundColor: theme.values.color.background.primary.default,
|
|
36
|
-
overflow
|
|
36
|
+
overflow,
|
|
37
|
+
...(squareCorners ? {
|
|
38
|
+
borderRadius: 0
|
|
39
|
+
} : {
|
|
40
|
+
borderRadius: theme.variables.size.borderRadius[borderRadius],
|
|
41
|
+
"& > *:last-child": {
|
|
42
|
+
borderBottomLeftRadius: theme.variables.size.borderRadius[borderRadius],
|
|
43
|
+
borderBottomRightRadius: theme.variables.size.borderRadius[borderRadius]
|
|
44
|
+
},
|
|
45
|
+
"& > *:first-child": {
|
|
46
|
+
borderTopLeftRadius: theme.variables.size.borderRadius[borderRadius],
|
|
47
|
+
borderTopRightRadius: theme.variables.size.borderRadius[borderRadius]
|
|
48
|
+
}
|
|
49
|
+
})
|
|
37
50
|
};
|
|
38
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQm9yZGVyUmFkaXVzIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqIDAgLSBiYXNlLCAxIC0gQ2FyZCwgMiAtIFRvb2x0aXBzLCAzIC0gRHJvcGRvd25zLCA0IC0gTW9kYWxzICovXG4gIGVsZXZhdGlvbjogMCB8IDEgfCAyIHwgMyB8IDQ7XG4gIGJvcmRlclJhZGl1cz86IEJvcmRlclJhZGl1cztcbiAgb3ZlcmZsb3c/OiBcImF1dG9cIiB8IFwiaGlkZGVuXCIgfCBcInZpc2libGVcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHNxdWFyZUNvcm5lcnM/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBoYW5kbGVFbGV2YXRpb25MZXZlbCA9ICh0aGVtZTogVGhlbWUsIGVsZXZhdGlvbjogbnVtYmVyKSA9PiB7XG4gIC8qIFBhcnNpbmcgZWxldmF0aW9uIHByb3BlcnR5IHRvIG51bWJlciAqL1xuICBzd2l0Y2ggKGVsZXZhdGlvbiAtIDApIHtcbiAgICBjYXNlIDE6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmE7XG4gICAgY2FzZSAyOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5iO1xuICAgIGNhc2UgMzpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYztcbiAgICBjYXNlIDQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmQ7XG4gICAgY2FzZSAwOlxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJcIjtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oXG4gICh7IHRoZW1lLCBlbGV2YXRpb24sIGJvcmRlclJhZGl1cywgb3ZlcmZsb3csIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBib3hTaGFkb3c6IGhhbmRsZUVsZXZhdGlvbkxldmVsKHRoZW1lLCBlbGV2YXRpb24pLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIG92ZXJmbG93LFxuXG4gICAgLi4uKHNxdWFyZUNvcm5lcnNcbiAgICAgID8ge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNbYm9yZGVyUmFkaXVzXSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czpcbiAgICAgICAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzW2JvcmRlclJhZGl1c10sXG4gICAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czpcbiAgICAgICAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzW2JvcmRlclJhZGl1c10sXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiYgPiAqOmZpcnN0LWNoaWxkXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6XG4gICAgICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNdLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6XG4gICAgICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNdLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRhaW5lcih7XG4gIGNoaWxkcmVuLFxuICBlbGV2YXRpb24gPSAxLFxuICBib3JkZXJSYWRpdXMgPSBcIm1cIixcbiAgb3ZlcmZsb3csXG4gIHNxdWFyZUNvcm5lcnMgPSBmYWxzZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiQ29udGFpbmVyXCIsXG59OiBDb250YWluZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9e2RhdGFEc0lkfVxuICAgICAgZWxldmF0aW9uPXtlbGV2YXRpb259XG4gICAgICBib3JkZXJSYWRpdXM9e2JvcmRlclJhZGl1c31cbiAgICAgIG92ZXJmbG93PXtvdmVyZmxvd31cbiAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
39
52
|
function Container(_ref2) {
|
|
40
53
|
let {
|
|
41
54
|
children,
|
|
42
55
|
elevation = 1,
|
|
43
56
|
borderRadius = "m",
|
|
44
57
|
overflow,
|
|
45
|
-
|
|
58
|
+
squareCorners = false,
|
|
59
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
60
|
+
"data-ds-id": dataDsId = "Container"
|
|
46
61
|
} = _ref2;
|
|
47
62
|
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
48
63
|
"data-e2e-test-id": dataE2eTestId,
|
|
49
|
-
"data-ds-id":
|
|
64
|
+
"data-ds-id": dataDsId,
|
|
50
65
|
elevation: elevation,
|
|
51
66
|
borderRadius: borderRadius,
|
|
52
|
-
overflow: overflow
|
|
67
|
+
overflow: overflow,
|
|
68
|
+
squareCorners: squareCorners
|
|
53
69
|
}, children);
|
|
54
70
|
}
|
|
55
71
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BorderRadius } from \"src/types\";\n\nexport type ContainerProps = {\n /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n elevation: 0 | 1 | 2 | 3 | 4;\n borderRadius?: BorderRadius;\n overflow?: \"auto\" | \"hidden\" | \"visible\";\n children?: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n};\n\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n /* Parsing elevation property to number */\n switch (elevation - 0) {\n case 1:\n return theme.variables.shadow.card.a;\n case 2:\n return theme.variables.shadow.card.b;\n case 3:\n return theme.variables.shadow.card.c;\n case 4:\n return theme.variables.shadow.card.d;\n case 0:\n default:\n return \"\";\n }\n};\n\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n ({ theme, elevation, borderRadius, overflow }) => ({\n boxShadow: handleElevationLevel(theme, elevation),\n borderRadius: theme.variables.size.borderRadius[borderRadius],\n
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BorderRadius } from \"src/types\";\n\nexport type ContainerProps = {\n /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n elevation: 0 | 1 | 2 | 3 | 4;\n borderRadius?: BorderRadius;\n overflow?: \"auto\" | \"hidden\" | \"visible\";\n children?: React.ReactNode;\n squareCorners?: boolean;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n /* Parsing elevation property to number */\n switch (elevation - 0) {\n case 1:\n return theme.variables.shadow.card.a;\n case 2:\n return theme.variables.shadow.card.b;\n case 3:\n return theme.variables.shadow.card.c;\n case 4:\n return theme.variables.shadow.card.d;\n case 0:\n default:\n return \"\";\n }\n};\n\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n ({ theme, elevation, borderRadius, overflow, squareCorners }) => ({\n boxShadow: handleElevationLevel(theme, elevation),\n backgroundColor: theme.values.color.background.primary.default,\n overflow,\n\n ...(squareCorners\n ? {\n borderRadius: 0,\n }\n : {\n borderRadius: theme.variables.size.borderRadius[borderRadius],\n \"& > *:last-child\": {\n borderBottomLeftRadius:\n theme.variables.size.borderRadius[borderRadius],\n borderBottomRightRadius:\n theme.variables.size.borderRadius[borderRadius],\n },\n \"& > *:first-child\": {\n borderTopLeftRadius:\n theme.variables.size.borderRadius[borderRadius],\n borderTopRightRadius:\n theme.variables.size.borderRadius[borderRadius],\n },\n }),\n })\n);\n\nexport function Container({\n children,\n elevation = 1,\n borderRadius = \"m\",\n overflow,\n squareCorners = false,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId = \"Container\",\n}: ContainerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n elevation={elevation}\n borderRadius={borderRadius}\n overflow={overflow}\n squareCorners={squareCorners}\n >\n {children}\n </StyledContainer>\n );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","borderRadius","overflow","squareCorners","boxShadow","backgroundColor","values","color","background","primary","default","size","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","Container","_ref2","children","dataE2eTestId","dataDsId","React","createElement"],"mappings":";;;AAiBA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AACb,GAAA;AACF,CAAC,CAAA;AAED,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;IAAEC,SAAS;IAAEgB,YAAY;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AAChEI,IAAAA,SAAS,EAAErB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDoB,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;IAC9DR,QAAQ;AAER,IAAA,IAAIC,aAAa,GACb;AACEF,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEjB,KAAK,CAACE,SAAS,CAACyB,IAAI,CAACV,YAAY,CAACA,YAAY,CAAC;AAC7D,MAAA,kBAAkB,EAAE;QAClBW,sBAAsB,EACpB5B,KAAK,CAACE,SAAS,CAACyB,IAAI,CAACV,YAAY,CAACA,YAAY,CAAC;QACjDY,uBAAuB,EACrB7B,KAAK,CAACE,SAAS,CAACyB,IAAI,CAACV,YAAY,CAACA,YAAY,CAAA;OACjD;AACD,MAAA,mBAAmB,EAAE;QACnBa,mBAAmB,EACjB9B,KAAK,CAACE,SAAS,CAACyB,IAAI,CAACV,YAAY,CAACA,YAAY,CAAC;QACjDc,oBAAoB,EAClB/B,KAAK,CAACE,SAAS,CAACyB,IAAI,CAACV,YAAY,CAACA,YAAY,CAAA;AAClD,OAAA;KACD,CAAA;GACN,CAAA;AAAA,CAAC,EAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA,k8GACJ,CAAC,CAAA;AAEM,SAASmB,SAASA,CAAAC,KAAA,EAQc;EAAA,IARb;IACxBC,QAAQ;AACRjC,IAAAA,SAAS,GAAG,CAAC;AACbgB,IAAAA,YAAY,GAAG,GAAG;IAClBC,QAAQ;AACRC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEgB,aAAa;IACjC,YAAY,EAAEC,QAAQ,GAAG,WAAA;AACX,GAAC,GAAAH,KAAA,CAAA;AACf,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC7B,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB0B,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBnC,IAAAA,SAAS,EAAEA,SAAU;AACrBgB,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5Be,QACc,CAAC,CAAA;AAEtB;;;;"}
|
|
@@ -10,8 +10,6 @@ export declare type SecondaryTarget = {
|
|
|
10
10
|
};
|
|
11
11
|
export declare type SecondaryTargetsProps = {
|
|
12
12
|
data: SecondaryTarget[];
|
|
13
|
-
renderItem: (item: SecondaryTarget) => React.ReactElement;
|
|
14
|
-
compact?: boolean;
|
|
15
13
|
};
|
|
16
14
|
export declare type SearchResultProps = {
|
|
17
15
|
/** The result title. Supports some nested HTML tags like <b> and <i>. Text gets clamped after 3 lines. */
|
|
@@ -30,8 +28,6 @@ export declare type SearchResultProps = {
|
|
|
30
28
|
body?: string;
|
|
31
29
|
/** List of secondary AMBOSS targets with titles. Text gets clamped after 3 lines. */
|
|
32
30
|
secondaryTargets?: SecondaryTarget[];
|
|
33
|
-
/** Indicate an external link */
|
|
34
|
-
isExternal?: boolean;
|
|
35
31
|
/** List of labels. For example: preclinic, clinic, physician. */
|
|
36
32
|
labels?: string[];
|
|
37
33
|
/** The test id for the result's primary target. */
|