1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
|
{"version":3,"file":"Label-IH7etj-H.js","sources":["../../../../node_modules/.pnpm/@patternfly+react-styles@4.92.8/node_modules/@patternfly/react-styles/css/components/Label/label.mjs","../../../../node_modules/.pnpm/@patternfly+react-styles@4.92.8/node_modules/@patternfly/react-styles/css/components/LabelGroup/label-group.mjs","../../../../node_modules/.pnpm/@patternfly+react-core@4.278.0_react-dom@18.2.0_react@18.2.0/node_modules/@patternfly/react-core/dist/esm/components/Label/Label.js"],"sourcesContent":["import './label.css';\nexport default {\n \"button\": \"pf-c-button\",\n \"label\": \"pf-c-label\",\n \"labelContent\": \"pf-c-label__content\",\n \"labelIcon\": \"pf-c-label__icon\",\n \"labelText\": \"pf-c-label__text\",\n \"modifiers\": {\n \"compact\": \"pf-m-compact\",\n \"blue\": \"pf-m-blue\",\n \"green\": \"pf-m-green\",\n \"orange\": \"pf-m-orange\",\n \"red\": \"pf-m-red\",\n \"purple\": \"pf-m-purple\",\n \"cyan\": \"pf-m-cyan\",\n \"gold\": \"pf-m-gold\",\n \"outline\": \"pf-m-outline\",\n \"overflow\": \"pf-m-overflow\",\n \"add\": \"pf-m-add\",\n \"editable\": \"pf-m-editable\",\n \"editableActive\": \"pf-m-editable-active\"\n },\n \"themeDark\": \"pf-theme-dark\"\n};","import './label-group.css';\nexport default {\n \"button\": \"pf-c-button\",\n \"labelGroup\": \"pf-c-label-group\",\n \"labelGroupClose\": \"pf-c-label-group__close\",\n \"labelGroupLabel\": \"pf-c-label-group__label\",\n \"labelGroupList\": \"pf-c-label-group__list\",\n \"labelGroupListItem\": \"pf-c-label-group__list-item\",\n \"labelGroupMain\": \"pf-c-label-group__main\",\n \"labelGroupTextarea\": \"pf-c-label-group__textarea\",\n \"modifiers\": {\n \"category\": \"pf-m-category\",\n \"vertical\": \"pf-m-vertical\",\n \"editable\": \"pf-m-editable\",\n \"textarea\": \"pf-m-textarea\"\n }\n};","import { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { useState } from 'react';\nimport styles from '@patternfly/react-styles/css/components/Label/label';\nimport labelGrpStyles from '@patternfly/react-styles/css/components/LabelGroup/label-group';\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\nimport { css } from '@patternfly/react-styles';\nimport TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';\nimport { useIsomorphicLayoutEffect } from '../../helpers';\nconst colorStyles = {\n blue: styles.modifiers.blue,\n cyan: styles.modifiers.cyan,\n green: styles.modifiers.green,\n orange: styles.modifiers.orange,\n purple: styles.modifiers.purple,\n red: styles.modifiers.red,\n gold: styles.modifiers.gold,\n grey: ''\n};\nexport const Label = (_a) => {\n var { children, className = '', color = 'grey', variant = 'filled', isCompact = false, isEditable = false, editableProps, isTruncated = false, tooltipPosition, icon, onClose, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, isOverflowLabel, render } = _a, props = __rest(_a, [\"children\", \"className\", \"color\", \"variant\", \"isCompact\", \"isEditable\", \"editableProps\", \"isTruncated\", \"tooltipPosition\", \"icon\", \"onClose\", \"onEditCancel\", \"onEditComplete\", \"closeBtn\", \"closeBtnAriaLabel\", \"closeBtnProps\", \"href\", \"isOverflowLabel\", \"render\"]);\n const [isEditableActive, setIsEditableActive] = useState(false);\n const [currValue, setCurrValue] = useState(children);\n const editableButtonRef = React.useRef();\n const editableInputRef = React.useRef();\n React.useEffect(() => {\n document.addEventListener('mousedown', onDocMouseDown);\n document.addEventListener('keydown', onKeyDown);\n return () => {\n document.removeEventListener('mousedown', onDocMouseDown);\n document.removeEventListener('keydown', onKeyDown);\n };\n });\n const onDocMouseDown = (event) => {\n if (isEditableActive &&\n editableInputRef &&\n editableInputRef.current &&\n !editableInputRef.current.con
|