@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.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/DragDrop/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/Text/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -0
- package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
- package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
- package/dist/dynamic/deprecated/components/Select/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/favorites/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/next/components/Modal/package.json +1 -1
- package/dist/dynamic/next/components/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +8 -1
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.js +2 -3
- package/dist/esm/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/{components → deprecated/components}/Chip/Chip.d.ts +6 -18
- package/dist/esm/deprecated/components/Chip/Chip.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Chip/Chip.js +35 -0
- package/dist/esm/deprecated/components/Chip/Chip.js.map +1 -0
- package/dist/esm/{components → deprecated/components}/Chip/ChipGroup.d.ts +7 -14
- package/dist/esm/deprecated/components/Chip/ChipGroup.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Chip/ChipGroup.js +29 -0
- package/dist/esm/deprecated/components/Chip/ChipGroup.js.map +1 -0
- package/dist/esm/deprecated/components/Chip/index.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Chip/index.js.map +1 -0
- package/dist/esm/deprecated/components/Select/Select.d.ts +1 -1
- package/dist/esm/deprecated/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Select/Select.js +2 -2
- package/dist/esm/deprecated/components/Select/Select.js.map +1 -1
- package/dist/esm/deprecated/components/index.d.ts +1 -0
- package/dist/esm/deprecated/components/index.d.ts.map +1 -1
- package/dist/esm/deprecated/components/index.js +1 -0
- package/dist/esm/deprecated/components/index.js.map +1 -1
- package/dist/js/components/Label/Label.d.ts.map +1 -1
- package/dist/js/components/Label/Label.js +8 -1
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.js +2 -3
- package/dist/js/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/js/components/index.d.ts +0 -1
- package/dist/js/components/index.d.ts.map +1 -1
- package/dist/js/components/index.js +0 -1
- package/dist/js/components/index.js.map +1 -1
- package/dist/js/{components → deprecated/components}/Chip/Chip.d.ts +6 -18
- package/dist/js/deprecated/components/Chip/Chip.d.ts.map +1 -0
- package/dist/js/deprecated/components/Chip/Chip.js +38 -0
- package/dist/js/deprecated/components/Chip/Chip.js.map +1 -0
- package/dist/js/{components → deprecated/components}/Chip/ChipGroup.d.ts +7 -14
- package/dist/js/deprecated/components/Chip/ChipGroup.d.ts.map +1 -0
- package/dist/js/deprecated/components/Chip/ChipGroup.js +32 -0
- package/dist/js/deprecated/components/Chip/ChipGroup.js.map +1 -0
- package/dist/js/deprecated/components/Chip/index.d.ts.map +1 -0
- package/dist/js/deprecated/components/Chip/index.js.map +1 -0
- package/dist/js/deprecated/components/Select/Select.d.ts +1 -1
- package/dist/js/deprecated/components/Select/Select.d.ts.map +1 -1
- package/dist/js/deprecated/components/Select/Select.js +2 -2
- package/dist/js/deprecated/components/Select/Select.js.map +1 -1
- package/dist/js/deprecated/components/index.d.ts +1 -0
- package/dist/js/deprecated/components/index.d.ts.map +1 -1
- package/dist/js/deprecated/components/index.js +1 -0
- package/dist/js/deprecated/components/index.js.map +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/Label/Label.tsx +8 -1
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +8 -7
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +8 -7
- package/src/components/TextInputGroup/examples/TextInputGroupFilters.tsx +12 -6
- package/src/components/Toolbar/ToolbarFilter.tsx +7 -8
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +29 -44
- package/src/components/index.ts +0 -1
- package/src/demos/examples/TextInputGroup/AttributeValueFiltering.tsx +7 -7
- package/src/demos/examples/TextInputGroup/AutoCompleteSearch.tsx +7 -7
- package/src/deprecated/components/Chip/Chip.tsx +104 -0
- package/src/deprecated/components/Chip/ChipGroup.tsx +111 -0
- package/src/{components → deprecated/components}/Chip/__tests__/Chip.test.tsx +25 -60
- package/src/{components → deprecated/components}/Chip/__tests__/ChipGroup.test.tsx +11 -28
- package/src/{components → deprecated/components}/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +11 -12
- package/src/{components → deprecated/components}/Chip/__tests__/__snapshots__/ChipGroup.test.tsx.snap +6 -8
- package/src/{components → deprecated/components}/Chip/examples/Chip.md +6 -0
- package/src/{components → deprecated/components}/Chip/examples/ChipDefault.tsx +2 -1
- package/src/{components → deprecated/components}/Chip/examples/ChipGroupInline.tsx +1 -1
- package/src/{components → deprecated/components}/Chip/examples/ChipGroupRemovableCategories.tsx +1 -1
- package/src/{components → deprecated/components}/Chip/examples/ChipGroupWithCategories.tsx +1 -1
- package/src/deprecated/components/Select/Select.tsx +2 -2
- package/src/deprecated/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +25 -31
- package/src/deprecated/components/Select/examples/Select.md +1 -1
- package/src/deprecated/components/index.ts +1 -0
- package/dist/dynamic/components/Chip/package.json +0 -1
- package/dist/esm/components/Chip/Chip.d.ts.map +0 -1
- package/dist/esm/components/Chip/Chip.js +0 -95
- package/dist/esm/components/Chip/Chip.js.map +0 -1
- package/dist/esm/components/Chip/ChipGroup.d.ts.map +0 -1
- package/dist/esm/components/Chip/ChipGroup.js +0 -87
- package/dist/esm/components/Chip/ChipGroup.js.map +0 -1
- package/dist/esm/components/Chip/index.d.ts.map +0 -1
- package/dist/esm/components/Chip/index.js.map +0 -1
- package/dist/js/components/Chip/Chip.d.ts.map +0 -1
- package/dist/js/components/Chip/Chip.js +0 -98
- package/dist/js/components/Chip/Chip.js.map +0 -1
- package/dist/js/components/Chip/ChipGroup.d.ts.map +0 -1
- package/dist/js/components/Chip/ChipGroup.js +0 -90
- package/dist/js/components/Chip/ChipGroup.js.map +0 -1
- package/dist/js/components/Chip/index.d.ts.map +0 -1
- package/dist/js/components/Chip/index.js.map +0 -1
- package/src/components/Chip/Chip.tsx +0 -216
- package/src/components/Chip/ChipGroup.tsx +0 -214
- /package/dist/esm/{components → deprecated/components}/Chip/index.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Chip/index.js +0 -0
- /package/dist/js/{components → deprecated/components}/Chip/index.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Chip/index.js +0 -0
- /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"}
|