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.contains(event.target)) {\n if (editableInputRef.current.value) {\n onEditComplete && onEditComplete(event, editableInputRef.current.value);\n }\n setIsEditableActive(false);\n }\n };\n const onKeyDown = (event) => {\n var _a, _b;\n const key = event.key;\n if ((!isEditableActive &&\n (!editableButtonRef ||\n !editableButtonRef.current ||\n !editableButtonRef.current.contains(event.target))) ||\n (isEditableActive &&\n (!editableInputRef || !editableInputRef.current || !editableInputRef.current.contains(event.target)))) {\n return;\n }\n if (isEditableActive && (key === 'Enter' || key === 'Tab')) {\n event.preventDefault();\n event.stopImmediatePropagation();\n if (editableInputRef.current.value) {\n onEditComplete && onEditComplete(event, editableInputRef.current.value);\n }\n setIsEditableActive(false);\n (_a = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n }\n if (isEditableActive && key === 'Escape') {\n event.preventDefault();\n event.stopImmediatePropagation();\n // Reset div text to initial children prop - pre-edit\n if (editableInputRef.current.value) {\n editableInputRef.current.value = children;\n onEditCancel && onEditCancel(event, children);\n }\n setIsEditableActive(false);\n (_b = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();\n }\n if (!isEditableActive && key === 'Enter') {\n event.preventDefault();\n event.stopImmediatePropagation();\n setIsEditableActive(true);\n // Set cursor position to end of text\n const el = event.target;\n const range = document.createRange();\n const sel = window.getSelection();\n range.selectNodeContents(el);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n };\n const LabelComponent = (isOverflowLabel ? 'button' : 'span');\n const button = closeBtn ? (closeBtn) : (React.createElement(Button, Object.assign({ type: \"button\", variant: \"plain\", onClick: onClose, \"aria-label\": closeBtnAriaLabel || `Close ${children}` }, closeBtnProps),\n React.createElement(TimesIcon, null)));\n const textRef = React.createRef();\n // ref to apply tooltip when rendered is used\n const componentRef = React.useRef();\n const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);\n useIsomorphicLayoutEffect(() => {\n const currTextRef = isEditable ? editableButtonRef : textRef;\n if (!isEditableActive) {\n setIsTooltipVisible(currTextRef.current && currTextRef.current.offsetWidth < currTextRef.current.scrollWidth);\n }\n }, [isEditableActive]);\n const content = (React.createElement(React.Fragment, null,\n icon && React.createElement(\"span\", { className: css(styles.labelIcon) }, icon),\n isTruncated && (React.createElement(\"span\", { ref: textRef, className: css(styles.labelText) }, children)),\n !isTruncated && children));\n React.useEffect(() => {\n if (isEditableActive && editableInputRef) {\n editableInputRef.current && editableInputRef.current.focus();\n }\n }, [editableInputRef, isEditableActive]);\n const updateVal = () => {\n setCurrValue(editableInputRef.current.value);\n };\n let labelComponentChild = React.createElement(\"span\", { className: css(styles.labelContent) }, content);\n if (href) {\n labelComponentChild = (React.createElement(\"a\", { className: css(styles.labelContent), href: href }, content));\n }\n else if (isEditable) {\n labelComponentChild = (React.createElement(\"button\", Object.assign({ ref: editableButtonRef, className: css(styles.labelContent), onClick: (e) => {\n setIsEditableActive(true);\n e.stopPropagation();\n } }, editableProps), content));\n }\n if (render) {\n labelComponentChild = (React.createElement(React.Fragment, null,\n isTooltipVisible && React.createElement(Tooltip, { reference: componentRef, content: children, position: tooltipPosition }),\n render({\n className: styles.labelContent,\n content,\n componentRef\n })));\n }\n else if (isTooltipVisible) {\n labelComponentChild = (React.createElement(Tooltip, { content: children, position: tooltipPosition }, labelComponentChild));\n }\n 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, className) }),\n !isEditableActive && labelComponentChild,\n !isEditableActive && onClose && button,\n isEditableActive && (React.createElement(\"input\", Object.assign({ className: css(styles.labelContent), type: \"text\", id: \"editable-input\", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))));\n};\nLabel.displayName = 'Label';\n//# sourceMappingURL=Label.js.map"],"names":["labelStyles","styles","colorStyles","Label","_a","children","className","color","variant","isCompact","isEditable","editableProps","isTruncated","tooltipPosition","icon","onClose","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","isOverflowLabel","render","props","__rest","isEditableActive","setIsEditableActive","useState","currValue","setCurrValue","editableButtonRef","React","editableInputRef","onDocMouseDown","onKeyDown","event","_b","key","el","range","sel","LabelComponent","button","Button","TimesIcon","textRef","componentRef","isTooltipVisible","setIsTooltipVisible","useIsomorphicLayoutEffect","currTextRef","content","css","updateVal","labelComponentChild","e","Tooltip","labelGrpStyles"],"mappings":"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","x_google_ignoreList":[0,1,2]} |