@patternfly/react-core 6.0.0-alpha.33 → 6.0.0-alpha.34

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.
Files changed (229) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/DragDrop/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/Text/package.json +1 -1
  71. package/dist/dynamic/components/TextArea/package.json +1 -1
  72. package/dist/dynamic/components/TextInput/package.json +1 -1
  73. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  74. package/dist/dynamic/components/Tile/package.json +1 -1
  75. package/dist/dynamic/components/TimePicker/package.json +1 -1
  76. package/dist/dynamic/components/Timestamp/package.json +1 -1
  77. package/dist/dynamic/components/Title/package.json +1 -1
  78. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  79. package/dist/dynamic/components/Toolbar/package.json +1 -1
  80. package/dist/dynamic/components/Tooltip/package.json +1 -1
  81. package/dist/dynamic/components/TreeView/package.json +1 -1
  82. package/dist/dynamic/components/Truncate/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Chip/package.json +1 -0
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -1
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/dynamic/styles/package.json +1 -1
  121. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  122. package/dist/esm/components/Label/Label.js +8 -1
  123. package/dist/esm/components/Label/Label.js.map +1 -1
  124. package/dist/esm/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
  125. package/dist/esm/components/Toolbar/ToolbarFilter.js +2 -3
  126. package/dist/esm/components/Toolbar/ToolbarFilter.js.map +1 -1
  127. package/dist/esm/components/index.d.ts +0 -1
  128. package/dist/esm/components/index.d.ts.map +1 -1
  129. package/dist/esm/components/index.js +0 -1
  130. package/dist/esm/components/index.js.map +1 -1
  131. package/dist/esm/{components → deprecated/components}/Chip/Chip.d.ts +6 -18
  132. package/dist/esm/deprecated/components/Chip/Chip.d.ts.map +1 -0
  133. package/dist/esm/deprecated/components/Chip/Chip.js +35 -0
  134. package/dist/esm/deprecated/components/Chip/Chip.js.map +1 -0
  135. package/dist/esm/{components → deprecated/components}/Chip/ChipGroup.d.ts +7 -14
  136. package/dist/esm/deprecated/components/Chip/ChipGroup.d.ts.map +1 -0
  137. package/dist/esm/deprecated/components/Chip/ChipGroup.js +29 -0
  138. package/dist/esm/deprecated/components/Chip/ChipGroup.js.map +1 -0
  139. package/dist/esm/deprecated/components/Chip/index.d.ts.map +1 -0
  140. package/dist/esm/deprecated/components/Chip/index.js.map +1 -0
  141. package/dist/esm/deprecated/components/Select/Select.d.ts +1 -1
  142. package/dist/esm/deprecated/components/Select/Select.d.ts.map +1 -1
  143. package/dist/esm/deprecated/components/Select/Select.js +2 -2
  144. package/dist/esm/deprecated/components/Select/Select.js.map +1 -1
  145. package/dist/esm/deprecated/components/index.d.ts +1 -0
  146. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  147. package/dist/esm/deprecated/components/index.js +1 -0
  148. package/dist/esm/deprecated/components/index.js.map +1 -1
  149. package/dist/js/components/Label/Label.d.ts.map +1 -1
  150. package/dist/js/components/Label/Label.js +8 -1
  151. package/dist/js/components/Label/Label.js.map +1 -1
  152. package/dist/js/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
  153. package/dist/js/components/Toolbar/ToolbarFilter.js +2 -3
  154. package/dist/js/components/Toolbar/ToolbarFilter.js.map +1 -1
  155. package/dist/js/components/index.d.ts +0 -1
  156. package/dist/js/components/index.d.ts.map +1 -1
  157. package/dist/js/components/index.js +0 -1
  158. package/dist/js/components/index.js.map +1 -1
  159. package/dist/js/{components → deprecated/components}/Chip/Chip.d.ts +6 -18
  160. package/dist/js/deprecated/components/Chip/Chip.d.ts.map +1 -0
  161. package/dist/js/deprecated/components/Chip/Chip.js +38 -0
  162. package/dist/js/deprecated/components/Chip/Chip.js.map +1 -0
  163. package/dist/js/{components → deprecated/components}/Chip/ChipGroup.d.ts +7 -14
  164. package/dist/js/deprecated/components/Chip/ChipGroup.d.ts.map +1 -0
  165. package/dist/js/deprecated/components/Chip/ChipGroup.js +32 -0
  166. package/dist/js/deprecated/components/Chip/ChipGroup.js.map +1 -0
  167. package/dist/js/deprecated/components/Chip/index.d.ts.map +1 -0
  168. package/dist/js/deprecated/components/Chip/index.js.map +1 -0
  169. package/dist/js/deprecated/components/Select/Select.d.ts +1 -1
  170. package/dist/js/deprecated/components/Select/Select.d.ts.map +1 -1
  171. package/dist/js/deprecated/components/Select/Select.js +2 -2
  172. package/dist/js/deprecated/components/Select/Select.js.map +1 -1
  173. package/dist/js/deprecated/components/index.d.ts +1 -0
  174. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  175. package/dist/js/deprecated/components/index.js +1 -0
  176. package/dist/js/deprecated/components/index.js.map +1 -1
  177. package/dist/umd/react-core.min.js +2 -2
  178. package/helpers/package.json +1 -1
  179. package/layouts/package.json +1 -1
  180. package/next/package.json +1 -1
  181. package/package.json +2 -2
  182. package/src/components/Label/Label.tsx +8 -1
  183. package/src/components/Select/examples/SelectMultiTypeahead.tsx +8 -7
  184. package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +8 -7
  185. package/src/components/TextInputGroup/examples/TextInputGroupFilters.tsx +12 -6
  186. package/src/components/Toolbar/ToolbarFilter.tsx +7 -8
  187. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +29 -44
  188. package/src/components/index.ts +0 -1
  189. package/src/demos/examples/TextInputGroup/AttributeValueFiltering.tsx +7 -7
  190. package/src/demos/examples/TextInputGroup/AutoCompleteSearch.tsx +7 -7
  191. package/src/deprecated/components/Chip/Chip.tsx +104 -0
  192. package/src/deprecated/components/Chip/ChipGroup.tsx +111 -0
  193. package/src/{components → deprecated/components}/Chip/__tests__/Chip.test.tsx +25 -60
  194. package/src/{components → deprecated/components}/Chip/__tests__/ChipGroup.test.tsx +11 -28
  195. package/src/{components → deprecated/components}/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +11 -12
  196. package/src/{components → deprecated/components}/Chip/__tests__/__snapshots__/ChipGroup.test.tsx.snap +6 -8
  197. package/src/{components → deprecated/components}/Chip/examples/Chip.md +6 -0
  198. package/src/{components → deprecated/components}/Chip/examples/ChipDefault.tsx +2 -1
  199. package/src/{components → deprecated/components}/Chip/examples/ChipGroupInline.tsx +1 -1
  200. package/src/{components → deprecated/components}/Chip/examples/ChipGroupRemovableCategories.tsx +1 -1
  201. package/src/{components → deprecated/components}/Chip/examples/ChipGroupWithCategories.tsx +1 -1
  202. package/src/deprecated/components/Select/Select.tsx +2 -2
  203. package/src/deprecated/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +25 -31
  204. package/src/deprecated/components/Select/examples/Select.md +1 -1
  205. package/src/deprecated/components/index.ts +1 -0
  206. package/dist/dynamic/components/Chip/package.json +0 -1
  207. package/dist/esm/components/Chip/Chip.d.ts.map +0 -1
  208. package/dist/esm/components/Chip/Chip.js +0 -95
  209. package/dist/esm/components/Chip/Chip.js.map +0 -1
  210. package/dist/esm/components/Chip/ChipGroup.d.ts.map +0 -1
  211. package/dist/esm/components/Chip/ChipGroup.js +0 -87
  212. package/dist/esm/components/Chip/ChipGroup.js.map +0 -1
  213. package/dist/esm/components/Chip/index.d.ts.map +0 -1
  214. package/dist/esm/components/Chip/index.js.map +0 -1
  215. package/dist/js/components/Chip/Chip.d.ts.map +0 -1
  216. package/dist/js/components/Chip/Chip.js +0 -98
  217. package/dist/js/components/Chip/Chip.js.map +0 -1
  218. package/dist/js/components/Chip/ChipGroup.d.ts.map +0 -1
  219. package/dist/js/components/Chip/ChipGroup.js +0 -90
  220. package/dist/js/components/Chip/ChipGroup.js.map +0 -1
  221. package/dist/js/components/Chip/index.d.ts.map +0 -1
  222. package/dist/js/components/Chip/index.js.map +0 -1
  223. package/src/components/Chip/Chip.tsx +0 -216
  224. package/src/components/Chip/ChipGroup.tsx +0 -214
  225. /package/dist/esm/{components → deprecated/components}/Chip/index.d.ts +0 -0
  226. /package/dist/esm/{components → deprecated/components}/Chip/index.js +0 -0
  227. /package/dist/js/{components → deprecated/components}/Chip/index.d.ts +0 -0
  228. /package/dist/js/{components → deprecated/components}/Chip/index.js +0 -0
  229. /package/src/{components → deprecated/components}/Chip/index.ts +0 -0
