@patternfly/react-core 6.0.0-alpha.37 → 6.0.0-alpha.38
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 -1
- 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 +3 -1
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +23 -4
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/js/components/Label/Label.d.ts +3 -1
- package/dist/js/components/Label/Label.d.ts.map +1 -1
- package/dist/js/components/Label/Label.js +23 -4
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- 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 +29 -3
- package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +16 -16
- package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap +7 -7
- package/src/components/Label/examples/Label.md +1 -0
- package/src/components/Label/examples/LabelCompact.tsx +7 -7
- package/src/components/Label/examples/LabelFilled.tsx +138 -28
- package/src/components/Label/examples/LabelOutline.tsx +149 -58
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-wizard-deprecated-dynamic","main":"../../../../js/deprecated/components/Wizard/index.js","module":"../../../../esm/deprecated/components/Wizard/index.js","typings":"../../../../esm/deprecated/components/Wizard/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-wizard-deprecated-dynamic","main":"../../../../js/deprecated/components/Wizard/index.js","module":"../../../../esm/deprecated/components/Wizard/index.js","typings":"../../../../esm/deprecated/components/Wizard/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-favorites.js-dynamic","main":"../../../js/helpers/favorites.js","module":"../../../esm/helpers/favorites.js","typings":"../../../esm/helpers/favorites.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-favorites.js-dynamic","main":"../../../js/helpers/favorites.js","module":"../../../esm/helpers/favorites.js","typings":"../../../esm/helpers/favorites.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-modal-next-dynamic","main":"../../../../js/next/components/Modal/index.js","module":"../../../../esm/next/components/Modal/index.js","typings":"../../../../esm/next/components/Modal/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-modal-next-dynamic","main":"../../../../js/next/components/Modal/index.js","module":"../../../../esm/next/components/Modal/index.js","typings":"../../../../esm/next/components/Modal/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.37","private":true}
|
|
@@ -9,6 +9,8 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
9
9
|
color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'orangered' | 'grey' | 'gold';
|
|
10
10
|
/** Variant of the label. */
|
|
11
11
|
variant?: 'outline' | 'filled' | 'overflow' | 'add';
|
|
12
|
+
/** Status of the label with a respective icon and color. Overrides the color set by the color property. */
|
|
13
|
+
status?: 'success' | 'warning' | 'danger' | 'info' | 'custom';
|
|
12
14
|
/** Flag indicating the label is compact. */
|
|
13
15
|
isCompact?: boolean;
|
|
14
16
|
/** @beta Flag indicating the label is editable. */
|
|
@@ -23,7 +25,7 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
23
25
|
textMaxWidth?: string;
|
|
24
26
|
/** Position of the tooltip which is displayed if text is truncated */
|
|
25
27
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
26
|
-
/** Icon added to the left of the label text. */
|
|
28
|
+
/** Icon added to the left of the label text. Overrides the icon set by the status property. */
|
|
27
29
|
icon?: React.ReactNode;
|
|
28
30
|
/** Close click callback for removable labels. If present, label will have a close button. */
|
|
29
31
|
onClose?: (event: React.MouseEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAWtD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IAChG,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACpD,2GAA2G;IAC3G,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC9D,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gKAAgK;IAChK,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,wHAAwH;IACxH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,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,+FAA+F;IAC/F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,mKAAmK;IACnK,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+HAA+H;IAC/H,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,6GAA6G;IAC7G,MAAM,CAAC,EAAE,CAAC,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACb,EAAE;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,YAAY,EAAE,GAAG,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAsBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CA+QrD,CAAC"}
|
|
@@ -6,9 +6,14 @@ import labelGrpStyles from '@patternfly/react-styles/css/components/Label/label-
|
|
|
6
6
|
import { Button } from '../Button';
|
|
7
7
|
import { Tooltip } from '../Tooltip';
|
|
8
8
|
import { css } from '@patternfly/react-styles';
|
|
9
|
-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
10
9
|
import { useIsomorphicLayoutEffect } from '../../helpers';
|
|
11
10
|
import cssTextMaxWidth from '@patternfly/react-tokens/dist/esm/c_label__text_MaxWidth';
|
|
11
|
+
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
12
|
+
import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
|
|
13
|
+
import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
|
|
14
|
+
import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
|
|
15
|
+
import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
|
|
16
|
+
import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
|
|
12
17
|
const colorStyles = {
|
|
13
18
|
blue: styles.modifiers.blue,
|
|
14
19
|
cyan: styles.modifiers.cyan,
|
|
@@ -20,8 +25,15 @@ const colorStyles = {
|
|
|
20
25
|
gold: styles.modifiers.gold,
|
|
21
26
|
grey: ''
|
|
22
27
|
};
|
|
28
|
+
const statusIcons = {
|
|
29
|
+
success: React.createElement(CheckCircleIcon, null),
|
|
30
|
+
warning: React.createElement(ExclamationTriangleIcon, null),
|
|
31
|
+
danger: React.createElement(ExclamationCircleIcon, null),
|
|
32
|
+
info: React.createElement(InfoCircleIcon, null),
|
|
33
|
+
custom: React.createElement(BellIcon, null)
|
|
34
|
+
};
|
|
23
35
|
export const Label = (_a) => {
|
|
24
|
-
var { children, className = '', color = 'grey', variant = 'filled', isCompact = false, isEditable = false, editableProps, textMaxWidth, tooltipPosition, icon, onClose, onClick: onLabelClick, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, render } = _a, props = __rest(_a, ["children", "className", "color", "variant", "isCompact", "isEditable", "editableProps", "textMaxWidth", "tooltipPosition", "icon", "onClose", "onClick", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "render"]);
|
|
36
|
+
var { children, className = '', color = 'grey', variant = 'filled', status, isCompact = false, isEditable = false, editableProps, textMaxWidth, tooltipPosition, icon, onClose, onClick: onLabelClick, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, render } = _a, props = __rest(_a, ["children", "className", "color", "variant", "status", "isCompact", "isEditable", "editableProps", "textMaxWidth", "tooltipPosition", "icon", "onClose", "onClick", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "render"]);
|
|
25
37
|
const [isEditableActive, setIsEditableActive] = useState(false);
|
|
26
38
|
const [currValue, setCurrValue] = useState(children);
|
|
27
39
|
const editableButtonRef = React.useRef();
|
|
@@ -29,6 +41,13 @@ export const Label = (_a) => {
|
|
|
29
41
|
const isOverflowLabel = variant === 'overflow';
|
|
30
42
|
const isAddLabel = variant === 'add';
|
|
31
43
|
const isClickable = (onLabelClick && !isOverflowLabel && !isAddLabel) || href;
|
|
44
|
+
let _icon;
|
|
45
|
+
if (status) {
|
|
46
|
+
_icon = statusIcons[status];
|
|
47
|
+
}
|
|
48
|
+
if (icon) {
|
|
49
|
+
_icon = icon;
|
|
50
|
+
}
|
|
32
51
|
React.useEffect(() => {
|
|
33
52
|
document.addEventListener('mousedown', onDocMouseDown);
|
|
34
53
|
document.addEventListener('keydown', onKeyDown);
|
|
@@ -125,7 +144,7 @@ export const Label = (_a) => {
|
|
|
125
144
|
}
|
|
126
145
|
}, [isEditableActive]);
|
|
127
146
|
const content = (React.createElement(React.Fragment, null,
|
|
128
|
-
|
|
147
|
+
_icon && React.createElement("span", { className: css(styles.labelIcon) }, _icon),
|
|
129
148
|
React.createElement("span", Object.assign({ ref: textRef, className: css(styles.labelText) }, (textMaxWidth && {
|
|
130
149
|
style: {
|
|
131
150
|
[cssTextMaxWidth.name]: textMaxWidth
|
|
@@ -168,7 +187,7 @@ export const Label = (_a) => {
|
|
|
168
187
|
else if (isTooltipVisible) {
|
|
169
188
|
labelComponentChild = (React.createElement(Tooltip, { content: children, position: tooltipPosition }, labelComponentChild));
|
|
170
189
|
}
|
|
171
|
-
return (React.createElement(LabelComponent, Object.assign({}, props, { className: css(styles.label, colorStyles[color], variant === 'outline' && styles.modifiers.outline, isOverflowLabel && styles.modifiers.overflow, isCompact && styles.modifiers.compact, isEditable && labelGrpStyles.modifiers.editable, isEditableActive && styles.modifiers.editableActive, isClickable && styles.modifiers.clickable, isAddLabel && styles.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }),
|
|
190
|
+
return (React.createElement(LabelComponent, Object.assign({}, props, { className: css(styles.label, colorStyles[color], variant === 'filled' && styles.modifiers.filled, variant === 'outline' && styles.modifiers.outline, status && styles.modifiers[status], isOverflowLabel && styles.modifiers.overflow, isCompact && styles.modifiers.compact, isEditable && labelGrpStyles.modifiers.editable, isEditableActive && styles.modifiers.editableActive, isClickable && styles.modifiers.clickable, isAddLabel && styles.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }),
|
|
172
191
|
!isEditableActive && labelComponentChild,
|
|
173
192
|
!isEditableActive && onClose && button,
|
|
174
193
|
isEditableActive && (React.createElement("input", Object.assign({ className: css(styles.labelContent), type: "text", id: "editable-input", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,gEAA4D;AACzE,OAAO,cAAc,sEAAkE;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
9
9
|
color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'orangered' | 'grey' | 'gold';
|
|
10
10
|
/** Variant of the label. */
|
|
11
11
|
variant?: 'outline' | 'filled' | 'overflow' | 'add';
|
|
12
|
+
/** Status of the label with a respective icon and color. Overrides the color set by the color property. */
|
|
13
|
+
status?: 'success' | 'warning' | 'danger' | 'info' | 'custom';
|
|
12
14
|
/** Flag indicating the label is compact. */
|
|
13
15
|
isCompact?: boolean;
|
|
14
16
|
/** @beta Flag indicating the label is editable. */
|
|
@@ -23,7 +25,7 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
23
25
|
textMaxWidth?: string;
|
|
24
26
|
/** Position of the tooltip which is displayed if text is truncated */
|
|
25
27
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
26
|
-
/** Icon added to the left of the label text. */
|
|
28
|
+
/** Icon added to the left of the label text. Overrides the icon set by the status property. */
|
|
27
29
|
icon?: React.ReactNode;
|
|
28
30
|
/** Close click callback for removable labels. If present, label will have a close button. */
|
|
29
31
|
onClose?: (event: React.MouseEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAWtD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IAChG,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACpD,2GAA2G;IAC3G,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC9D,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gKAAgK;IAChK,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,wHAAwH;IACxH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,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,+FAA+F;IAC/F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,mKAAmK;IACnK,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+HAA+H;IAC/H,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,6GAA6G;IAC7G,MAAM,CAAC,EAAE,CAAC,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACb,EAAE;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,YAAY,EAAE,GAAG,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAsBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CA+QrD,CAAC"}
|
|
@@ -9,9 +9,14 @@ const label_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/
|
|
|
9
9
|
const Button_1 = require("../Button");
|
|
10
10
|
const Tooltip_1 = require("../Tooltip");
|
|
11
11
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
12
|
-
const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
|
|
13
12
|
const helpers_1 = require("../../helpers");
|
|
14
13
|
const c_label__text_MaxWidth_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_label__text_MaxWidth'));
|
|
14
|
+
const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
|
|
15
|
+
const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
|
|
16
|
+
const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
|
|
17
|
+
const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
|
|
18
|
+
const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
|
|
19
|
+
const info_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/info-circle-icon'));
|
|
15
20
|
const colorStyles = {
|
|
16
21
|
blue: label_1.default.modifiers.blue,
|
|
17
22
|
cyan: label_1.default.modifiers.cyan,
|
|
@@ -23,8 +28,15 @@ const colorStyles = {
|
|
|
23
28
|
gold: label_1.default.modifiers.gold,
|
|
24
29
|
grey: ''
|
|
25
30
|
};
|
|
31
|
+
const statusIcons = {
|
|
32
|
+
success: React.createElement(check_circle_icon_1.default, null),
|
|
33
|
+
warning: React.createElement(exclamation_triangle_icon_1.default, null),
|
|
34
|
+
danger: React.createElement(exclamation_circle_icon_1.default, null),
|
|
35
|
+
info: React.createElement(info_circle_icon_1.default, null),
|
|
36
|
+
custom: React.createElement(bell_icon_1.default, null)
|
|
37
|
+
};
|
|
26
38
|
const Label = (_a) => {
|
|
27
|
-
var { children, className = '', color = 'grey', variant = 'filled', isCompact = false, isEditable = false, editableProps, textMaxWidth, tooltipPosition, icon, onClose, onClick: onLabelClick, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, render } = _a, props = tslib_1.__rest(_a, ["children", "className", "color", "variant", "isCompact", "isEditable", "editableProps", "textMaxWidth", "tooltipPosition", "icon", "onClose", "onClick", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "render"]);
|
|
39
|
+
var { children, className = '', color = 'grey', variant = 'filled', status, isCompact = false, isEditable = false, editableProps, textMaxWidth, tooltipPosition, icon, onClose, onClick: onLabelClick, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, render } = _a, props = tslib_1.__rest(_a, ["children", "className", "color", "variant", "status", "isCompact", "isEditable", "editableProps", "textMaxWidth", "tooltipPosition", "icon", "onClose", "onClick", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "render"]);
|
|
28
40
|
const [isEditableActive, setIsEditableActive] = (0, react_1.useState)(false);
|
|
29
41
|
const [currValue, setCurrValue] = (0, react_1.useState)(children);
|
|
30
42
|
const editableButtonRef = React.useRef();
|
|
@@ -32,6 +44,13 @@ const Label = (_a) => {
|
|
|
32
44
|
const isOverflowLabel = variant === 'overflow';
|
|
33
45
|
const isAddLabel = variant === 'add';
|
|
34
46
|
const isClickable = (onLabelClick && !isOverflowLabel && !isAddLabel) || href;
|
|
47
|
+
let _icon;
|
|
48
|
+
if (status) {
|
|
49
|
+
_icon = statusIcons[status];
|
|
50
|
+
}
|
|
51
|
+
if (icon) {
|
|
52
|
+
_icon = icon;
|
|
53
|
+
}
|
|
35
54
|
React.useEffect(() => {
|
|
36
55
|
document.addEventListener('mousedown', onDocMouseDown);
|
|
37
56
|
document.addEventListener('keydown', onKeyDown);
|
|
@@ -128,7 +147,7 @@ const Label = (_a) => {
|
|
|
128
147
|
}
|
|
129
148
|
}, [isEditableActive]);
|
|
130
149
|
const content = (React.createElement(React.Fragment, null,
|
|
131
|
-
|
|
150
|
+
_icon && React.createElement("span", { className: (0, react_styles_1.css)(label_1.default.labelIcon) }, _icon),
|
|
132
151
|
React.createElement("span", Object.assign({ ref: textRef, className: (0, react_styles_1.css)(label_1.default.labelText) }, (textMaxWidth && {
|
|
133
152
|
style: {
|
|
134
153
|
[c_label__text_MaxWidth_1.default.name]: textMaxWidth
|
|
@@ -171,7 +190,7 @@ const Label = (_a) => {
|
|
|
171
190
|
else if (isTooltipVisible) {
|
|
172
191
|
labelComponentChild = (React.createElement(Tooltip_1.Tooltip, { content: children, position: tooltipPosition }, labelComponentChild));
|
|
173
192
|
}
|
|
174
|
-
return (React.createElement(LabelComponent, Object.assign({}, props, { className: (0, react_styles_1.css)(label_1.default.label, colorStyles[color], variant === 'outline' && label_1.default.modifiers.outline, isOverflowLabel && label_1.default.modifiers.overflow, isCompact && label_1.default.modifiers.compact, isEditable && label_group_1.default.modifiers.editable, isEditableActive && label_1.default.modifiers.editableActive, isClickable && label_1.default.modifiers.clickable, isAddLabel && label_1.default.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }),
|
|
193
|
+
return (React.createElement(LabelComponent, Object.assign({}, props, { className: (0, react_styles_1.css)(label_1.default.label, colorStyles[color], variant === 'filled' && label_1.default.modifiers.filled, variant === 'outline' && label_1.default.modifiers.outline, status && label_1.default.modifiers[status], isOverflowLabel && label_1.default.modifiers.overflow, isCompact && label_1.default.modifiers.compact, isEditable && label_group_1.default.modifiers.editable, isEditableActive && label_1.default.modifiers.editableActive, isClickable && label_1.default.modifiers.clickable, isAddLabel && label_1.default.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }),
|
|
175
194
|
!isEditableActive && labelComponentChild,
|
|
176
195
|
!isEditableActive && onClose && button,
|
|
177
196
|
isEditableActive && (React.createElement("input", Object.assign({ className: (0, react_styles_1.css)(label_1.default.labelContent), type: "text", id: "editable-input", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iCAAiC;AACjC,wGAAyE;AACzE,oHAAuF;AACvF,sCAAmC;AACnC,wCAAsD;AACtD,2DAA+C;AAC/C,0GAA0E;AAC1E,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iCAAiC;AACjC,wGAAyE;AACzE,oHAAuF;AACvF,sCAAmC;AACnC,wCAAsD;AACtD,2DAA+C;AAC/C,2CAA0D;AAC1D,6HAAuF;AACvF,0GAA0E;AAC1E,wHAAuF;AACvF,wGAAwE;AACxE,oIAAmG;AACnG,wIAAuG;AACvG,sHAAqF;AAmErF,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,eAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,eAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,KAAK,EAAE,eAAM,CAAC,SAAS,CAAC,KAAK;IAC7B,MAAM,EAAE,eAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,MAAM,EAAE,eAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,GAAG,EAAE,eAAM,CAAC,SAAS,CAAC,GAAG;IACzB,SAAS,EAAE,eAAM,CAAC,SAAS,CAAC,SAAS;IACrC,IAAI,EAAE,eAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,oBAAC,2BAAe,OAAG;IAC5B,OAAO,EAAE,oBAAC,mCAAuB,OAAG;IACpC,MAAM,EAAE,oBAAC,iCAAqB,OAAG;IACjC,IAAI,EAAE,oBAAC,0BAAc,OAAG;IACxB,MAAM,EAAE,oBAAC,mBAAQ,OAAG;CACrB,CAAC;AAEK,MAAM,KAAK,GAAwC,CAAC,EAsB9C,EAAE,EAAE;QAtB0C,EACzD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,QAAQ,EAClB,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,OAAO,EACP,OAAO,EAAE,YAAY,EACrB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,MAAM,OAEK,EADR,KAAK,sBArBiD,0QAsB1D,CADS;IAER,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IAC5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IAE1D,MAAM,eAAe,GAAG,OAAO,KAAK,UAAU,CAAC;IAC/C,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,CAAC;IACrC,MAAM,WAAW,GAAG,CAAC,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC;IAE9E,IAAI,KAAK,CAAC;IACV,IAAI,MAAM,EAAE;QACV,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;KAC7B;IACD,IAAI,IAAI,EAAE;QACR,KAAK,GAAG,IAAI,CAAC;KACd;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACvD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YAC1D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,sHAAsH,CACvH,CAAC;SACH;aAAM,IAAI,YAAY,IAAI,UAAU,EAAE;YACrC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,0IAA0I,CAC3I,CAAC;SACH;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,IACE,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB,CAAC,OAAO;YACxB,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACxD;YACA,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;gBAClC,cAAc,IAAI,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACzE;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;;QACzC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACtB,IACE,CAAC,CAAC,gBAAgB;YAChB,CAAC,CAAC,iBAAiB;gBACjB,CAAC,iBAAiB,CAAC,OAAO;gBAC1B,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,CAAC;YAC/D,CAAC,gBAAgB;gBACf,CAAC,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,CAAC,EAC/G;YACA,OAAO;SACR;QACD,IAAI,gBAAgB,IAAI,CAAC,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,KAAK,CAAC,EAAE;YAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;gBAClC,cAAc,IAAI,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACzE;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SACrC;QACD,IAAI,gBAAgB,IAAI,GAAG,KAAK,QAAQ,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,qDAAqD;YACrD,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;gBAClC,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAAG,QAAkB,CAAC;gBACpD,YAAY,IAAI,YAAY,CAAC,KAAK,EAAE,QAAkB,CAAC,CAAC;aACzD;YACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SACrC;QACD,IAAI,CAAC,gBAAgB,IAAI,GAAG,KAAK,OAAO,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAE1B,qCAAqC;YACrC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAqB,CAAC;YACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YAClC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;YAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACtB,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,eAAe,IAAI,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAQ,CAAC;IAElF,IAAI,kBAAkB,GAAG,aAAa,CAAC;IACvC,IAAI,iBAAiB,EAAE;QACrB,kBAAkB,GAAG,iBAAiB,CAAC;KACxC;SAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QACvC,kBAAkB,GAAG,SAAS,QAAQ,EAAE,CAAC;KAC1C;IAED,MAAM,aAAa,GAAG,CACpB,oBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,YAAY,QACZ,OAAO,EAAE,OAAO,gBACJ,kBAAkB,IAC1B,aAAa;QAEjB,oBAAC,oBAAS,OAAG,CACN,CACV,CAAC;IAEF,MAAM,MAAM,GAAG,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,IAAI,aAAa,CAAQ,CAAC;IAC7F,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAO,CAAC;IACvC,6CAA6C;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IACpC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,IAAA,mCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7D,IAAI,CAAC,gBAAgB,EAAE;YACrB,mBAAmB,CAAC,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;SAC/G;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;QACZ,KAAK,IAAI,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAQ;QAChE,4CACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,SAAS,CAAC,IAC5B,CAAC,YAAY,IAAI;YACnB,KAAK,EAAE;gBACL,CAAC,gCAAe,CAAC,IAAI,CAAC,EAAE,YAAY;aACd;SACzB,CAAC,GAED,QAAQ,CACJ,CACQ,CAClB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,IAAI,gBAAgB,EAAE;YACxC,gBAAgB,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC9D;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAI,0BAA0B,GAAG,MAAM,CAAC;IACxC,IAAI,IAAI,EAAE;QACR,0BAA0B,GAAG,GAAG,CAAC;KAClC;SAAM,IAAI,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,UAAU,CAAC,EAAE;QAC1E,0BAA0B,GAAG,QAAQ,CAAC;KACvC;IAED,MAAM,mBAAmB,GAAG;QAC1B,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,YAAY;KACtB,CAAC;IAEF,MAAM,QAAQ,GAAG,0BAA0B,KAAK,QAAQ,CAAC;IAEzD,MAAM,wBAAwB,6DAC5B,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,YAAY,EAAE,WAAW,IAAI,eAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAC3E,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GACrC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,GAClB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,GACjC,CAAC,UAAU,oBACZ,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,IACE,aAAa,CACjB,CAAC,CACH,CAAC;IAEF,IAAI,mBAAmB,GAAG,CACxB,oBAAC,0BAA0B,oBAAK,wBAAwB,GAAG,OAAO,CAA8B,CACjG,CAAC;IAEF,IAAI,MAAM,EAAE;QACV,mBAAmB,GAAG,CACpB,oBAAC,KAAK,CAAC,QAAQ;YACZ,gBAAgB,IAAI,oBAAC,iBAAO,IAAC,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,GAAI;YACvG,MAAM,CAAC;gBACN,SAAS,EAAE,eAAM,CAAC,YAAY;gBAC9B,OAAO;gBACP,YAAY;aACb,CAAC,CACa,CAClB,CAAC;KACH;SAAM,IAAI,gBAAgB,EAAE;QAC3B,mBAAmB,GAAG,CACpB,oBAAC,iBAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,IAClD,mBAAmB,CACZ,CACX,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,SAAS,EAAE,IAAA,kBAAG,EACZ,eAAM,CAAC,KAAK,EACZ,WAAW,CAAC,KAAK,CAAC,EAClB,OAAO,KAAK,QAAQ,IAAI,eAAM,CAAC,SAAS,CAAC,MAAM,EAC/C,OAAO,KAAK,SAAS,IAAI,eAAM,CAAC,SAAS,CAAC,OAAO,EACjD,MAAM,IAAI,eAAM,CAAC,SAAS,CAAC,MAAM,CAAC,EAClC,eAAe,IAAI,eAAM,CAAC,SAAS,CAAC,QAAQ,EAC5C,SAAS,IAAI,eAAM,CAAC,SAAS,CAAC,OAAO,EACrC,UAAU,IAAI,qBAAc,CAAC,SAAS,CAAC,QAAQ,EAC/C,gBAAgB,IAAI,eAAM,CAAC,SAAS,CAAC,cAAc,EACnD,WAAW,IAAI,eAAM,CAAC,SAAS,CAAC,SAAS,EACzC,UAAU,IAAI,eAAM,CAAC,SAAS,CAAC,GAAG,EAClC,SAAS,CACV,EACD,OAAO,EAAE,eAAe,IAAI,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QAEhE,CAAC,gBAAgB,IAAI,mBAAmB;QACxC,CAAC,gBAAgB,IAAI,OAAO,IAAI,MAAM;QACtC,gBAAgB,IAAI,CACnB,6CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,YAAY,CAAC,EACnC,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,gBAAgB,EACnB,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,IACf,aAAa,EACjB,CACH,CACc,CAClB,CAAC;AACJ,CAAC,CAAC;AA/QW,QAAA,KAAK,SA+QhB;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|