@patternfly/react-core 4.232.11 → 4.233.0
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 +27 -0
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts +17 -3
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js +39 -8
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.js +5 -3
- package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +3 -0
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/esm/components/LabelGroup/LabelGroup.d.ts +4 -4
- package/dist/esm/components/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.d.ts +5 -0
- package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.js +5 -4
- package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +17 -3
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js +40 -9
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.js +5 -3
- package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/js/components/Label/Label.d.ts.map +1 -1
- package/dist/js/components/Label/Label.js +3 -0
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/js/components/LabelGroup/LabelGroup.d.ts +4 -4
- package/dist/js/components/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.d.ts +5 -0
- package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.js +4 -3
- package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/umd/react-core.css +69 -69
- package/dist/umd/react-core.js +59 -18
- package/dist/umd/react-core.min.css +756 -756
- package/dist/umd/react-core.min.js +5 -5
- package/package.json +6 -6
- package/src/components/ExpandableSection/ExpandableSection.tsx +73 -19
- package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +15 -9
- package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +27 -1
- package/src/components/ExpandableSection/examples/ExpandableSection.md +7 -0
- package/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx +27 -0
- package/src/components/InputGroup/InputGroup.tsx +5 -3
- package/src/components/InputGroup/__tests__/InputGroup.test.tsx +30 -0
- package/src/components/Label/Label.tsx +3 -1
- package/src/components/LabelGroup/LabelGroup.tsx +4 -4
- package/src/components/LabelGroup/examples/LabelGroup.md +1 -1
- package/src/components/LabelGroup/examples/LabelGroupEditableAdd.tsx +1 -1
- package/src/components/LabelGroup/examples/LabelGroupEditableAddDropdown.tsx +1 -1
- package/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx +23 -21
- package/src/components/NumberInput/NumberInput.tsx +14 -8
- package/src/components/NumberInput/__tests__/NumberInput.test.tsx +16 -0
- package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +292 -18
- package/src/components/NumberInput/examples/NumberInput.md +5 -0
- package/src/components/NumberInput/examples/WithStatus.tsx +59 -0
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ExpandableSection = void 0;
|
|
3
|
+
exports.ExpandableSection = exports.ExpandableSectionVariant = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const expandable_section_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ExpandableSection/expandable-section"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
const c_expandable_section_m_truncate__content_LineClamp_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_expandable_section_m_truncate__content_LineClamp'));
|
|
8
9
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
10
|
+
var ExpandableSectionVariant;
|
|
11
|
+
(function (ExpandableSectionVariant) {
|
|
12
|
+
ExpandableSectionVariant["default"] = "default";
|
|
13
|
+
ExpandableSectionVariant["truncate"] = "truncate";
|
|
14
|
+
})(ExpandableSectionVariant = exports.ExpandableSectionVariant || (exports.ExpandableSectionVariant = {}));
|
|
15
|
+
const setLineClamp = (lines, element) => {
|
|
16
|
+
if (!element || lines < 1) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
element.style.setProperty(c_expandable_section_m_truncate__content_LineClamp_1.default.name, lines.toString());
|
|
20
|
+
};
|
|
9
21
|
class ExpandableSection extends React.Component {
|
|
10
22
|
constructor(props) {
|
|
11
23
|
super(props);
|
|
24
|
+
this.expandableContentRef = React.createRef();
|
|
12
25
|
this.state = {
|
|
13
26
|
isExpanded: props.isExpanded
|
|
14
27
|
};
|
|
@@ -22,10 +35,25 @@ class ExpandableSection extends React.Component {
|
|
|
22
35
|
}
|
|
23
36
|
return toggleText;
|
|
24
37
|
}
|
|
38
|
+
componentDidMount() {
|
|
39
|
+
if (this.props.variant === ExpandableSectionVariant.truncate && this.props.truncateMaxLines) {
|
|
40
|
+
const expandableContent = this.expandableContentRef.current;
|
|
41
|
+
setLineClamp(this.props.truncateMaxLines, expandableContent);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
componentDidUpdate(prevProps) {
|
|
45
|
+
if (this.props.variant === ExpandableSectionVariant.truncate &&
|
|
46
|
+
prevProps.truncateMaxLines !== this.props.truncateMaxLines) {
|
|
47
|
+
const expandableContent = this.expandableContentRef.current;
|
|
48
|
+
setLineClamp(this.props.truncateMaxLines, expandableContent);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
25
51
|
render() {
|
|
26
52
|
const _a = this.props, { onToggle: onToggleProp,
|
|
27
53
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28
|
-
isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId
|
|
54
|
+
isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, variant,
|
|
55
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
56
|
+
truncateMaxLines } = _a, props = tslib_1.__rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "variant", "truncateMaxLines"]);
|
|
29
57
|
let onToggle = onToggleProp;
|
|
30
58
|
let propOrStateIsExpanded = isExpanded;
|
|
31
59
|
// uncontrolled
|
|
@@ -36,12 +64,14 @@ class ExpandableSection extends React.Component {
|
|
|
36
64
|
};
|
|
37
65
|
}
|
|
38
66
|
const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
React.createElement(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
67
|
+
const expandableToggle = !isDetached && (React.createElement("button", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
|
|
68
|
+
variant !== ExpandableSectionVariant.truncate && (React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon) },
|
|
69
|
+
React.createElement(angle_right_icon_1.default, { "aria-hidden": true }))),
|
|
70
|
+
React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleText) }, toggleContent || computedToggleText)));
|
|
71
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(expandable_section_1.default.expandableSection, propOrStateIsExpanded && expandable_section_1.default.modifiers.expanded, isActive && expandable_section_1.default.modifiers.active, isDetached && expandable_section_1.default.modifiers.detached, displaySize === 'large' && expandable_section_1.default.modifiers.displayLg, isWidthLimited && expandable_section_1.default.modifiers.limitWidth, isIndented && expandable_section_1.default.modifiers.indented, variant === ExpandableSectionVariant.truncate && expandable_section_1.default.modifiers.truncate, className) }, props),
|
|
72
|
+
variant === ExpandableSectionVariant.default && expandableToggle,
|
|
73
|
+
React.createElement("div", { ref: this.expandableContentRef, className: react_styles_1.css(expandable_section_1.default.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: contentId }, children),
|
|
74
|
+
variant === ExpandableSectionVariant.truncate && expandableToggle));
|
|
45
75
|
}
|
|
46
76
|
}
|
|
47
77
|
exports.ExpandableSection = ExpandableSection;
|
|
@@ -58,6 +88,7 @@ ExpandableSection.defaultProps = {
|
|
|
58
88
|
displaySize: 'default',
|
|
59
89
|
isWidthLimited: false,
|
|
60
90
|
isIndented: false,
|
|
61
|
-
contentId: ''
|
|
91
|
+
contentId: '',
|
|
92
|
+
variant: 'default'
|
|
62
93
|
};
|
|
63
94
|
//# sourceMappingURL=ExpandableSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;AAC/C,sHAAqF;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,8 @@ export interface ExpandableSectionToggleProps extends React.HTMLProps<HTMLDivEle
|
|
|
12
12
|
contentId?: string;
|
|
13
13
|
/** Direction the toggle arrow should point when the expandable section is expanded. */
|
|
14
14
|
direction?: 'up' | 'down';
|
|
15
|
+
/** @beta Flag to determine toggle styling when the expandable content is truncated. */
|
|
16
|
+
hasTruncatedContent?: boolean;
|
|
15
17
|
}
|
|
16
18
|
export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
|
|
17
19
|
//# sourceMappingURL=ExpandableSectionToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAwCzF,CAAC"}
|
|
@@ -7,11 +7,11 @@ const expandable_section_1 = tslib_1.__importDefault(require("@patternfly/react-
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
9
9
|
const ExpandableSectionToggle = (_a) => {
|
|
10
|
-
var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down' } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction"]);
|
|
11
|
-
return (React.createElement("div", Object.assign({
|
|
10
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down', hasTruncatedContent = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction", "hasTruncatedContent"]);
|
|
11
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(expandable_section_1.default.expandableSection, isExpanded && expandable_section_1.default.modifiers.expanded, expandable_section_1.default.modifiers.detached, hasTruncatedContent && expandable_section_1.default.modifiers.truncate, className) }, props),
|
|
12
12
|
React.createElement("button", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
|
|
13
|
-
React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop) },
|
|
14
|
-
React.createElement(angle_right_icon_1.default, { "aria-hidden": true })),
|
|
13
|
+
!hasTruncatedContent && (React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop) },
|
|
14
|
+
React.createElement(angle_right_icon_1.default, { "aria-hidden": true }))),
|
|
15
15
|
React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleText) }, children))));
|
|
16
16
|
};
|
|
17
17
|
exports.ExpandableSectionToggle = ExpandableSectionToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;AAC/C,sHAAqF;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;AAC/C,sHAAqF;AAmB9E,MAAM,uBAAuB,GAA0D,CAAC,EAShE,EAAE,EAAE;QAT4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,mBAAmB,GAAG,KAAK,OAEE,EAD1B,KAAK,sBARqF,oGAS9F,CADS;IAC0B,OAAA,CAClC,2CACE,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,mBAAmB,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,SAAS,CACV,IACG,KAAK;QAET,gCACE,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,uBAAuB,CAAC,EAC9C,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;YAEnC,CAAC,mBAAmB,IAAI,CACvB,8BACE,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,4BAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,0BAAc,0BAAe,CACzB,CACR;YACD,8BAAM,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AAxCW,QAAA,uBAAuB,2BAwClC;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0B/D,CAAC"}
|
|
@@ -14,9 +14,11 @@ const InputGroup = (_a) => {
|
|
|
14
14
|
const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
|
|
15
15
|
const inputGroupRef = innerRef || React.useRef(null);
|
|
16
16
|
return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: react_styles_1.css(input_group_1.default.inputGroup, className) }, props), idItem
|
|
17
|
-
? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
|
|
18
|
-
?
|
|
19
|
-
: child
|
|
17
|
+
? React.Children.map(children, (child) => !formCtrls.includes(child.type.displayName) || child.props['aria-describedby']
|
|
18
|
+
? child
|
|
19
|
+
: React.cloneElement(child, {
|
|
20
|
+
'aria-describedby': child.props['aria-describedby'] === '' ? undefined : idItem.props.id
|
|
21
|
+
}))
|
|
20
22
|
: children));
|
|
21
23
|
};
|
|
22
24
|
exports.InputGroup = InputGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;AAWlC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,sBAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,uBAAU,EAAE,mBAAQ,EAAE,qBAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;AAWlC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,sBAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,uBAAU,EAAE,mBAAQ,EAAE,qBAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC5E,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACzF,CAAC,CACP;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,UAAU,cA0BrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -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;AAKtD,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,MAAM,GAAG,MAAM,CAAC;IAClF,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,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,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,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,gDAAgD;IAChD,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,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,
|
|
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;AAKtD,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,MAAM,GAAG,MAAM,CAAC;IAClF,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,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,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,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,gDAAgD;IAChD,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,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAyNrD,CAAC"}
|
|
@@ -47,6 +47,7 @@ const Label = (_a) => {
|
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
const onKeyDown = (event) => {
|
|
50
|
+
var _a, _b;
|
|
50
51
|
const key = event.key;
|
|
51
52
|
if ((!isEditableActive &&
|
|
52
53
|
(!editableButtonRef ||
|
|
@@ -63,6 +64,7 @@ const Label = (_a) => {
|
|
|
63
64
|
onEditComplete && onEditComplete(editableInputRef.current.value);
|
|
64
65
|
}
|
|
65
66
|
setIsEditableActive(false);
|
|
67
|
+
(_a = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
66
68
|
}
|
|
67
69
|
if (isEditableActive && key === 'Escape') {
|
|
68
70
|
event.preventDefault();
|
|
@@ -73,6 +75,7 @@ const Label = (_a) => {
|
|
|
73
75
|
onEditCancel && onEditCancel(children);
|
|
74
76
|
}
|
|
75
77
|
setIsEditableActive(false);
|
|
78
|
+
(_b = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
76
79
|
}
|
|
77
80
|
if (!isEditableActive && key === 'Enter') {
|
|
78
81
|
event.preventDefault();
|
|
@@ -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,yHAA4F;AAC5F,sCAAmC;AACnC,wCAAsD;AACtD,2DAA+C;AAC/C,0GAA0E;AAC1E,2CAA0D;AAiE1D,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,IAAI,EAAE,eAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,KAAK,GAAwC,CAAC,EAqB9C,EAAE,EAAE;QArB0C,EACzD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,WAAW,GAAG,KAAK,EACnB,eAAe,EACf,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,eAAe,EACf,MAAM,OAEK,EADR,KAAK,sBApBiD,uQAqB1D,CADS;IAER,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iCAAiC;AACjC,wGAAyE;AACzE,yHAA4F;AAC5F,sCAAmC;AACnC,wCAAsD;AACtD,2DAA+C;AAC/C,0GAA0E;AAC1E,2CAA0D;AAiE1D,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,IAAI,EAAE,eAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,KAAK,GAAwC,CAAC,EAqB9C,EAAE,EAAE;QArB0C,EACzD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,WAAW,GAAG,KAAK,EACnB,eAAe,EACf,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,eAAe,EACf,MAAM,OAEK,EADR,KAAK,sBApBiD,uQAqB1D,CADS;IAER,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IAC5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IAE1D,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,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,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aAClE;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,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aAClE;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,QAAkB,CAAC,CAAC;aAClD;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,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAQ,CAAC;IAEpE,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CACxB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACJ,iBAAiB,IAAI,SAAS,QAAQ,EAAE,IAChD,aAAa;QAEjB,oBAAC,oBAAS,OAAG,CACN,CACV,CAAC;IACF,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,mCAAyB,CAAC,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,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ;QAC7D,WAAW,IAAI,CACd,8BAAM,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,SAAS,CAAC,IACjD,QAAQ,CACJ,CACR;QACA,CAAC,WAAW,IAAI,QAAQ,CACV,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,mBAAmB,GAAG,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,YAAY,CAAC,IAAG,OAAO,CAAQ,CAAC;IAEtF,IAAI,IAAI,EAAE;QACR,mBAAmB,GAAG,CACpB,2BAAG,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,IAC/C,OAAO,CACN,CACL,CAAC;KACH;SAAM,IAAI,UAAU,EAAE;QACrB,mBAAmB,GAAG,CACpB,8CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,YAAY,CAAC,EACnC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC,IACG,aAAa,GAEhB,OAAO,CACD,CACV,CAAC;KACH;IAED,IAAI,MAAM,EAAE;QACV,mBAAmB,GAAG,CACpB,oBAAC,KAAK,CAAC,QAAQ;YACZ,gBAAgB,IAAI,oBAAC,iBAAO,IAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,GAAI;YACtG,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,kBAAG,CACZ,eAAM,CAAC,KAAK,EACZ,WAAW,CAAC,KAAK,CAAC,EAClB,OAAO,KAAK,SAAS,IAAI,eAAM,CAAC,SAAS,CAAC,OAAO,EACjD,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,SAAS,CACV;QAEA,CAAC,gBAAgB,IAAI,mBAAmB;QACxC,CAAC,gBAAgB,IAAI,OAAO,IAAI,MAAM;QACtC,gBAAgB,IAAI,CACnB,6CACE,SAAS,EAAE,kBAAG,CAAC,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;AAzNW,QAAA,KAAK,SAyNhB;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -29,13 +29,13 @@ export interface LabelGroupProps extends React.HTMLProps<HTMLUListElement> {
|
|
|
29
29
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
30
30
|
/** Flag to implement a vertical layout */
|
|
31
31
|
isVertical?: boolean;
|
|
32
|
-
/**
|
|
32
|
+
/** Flag indicating contained labels are editable. Allows spacing for a text input after the labels. */
|
|
33
33
|
isEditable?: boolean;
|
|
34
|
-
/**
|
|
34
|
+
/** Flag indicating the editable label group should be appended with a textarea. */
|
|
35
35
|
hasEditableTextArea?: boolean;
|
|
36
|
-
/**
|
|
36
|
+
/** Additional props passed to the editable textarea. */
|
|
37
37
|
editableTextAreaProps?: any;
|
|
38
|
-
/**
|
|
38
|
+
/** Control for adding new labels */
|
|
39
39
|
addLabelControl?: React.ReactNode;
|
|
40
40
|
}
|
|
41
41
|
interface LabelGroupState {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACxE,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,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,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACxE,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,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,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,oCAAoC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;gBACtB,KAAK,EAAE,eAAe;IAOlC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,eAAe,CAgBlC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAkBtB,MAAM;CAyGP"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonProps } from '../Button';
|
|
3
|
+
import { ValidatedOptions } from '../../helpers';
|
|
3
4
|
export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
5
|
/** Value of the number input */
|
|
5
6
|
value?: number;
|
|
@@ -9,6 +10,10 @@ export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
9
10
|
widthChars?: number;
|
|
10
11
|
/** Indicates the whole number input should be disabled */
|
|
11
12
|
isDisabled?: boolean;
|
|
13
|
+
/** Value to indicate if the input is modified to show that validation state
|
|
14
|
+
* @beta
|
|
15
|
+
*/
|
|
16
|
+
validated?: 'default' | 'error' | 'warning' | 'success' | ValidatedOptions;
|
|
12
17
|
/** Callback for the minus button */
|
|
13
18
|
onMinus?: (event: React.MouseEvent, name?: string) => void;
|
|
14
19
|
/** Callback for the text input changing */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC3E,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAyFjE,CAAC"}
|
|
@@ -10,6 +10,7 @@ const plus_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dis
|
|
|
10
10
|
const InputGroup_1 = require("../InputGroup");
|
|
11
11
|
const Button_1 = require("../Button");
|
|
12
12
|
const helpers_1 = require("../../helpers");
|
|
13
|
+
const TextInput_1 = require("../TextInput");
|
|
13
14
|
const defaultKeyDownHandler = (args) => (event) => {
|
|
14
15
|
if (helpers_1.KEY_CODES.ARROW_UP === event.keyCode && args.onPlus) {
|
|
15
16
|
event.preventDefault();
|
|
@@ -21,7 +22,7 @@ const defaultKeyDownHandler = (args) => (event) => {
|
|
|
21
22
|
}
|
|
22
23
|
};
|
|
23
24
|
const NumberInput = (_a) => {
|
|
24
|
-
var { value = 0, className, widthChars, isDisabled = false, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = tslib_1.__rest(_a, ["value", "className", "widthChars", "isDisabled", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
|
|
25
|
+
var { value = 0, className, widthChars, isDisabled = false, validated = helpers_1.ValidatedOptions.default, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = tslib_1.__rest(_a, ["value", "className", "widthChars", "isDisabled", "validated", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
|
|
25
26
|
const numberInputUnit = React.createElement("div", { className: react_styles_1.css(number_input_1.default.numberInputUnit) }, unit);
|
|
26
27
|
const keyDownHandler = inputProps && inputProps.onKeyDown ? inputProps.onKeyDown : defaultKeyDownHandler({ inputName, onMinus, onPlus });
|
|
27
28
|
const handleBlur = (event) => {
|
|
@@ -33,7 +34,7 @@ const NumberInput = (_a) => {
|
|
|
33
34
|
onBlur(event);
|
|
34
35
|
}
|
|
35
36
|
};
|
|
36
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(number_input_1.default.numberInput, className) }, (widthChars && {
|
|
37
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(number_input_1.default.numberInput, validated !== 'default' && number_input_1.default.modifiers.status, className) }, (widthChars && {
|
|
37
38
|
style: Object.assign({ '--pf-c-number-input--c-form-control--width-chars': widthChars }, props.style)
|
|
38
39
|
}), props),
|
|
39
40
|
unit && unitPosition === 'before' && numberInputUnit,
|
|
@@ -41,7 +42,7 @@ const NumberInput = (_a) => {
|
|
|
41
42
|
React.createElement(Button_1.Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
|
|
42
43
|
React.createElement("span", { className: react_styles_1.css(number_input_1.default.numberInputIcon) },
|
|
43
44
|
React.createElement(minus_icon_1.default, { "aria-hidden": "true" }))),
|
|
44
|
-
React.createElement(
|
|
45
|
+
React.createElement(TextInput_1.TextInput, Object.assign({ type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { isDisabled }), (onChange && { onChange: (value, event) => onChange(event) }), { onBlur: handleBlur }, (!onChange && { isReadOnly: true }), { onKeyDown: keyDownHandler, validated: validated }, inputProps)),
|
|
45
46
|
React.createElement(Button_1.Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
|
|
46
47
|
React.createElement("span", { className: react_styles_1.css(number_input_1.default.numberInputIcon) },
|
|
47
48
|
React.createElement(plus_icon_1.default, { "aria-hidden": "true" })))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,0GAA0E;AAC1E,wGAAwE;AACxE,8CAA2C;AAC3C,sCAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -24041,6 +24041,75 @@ label.pf-c-tree-view__node-text {
|
|
|
24041
24041
|
direction: ltr;
|
|
24042
24042
|
}
|
|
24043
24043
|
}
|
|
24044
|
+
.pf-l-gallery {
|
|
24045
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
24046
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
24047
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24048
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
24049
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24050
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
24051
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
24052
|
+
display: grid;
|
|
24053
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
24054
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
24055
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24056
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24057
|
+
}
|
|
24058
|
+
|
|
24059
|
+
.pf-l-gallery.pf-m-gutter {
|
|
24060
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
24061
|
+
}
|
|
24062
|
+
|
|
24063
|
+
@media (min-width: 576px) {
|
|
24064
|
+
.pf-l-gallery {
|
|
24065
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
24066
|
+
}
|
|
24067
|
+
}
|
|
24068
|
+
@media (min-width: 768px) {
|
|
24069
|
+
.pf-l-gallery {
|
|
24070
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
24071
|
+
}
|
|
24072
|
+
}
|
|
24073
|
+
@media (min-width: 992px) {
|
|
24074
|
+
.pf-l-gallery {
|
|
24075
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
24076
|
+
}
|
|
24077
|
+
}
|
|
24078
|
+
@media (min-width: 1200px) {
|
|
24079
|
+
.pf-l-gallery {
|
|
24080
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
24081
|
+
}
|
|
24082
|
+
}
|
|
24083
|
+
@media (min-width: 1450px) {
|
|
24084
|
+
.pf-l-gallery {
|
|
24085
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
24086
|
+
}
|
|
24087
|
+
}
|
|
24088
|
+
@media (min-width: 576px) {
|
|
24089
|
+
.pf-l-gallery {
|
|
24090
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
24091
|
+
}
|
|
24092
|
+
}
|
|
24093
|
+
@media (min-width: 768px) {
|
|
24094
|
+
.pf-l-gallery {
|
|
24095
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
24096
|
+
}
|
|
24097
|
+
}
|
|
24098
|
+
@media (min-width: 992px) {
|
|
24099
|
+
.pf-l-gallery {
|
|
24100
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
24101
|
+
}
|
|
24102
|
+
}
|
|
24103
|
+
@media (min-width: 1200px) {
|
|
24104
|
+
.pf-l-gallery {
|
|
24105
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
24106
|
+
}
|
|
24107
|
+
}
|
|
24108
|
+
@media (min-width: 1450px) {
|
|
24109
|
+
.pf-l-gallery {
|
|
24110
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
24111
|
+
}
|
|
24112
|
+
}
|
|
24044
24113
|
.pf-l-flex {
|
|
24045
24114
|
--pf-l-flex--Display: flex;
|
|
24046
24115
|
--pf-l-flex--FlexWrap: wrap;
|
|
@@ -26117,75 +26186,6 @@ label.pf-c-tree-view__node-text {
|
|
|
26117
26186
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26118
26187
|
}
|
|
26119
26188
|
}
|
|
26120
|
-
.pf-l-gallery {
|
|
26121
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26122
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26123
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26124
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26125
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26126
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26127
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
26128
|
-
display: grid;
|
|
26129
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26130
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26131
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26132
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26133
|
-
}
|
|
26134
|
-
|
|
26135
|
-
.pf-l-gallery.pf-m-gutter {
|
|
26136
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26137
|
-
}
|
|
26138
|
-
|
|
26139
|
-
@media (min-width: 576px) {
|
|
26140
|
-
.pf-l-gallery {
|
|
26141
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26142
|
-
}
|
|
26143
|
-
}
|
|
26144
|
-
@media (min-width: 768px) {
|
|
26145
|
-
.pf-l-gallery {
|
|
26146
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
26147
|
-
}
|
|
26148
|
-
}
|
|
26149
|
-
@media (min-width: 992px) {
|
|
26150
|
-
.pf-l-gallery {
|
|
26151
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
26152
|
-
}
|
|
26153
|
-
}
|
|
26154
|
-
@media (min-width: 1200px) {
|
|
26155
|
-
.pf-l-gallery {
|
|
26156
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
26157
|
-
}
|
|
26158
|
-
}
|
|
26159
|
-
@media (min-width: 1450px) {
|
|
26160
|
-
.pf-l-gallery {
|
|
26161
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
26162
|
-
}
|
|
26163
|
-
}
|
|
26164
|
-
@media (min-width: 576px) {
|
|
26165
|
-
.pf-l-gallery {
|
|
26166
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26167
|
-
}
|
|
26168
|
-
}
|
|
26169
|
-
@media (min-width: 768px) {
|
|
26170
|
-
.pf-l-gallery {
|
|
26171
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
26172
|
-
}
|
|
26173
|
-
}
|
|
26174
|
-
@media (min-width: 992px) {
|
|
26175
|
-
.pf-l-gallery {
|
|
26176
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
26177
|
-
}
|
|
26178
|
-
}
|
|
26179
|
-
@media (min-width: 1200px) {
|
|
26180
|
-
.pf-l-gallery {
|
|
26181
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
26182
|
-
}
|
|
26183
|
-
}
|
|
26184
|
-
@media (min-width: 1450px) {
|
|
26185
|
-
.pf-l-gallery {
|
|
26186
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26187
|
-
}
|
|
26188
|
-
}
|
|
26189
26189
|
.pf-l-grid {
|
|
26190
26190
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26191
26191
|
--pf-l-grid__item--GridColumnStart: auto;
|