@@ -1,95 +0,0 @@
1
- import { __rest } from "tslib";
2
- import * as React from 'react';
3
- import { css } from '@patternfly/react-styles';
4
- import { Button } from '../Button';
5
- import { Tooltip } from '../Tooltip';
6
- import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
7
- import styles from '@patternfly/react-styles/css/components/Chip/chip.mjs';
8
- import { GenerateId } from '../../helpers/GenerateId/GenerateId';
9
- import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
10
- import cssChipTextMaxWidth from '@patternfly/react-tokens/dist/esm/c_chip__text_MaxWidth';
11
- class Chip extends React.Component {
12
- constructor(props) {
13
- super(props);
14
- this.span = React.createRef();
15
- this.setChipStyle = () => ({
16
- [cssChipTextMaxWidth.name]: this.props.textMaxWidth
17
- });
18
- this.renderOverflowChip = () => {
19
- const _a = this.props, { badge, children, className, onClick, ouiaId, textMaxWidth, style, component,
20
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
21
- tooltipPosition,
22
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
- isOverflowChip,
24
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
25
- closeBtnAriaLabel,
26
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
27
- isReadOnly } = _a, props = __rest(_a, ["badge", "children", "className", "onClick", "ouiaId", "textMaxWidth", "style", "component", "tooltipPosition", "isOverflowChip", "closeBtnAriaLabel", "isReadOnly"]);
28
- const Component = component;
29
- return (React.createElement(Component, Object.assign({ onClick: onClick }, (textMaxWidth && Object.assign({ style: this.setChipStyle() }, style)), { className: css(styles.chip, styles.modifiers.overflow, className) }, (component === 'button' ? { type: 'button' } : {}), getOUIAProps('OverflowChip', ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
30
- React.createElement("span", { className: css(styles.chipContent) },
31
- React.createElement("span", { className: css(styles.chipText) }, children),
32
- badge && badge)));
33
- };
34
- this.renderChip = (randomId) => {
35
- const { children, tooltipPosition } = this.props;
36
- if (this.state.isTooltipVisible) {
37
- return (React.createElement(Tooltip, { position: tooltipPosition, content: children }, this.renderInnerChip(randomId)));
38
- }
39
- return this.renderInnerChip(randomId);
40
- };
41
- this.state = {
42
- isTooltipVisible: false,
43
- ouiaStateId: getDefaultOUIAId(Chip.displayName)
44
- };
45
- }
46
- componentDidMount() {
47
- this.setState({
48
- isTooltipVisible: Boolean(this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth)
49
- });
50
- }
51
- componentDidUpdate(_prevProps, prevState) {
52
- const nextIsTooltipVisible = Boolean(this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth);
53
- if (prevState.isTooltipVisible !== nextIsTooltipVisible) {
54
- this.setState({
55
- isTooltipVisible: nextIsTooltipVisible
56
- });
57
- }
58
- }
59
- renderInnerChip(id) {
60
- const _a = this.props, { badge, children, className, onClick, closeBtnAriaLabel, isReadOnly,
61
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
62
- isOverflowChip,
63
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
64
- tooltipPosition,
65
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
66
- id: idProp, component, ouiaId, textMaxWidth } = _a, props = __rest(_a, ["badge", "children", "className", "onClick", "closeBtnAriaLabel", "isReadOnly", "isOverflowChip", "tooltipPosition", "id", "component", "ouiaId", "textMaxWidth"]);
67
- const Component = component;
68
- return (React.createElement(Component, Object.assign({}, (textMaxWidth && {
69
- style: this.setChipStyle()
70
- }), { className: css(styles.chip, className) }, (this.state.isTooltipVisible && { tabIndex: 0 }), getOUIAProps(Chip.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
71
- React.createElement("span", { className: css(styles.chipContent) },
72
- React.createElement("span", { ref: this.span, className: css(styles.chipText), id: id }, children),
73
- badge && badge),
74
- !isReadOnly && (React.createElement("span", { className: css(styles.chipActions) },
75
- React.createElement(Button, { onClick: onClick, variant: "plain", "aria-label": closeBtnAriaLabel, id: `remove_${id}`, "aria-labelledby": `remove_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
76
- React.createElement(TimesIcon, { "aria-hidden": "true" }))))));
77
- }
78
- render() {
79
- const { isOverflowChip } = this.props;
80
- return (React.createElement(GenerateId, null, (randomId) => (isOverflowChip ? this.renderOverflowChip() : this.renderChip(this.props.id || randomId))));
81
- }
82
- }
83
- Chip.displayName = 'Chip';
84
- Chip.defaultProps = {
85
- closeBtnAriaLabel: 'close',
86
- className: '',
87
- isOverflowChip: false,
88
- isReadOnly: false,
89
- tooltipPosition: 'top',
90
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
91
- onClick: (_e) => undefined,
92
- component: 'div'
93
- };
94
- export { Chip };
95
- //# sourceMappingURL=Chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS;IAClF,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8IAA8I;IAC9I,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxD,qFAAqF;IACrF,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IACrE,MAAM,CAAC,WAAW,SAAe;gBACrB,KAAK,EAAE,cAAc;IAOjC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,cAAc,CAajC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAgBtB,MAAM;CA2FP;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,87 +0,0 @@
1
- import { __rest } from "tslib";
2
- import * as React from 'react';
3
- import styles from '@patternfly/react-styles/css/components/Chip/chip-group.mjs';
4
- import { css } from '@patternfly/react-styles';
5
- import { Button } from '../Button';
6
- import { Chip } from './Chip';
7
- import { Tooltip } from '../Tooltip';
8
- import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
9
- import { fillTemplate } from '../../helpers';
10
- import { GenerateId } from '../../helpers/GenerateId/GenerateId';
11
- import { getOUIAProps } from '../../helpers';
12
- class ChipGroup extends React.Component {
13
- constructor(props) {
14
- super(props);
15
- this.headingRef = React.createRef();
16
- this.toggleCollapse = () => {
17
- this.setState((prevState) => ({
18
- isOpen: !prevState.isOpen,
19
- isTooltipVisible: Boolean(this.headingRef.current && this.headingRef.current.offsetWidth < this.headingRef.current.scrollWidth)
20
- }));
21
- };
22
- this.state = {
23
- isOpen: this.props.defaultIsOpen,
24
- isTooltipVisible: false
25
- };
26
- }
27
- componentDidMount() {
28
- this.setState({
29
- isTooltipVisible: Boolean(this.headingRef.current && this.headingRef.current.offsetWidth < this.headingRef.current.scrollWidth)
30
- });
31
- }
32
- renderLabel(id) {
33
- const { categoryName, tooltipPosition } = this.props;
34
- const { isTooltipVisible } = this.state;
35
- return isTooltipVisible ? (React.createElement(Tooltip, { position: tooltipPosition, content: categoryName },
36
- React.createElement("span", { tabIndex: 0, ref: this.headingRef, className: css(styles.chipGroupLabel) },
37
- React.createElement("span", { id: id }, categoryName)))) : (React.createElement("span", { ref: this.headingRef, className: css(styles.chipGroupLabel), id: id }, categoryName));
38
- }
39
- render() {
40
- const _a = this.props, { categoryName, children, className, isClosable, closeBtnAriaLabel, 'aria-label': ariaLabel, onClick, onOverflowChipClick, numChips, expandedText, collapsedText, ouiaId,
41
- /* eslint-disable @typescript-eslint/no-unused-vars */
42
- defaultIsOpen, tooltipPosition } = _a,
43
- /* eslint-enable @typescript-eslint/no-unused-vars */
44
- rest = __rest(_a, ["categoryName", "children", "className", "isClosable", "closeBtnAriaLabel", 'aria-label', "onClick", "onOverflowChipClick", "numChips", "expandedText", "collapsedText", "ouiaId", "defaultIsOpen", "tooltipPosition"]);
45
- const { isOpen } = this.state;
46
- const numChildren = React.Children.count(children);
47
- const collapsedTextResult = fillTemplate(collapsedText, {
48
- remaining: React.Children.count(children) - numChips
49
- });
50
- const renderChipGroup = (id) => {
51
- const chipArray = !isOpen
52
- ? React.Children.toArray(children).slice(0, numChips)
53
- : React.Children.toArray(children);
54
- return (React.createElement("div", Object.assign({ className: css(styles.chipGroup, className, categoryName && styles.modifiers.category), role: "group" }, (categoryName && { 'aria-labelledby': id }), (!categoryName && { 'aria-label': ariaLabel }), getOUIAProps(ChipGroup.displayName, ouiaId)),
55
- React.createElement("div", { className: css(styles.chipGroupMain) },
56
- categoryName && this.renderLabel(id),
57
- React.createElement("ul", Object.assign({ className: css(styles.chipGroupList) }, (categoryName && { 'aria-labelledby': id }), (!categoryName && { 'aria-label': ariaLabel }), { role: "list" }, rest),
58
- chipArray.map((child, i) => (React.createElement("li", { className: css(styles.chipGroupListItem), key: i }, child))),
59
- numChildren > numChips && (React.createElement("li", { className: css(styles.chipGroupListItem) },
60
- React.createElement(Chip, { isOverflowChip: true, onClick: (event) => {
61
- this.toggleCollapse();
62
- onOverflowChipClick(event);
63
- }, component: "button" }, isOpen ? expandedText : collapsedTextResult))))),
64
- isClosable && (React.createElement("div", { className: css(styles.chipGroupClose) },
65
- React.createElement(Button, { variant: "plain", "aria-label": closeBtnAriaLabel, onClick: onClick, id: `remove_group_${id}`, "aria-labelledby": `remove_group_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
66
- React.createElement(TimesCircleIcon, { "aria-hidden": "true" }))))));
67
- };
68
- return numChildren === 0 ? null : (React.createElement(GenerateId, null, (randomId) => renderChipGroup(this.props.id || randomId)));
69
- }
70
- }
71
- ChipGroup.displayName = 'ChipGroup';
72
- ChipGroup.defaultProps = {
73
- expandedText: 'Show Less',
74
- collapsedText: '${remaining} more',
75
- categoryName: '',
76
- defaultIsOpen: false,
77
- numChips: 3,
78
- isClosable: false,
79
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
80
- onClick: (_e) => undefined,
81
- onOverflowChipClick: (_e) => undefined,
82
- closeBtnAriaLabel: 'Close chip group',
83
- tooltipPosition: 'top',
84
- 'aria-label': 'Chip group category'
85
- };
86
- export { ChipGroup };
87
- //# sourceMappingURL=ChipGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC3E,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,iIAAiI;IACjI,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mEAAmE;IACnE,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAEhB,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,SAAS;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACtD,MAAM,CAAC,WAAW,SAAU;gBAChB,KAAK,EAAE,SAAS;IAO5B,IAAI,mCAAsC;IAE1C,MAAM,CAAC,YAAY,EAAE,SAAS,CAS5B;IAEF,iBAAiB;IAMjB,kBAAkB,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IAW9D,YAAY;;MAET;IAEH,kBAAkB,0BAuChB;IAEF,eAAe,CAAC,EAAE,EAAE,MAAM;IAsD1B,UAAU,aAAc,MAAM,uBAU5B;IAEF,MAAM;CAQP;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,98 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Chip = void 0;
4
- const tslib_1 = require("tslib");
5
- const React = tslib_1.__importStar(require("react"));
6
- const react_styles_1 = require("@patternfly/react-styles");
7
- const Button_1 = require("../Button");
8
- const Tooltip_1 = require("../Tooltip");
9
- const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
10
- const chip_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Chip/chip"));
11
- const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
12
- const helpers_1 = require("../../helpers");
13
- const c_chip__text_MaxWidth_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_chip__text_MaxWidth'));
14
- class Chip extends React.Component {
15
- constructor(props) {
16
- super(props);
17
- this.span = React.createRef();
18
- this.setChipStyle = () => ({
19
- [c_chip__text_MaxWidth_1.default.name]: this.props.textMaxWidth
20
- });
21
- this.renderOverflowChip = () => {
22
- const _a = this.props, { badge, children, className, onClick, ouiaId, textMaxWidth, style, component,
23
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
24
- tooltipPosition,
25
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
26
- isOverflowChip,
27
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
28
- closeBtnAriaLabel,
29
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
30
- isReadOnly } = _a, props = tslib_1.__rest(_a, ["badge", "children", "className", "onClick", "ouiaId", "textMaxWidth", "style", "component", "tooltipPosition", "isOverflowChip", "closeBtnAriaLabel", "isReadOnly"]);
31
- const Component = component;
32
- return (React.createElement(Component, Object.assign({ onClick: onClick }, (textMaxWidth && Object.assign({ style: this.setChipStyle() }, style)), { className: (0, react_styles_1.css)(chip_1.default.chip, chip_1.default.modifiers.overflow, className) }, (component === 'button' ? { type: 'button' } : {}), (0, helpers_1.getOUIAProps)('OverflowChip', ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
33
- React.createElement("span", { className: (0, react_styles_1.css)(chip_1.default.chipContent) },
34
- React.createElement("span", { className: (0, react_styles_1.css)(chip_1.default.chipText) }, children),
35
- badge && badge)));
36
- };
37
- this.renderChip = (randomId) => {
38
- const { children, tooltipPosition } = this.props;
39
- if (this.state.isTooltipVisible) {
40
- return (React.createElement(Tooltip_1.Tooltip, { position: tooltipPosition, content: children }, this.renderInnerChip(randomId)));
41
- }
42
- return this.renderInnerChip(randomId);
43
- };
44
- this.state = {
45
- isTooltipVisible: false,
46
- ouiaStateId: (0, helpers_1.getDefaultOUIAId)(Chip.displayName)
47
- };
48
- }
49
- componentDidMount() {
50
- this.setState({
51
- isTooltipVisible: Boolean(this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth)
52
- });
53
- }
54
- componentDidUpdate(_prevProps, prevState) {
55
- const nextIsTooltipVisible = Boolean(this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth);
56
- if (prevState.isTooltipVisible !== nextIsTooltipVisible) {
57
- this.setState({
58
- isTooltipVisible: nextIsTooltipVisible
59
- });
60
- }
61
- }
62
- renderInnerChip(id) {
63
- const _a = this.props, { badge, children, className, onClick, closeBtnAriaLabel, isReadOnly,
64
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
65
- isOverflowChip,
66
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
67
- tooltipPosition,
68
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
69
- id: idProp, component, ouiaId, textMaxWidth } = _a, props = tslib_1.__rest(_a, ["badge", "children", "className", "onClick", "closeBtnAriaLabel", "isReadOnly", "isOverflowChip", "tooltipPosition", "id", "component", "ouiaId", "textMaxWidth"]);
70
- const Component = component;
71
- return (React.createElement(Component, Object.assign({}, (textMaxWidth && {
72
- style: this.setChipStyle()
73
- }), { className: (0, react_styles_1.css)(chip_1.default.chip, className) }, (this.state.isTooltipVisible && { tabIndex: 0 }), (0, helpers_1.getOUIAProps)(Chip.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
74
- React.createElement("span", { className: (0, react_styles_1.css)(chip_1.default.chipContent) },
75
- React.createElement("span", { ref: this.span, className: (0, react_styles_1.css)(chip_1.default.chipText), id: id }, children),
76
- badge && badge),
77
- !isReadOnly && (React.createElement("span", { className: (0, react_styles_1.css)(chip_1.default.chipActions) },
78
- React.createElement(Button_1.Button, { onClick: onClick, variant: "plain", "aria-label": closeBtnAriaLabel, id: `remove_${id}`, "aria-labelledby": `remove_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
79
- React.createElement(times_icon_1.default, { "aria-hidden": "true" }))))));
80
- }
81
- render() {
82
- const { isOverflowChip } = this.props;
83
- return (React.createElement(GenerateId_1.GenerateId, null, (randomId) => (isOverflowChip ? this.renderOverflowChip() : this.renderChip(this.props.id || randomId))));
84
- }
85
- }
86
- exports.Chip = Chip;
87
- Chip.displayName = 'Chip';
88
- Chip.defaultProps = {
89
- closeBtnAriaLabel: 'close',
90
- className: '',
91
- isOverflowChip: false,
92
- isReadOnly: false,
93
- tooltipPosition: 'top',
94
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
95
- onClick: (_e) => undefined,
96
- component: 'div'
97
- };
98
- //# sourceMappingURL=Chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS;IAClF,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8IAA8I;IAC9I,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxD,qFAAqF;IACrF,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IACrE,MAAM,CAAC,WAAW,SAAe;gBACrB,KAAK,EAAE,cAAc;IAOjC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,cAAc,CAajC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAgBtB,MAAM;CA2FP;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,90 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ChipGroup = void 0;
4
- const tslib_1 = require("tslib");
5
- const React = tslib_1.__importStar(require("react"));
6
- const chip_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Chip/chip-group"));
7
- const react_styles_1 = require("@patternfly/react-styles");
8
- const Button_1 = require("../Button");
9
- const Chip_1 = require("./Chip");
10
- const Tooltip_1 = require("../Tooltip");
11
- const times_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-circle-icon'));
12
- const helpers_1 = require("../../helpers");
13
- const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
14
- const helpers_2 = require("../../helpers");
15
- class ChipGroup extends React.Component {
16
- constructor(props) {
17
- super(props);
18
- this.headingRef = React.createRef();
19
- this.toggleCollapse = () => {
20
- this.setState((prevState) => ({
21
- isOpen: !prevState.isOpen,
22
- isTooltipVisible: Boolean(this.headingRef.current && this.headingRef.current.offsetWidth < this.headingRef.current.scrollWidth)
23
- }));
24
- };
25
- this.state = {
26
- isOpen: this.props.defaultIsOpen,
27
- isTooltipVisible: false
28
- };
29
- }
30
- componentDidMount() {
31
- this.setState({
32
- isTooltipVisible: Boolean(this.headingRef.current && this.headingRef.current.offsetWidth < this.headingRef.current.scrollWidth)
33
- });
34
- }
35
- renderLabel(id) {
36
- const { categoryName, tooltipPosition } = this.props;
37
- const { isTooltipVisible } = this.state;
38
- return isTooltipVisible ? (React.createElement(Tooltip_1.Tooltip, { position: tooltipPosition, content: categoryName },
39
- React.createElement("span", { tabIndex: 0, ref: this.headingRef, className: (0, react_styles_1.css)(chip_group_1.default.chipGroupLabel) },
40
- React.createElement("span", { id: id }, categoryName)))) : (React.createElement("span", { ref: this.headingRef, className: (0, react_styles_1.css)(chip_group_1.default.chipGroupLabel), id: id }, categoryName));
41
- }
42
- render() {
43
- const _a = this.props, { categoryName, children, className, isClosable, closeBtnAriaLabel, 'aria-label': ariaLabel, onClick, onOverflowChipClick, numChips, expandedText, collapsedText, ouiaId,
44
- /* eslint-disable @typescript-eslint/no-unused-vars */
45
- defaultIsOpen, tooltipPosition } = _a,
46
- /* eslint-enable @typescript-eslint/no-unused-vars */
47
- rest = tslib_1.__rest(_a, ["categoryName", "children", "className", "isClosable", "closeBtnAriaLabel", 'aria-label', "onClick", "onOverflowChipClick", "numChips", "expandedText", "collapsedText", "ouiaId", "defaultIsOpen", "tooltipPosition"]);
48
- const { isOpen } = this.state;
49
- const numChildren = React.Children.count(children);
50
- const collapsedTextResult = (0, helpers_1.fillTemplate)(collapsedText, {
51
- remaining: React.Children.count(children) - numChips
52
- });
53
- const renderChipGroup = (id) => {
54
- const chipArray = !isOpen
55
- ? React.Children.toArray(children).slice(0, numChips)
56
- : React.Children.toArray(children);
57
- return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(chip_group_1.default.chipGroup, className, categoryName && chip_group_1.default.modifiers.category), role: "group" }, (categoryName && { 'aria-labelledby': id }), (!categoryName && { 'aria-label': ariaLabel }), (0, helpers_2.getOUIAProps)(ChipGroup.displayName, ouiaId)),
58
- React.createElement("div", { className: (0, react_styles_1.css)(chip_group_1.default.chipGroupMain) },
59
- categoryName && this.renderLabel(id),
60
- React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(chip_group_1.default.chipGroupList) }, (categoryName && { 'aria-labelledby': id }), (!categoryName && { 'aria-label': ariaLabel }), { role: "list" }, rest),
61
- chipArray.map((child, i) => (React.createElement("li", { className: (0, react_styles_1.css)(chip_group_1.default.chipGroupListItem), key: i }, child))),
62
- numChildren > numChips && (React.createElement("li", { className: (0, react_styles_1.css)(chip_group_1.default.chipGroupListItem) },
63
- React.createElement(Chip_1.Chip, { isOverflowChip: true, onClick: (event) => {
64
- this.toggleCollapse();
65
- onOverflowChipClick(event);
66
- }, component: "button" }, isOpen ? expandedText : collapsedTextResult))))),
67
- isClosable && (React.createElement("div", { className: (0, react_styles_1.css)(chip_group_1.default.chipGroupClose) },
68
- React.createElement(Button_1.Button, { variant: "plain", "aria-label": closeBtnAriaLabel, onClick: onClick, id: `remove_group_${id}`, "aria-labelledby": `remove_group_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
69
- React.createElement(times_circle_icon_1.default, { "aria-hidden": "true" }))))));
70
- };
71
- return numChildren === 0 ? null : (React.createElement(GenerateId_1.GenerateId, null, (randomId) => renderChipGroup(this.props.id || randomId)));
72
- }
73
- }
74
- exports.ChipGroup = ChipGroup;
75
- ChipGroup.displayName = 'ChipGroup';
76
- ChipGroup.defaultProps = {
77
- expandedText: 'Show Less',
78
- collapsedText: '${remaining} more',
79
- categoryName: '',
80
- defaultIsOpen: false,
81
- numChips: 3,
82
- isClosable: false,
83
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
84
- onClick: (_e) => undefined,
85
- onOverflowChipClick: (_e) => undefined,
86
- closeBtnAriaLabel: 'Close chip group',
87
- tooltipPosition: 'top',
88
- 'aria-label': 'Chip group category'
89
- };
90
- //# sourceMappingURL=ChipGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Chip/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,sDAA4B"}