@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
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 4.233.0 (2022-08-19)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **ExpandableSection:** add truncated variant ([#7852](https://github.com/patternfly/patternfly-react/issues/7852)) ([f628cdf](https://github.com/patternfly/patternfly-react/commit/f628cdf571d71addfc04e69728be73895e261094))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 4.232.13 (2022-08-19)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.232.12 (2022-08-19)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## 4.232.11 (2022-08-18)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
|
+
export declare enum ExpandableSectionVariant {
|
|
4
|
+
default = "default",
|
|
5
|
+
truncate = "truncate"
|
|
6
|
+
}
|
|
3
7
|
export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
|
-
/** Content rendered inside the
|
|
8
|
+
/** Content rendered inside the expandable section. */
|
|
5
9
|
children?: React.ReactNode;
|
|
6
|
-
/** Additional classes added to the
|
|
10
|
+
/** Additional classes added to the expandable section. */
|
|
7
11
|
className?: string;
|
|
8
12
|
/** Flag to indicate if the content is expanded */
|
|
9
13
|
isExpanded?: boolean;
|
|
@@ -15,7 +19,7 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
|
|
|
15
19
|
toggleTextCollapsed?: string;
|
|
16
20
|
/** React node that appears in the attached toggle in place of toggle text */
|
|
17
21
|
toggleContent?: React.ReactNode;
|
|
18
|
-
/** Callback function to toggle the expandable
|
|
22
|
+
/** Callback function to toggle the expandable section. Detached expandable sections should use the onToggle property of the expandable section toggle sub-component. */
|
|
19
23
|
onToggle?: (isExpanded: boolean) => void;
|
|
20
24
|
/** Forces active state */
|
|
21
25
|
isActive?: boolean;
|
|
@@ -29,6 +33,13 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
|
|
|
29
33
|
isWidthLimited?: boolean;
|
|
30
34
|
/** Flag to indicate if the content is indented */
|
|
31
35
|
isIndented?: boolean;
|
|
36
|
+
/** @beta Determines the variant of the expandable section. When passing in "truncate" as the
|
|
37
|
+
* variant, the expandable content will be truncated after 3 lines by default.
|
|
38
|
+
*/
|
|
39
|
+
variant?: 'default' | 'truncate';
|
|
40
|
+
/** @beta Truncates the expandable content to the specified number of lines when using the
|
|
41
|
+
* "truncate" variant. */
|
|
42
|
+
truncateMaxLines?: number;
|
|
32
43
|
}
|
|
33
44
|
interface ExpandableSectionState {
|
|
34
45
|
isExpanded: boolean;
|
|
@@ -36,8 +47,11 @@ interface ExpandableSectionState {
|
|
|
36
47
|
export declare class ExpandableSection extends React.Component<ExpandableSectionProps, ExpandableSectionState> {
|
|
37
48
|
static displayName: string;
|
|
38
49
|
constructor(props: ExpandableSectionProps);
|
|
50
|
+
expandableContentRef: React.RefObject<HTMLDivElement>;
|
|
39
51
|
static defaultProps: PickOptional<ExpandableSectionProps>;
|
|
40
52
|
private calculateToggleText;
|
|
53
|
+
componentDidMount(): void;
|
|
54
|
+
componentDidUpdate(prevProps: ExpandableSectionProps): void;
|
|
41
55
|
render(): JSX.Element;
|
|
42
56
|
}
|
|
43
57
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wKAAwK;IACxK,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;6BACyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAUD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,oBAAoB,kCAAqC;IACzD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAcvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAUpD,MAAM;CAoFP"}
|
|
@@ -2,10 +2,23 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
|
+
import lineClamp from '@patternfly/react-tokens/dist/esm/c_expandable_section_m_truncate__content_LineClamp';
|
|
5
6
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
7
|
+
export var ExpandableSectionVariant;
|
|
8
|
+
(function (ExpandableSectionVariant) {
|
|
9
|
+
ExpandableSectionVariant["default"] = "default";
|
|
10
|
+
ExpandableSectionVariant["truncate"] = "truncate";
|
|
11
|
+
})(ExpandableSectionVariant || (ExpandableSectionVariant = {}));
|
|
12
|
+
const setLineClamp = (lines, element) => {
|
|
13
|
+
if (!element || lines < 1) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
element.style.setProperty(lineClamp.name, lines.toString());
|
|
17
|
+
};
|
|
6
18
|
export class ExpandableSection extends React.Component {
|
|
7
19
|
constructor(props) {
|
|
8
20
|
super(props);
|
|
21
|
+
this.expandableContentRef = React.createRef();
|
|
9
22
|
this.state = {
|
|
10
23
|
isExpanded: props.isExpanded
|
|
11
24
|
};
|
|
@@ -19,10 +32,25 @@ export class ExpandableSection extends React.Component {
|
|
|
19
32
|
}
|
|
20
33
|
return toggleText;
|
|
21
34
|
}
|
|
35
|
+
componentDidMount() {
|
|
36
|
+
if (this.props.variant === ExpandableSectionVariant.truncate && this.props.truncateMaxLines) {
|
|
37
|
+
const expandableContent = this.expandableContentRef.current;
|
|
38
|
+
setLineClamp(this.props.truncateMaxLines, expandableContent);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
componentDidUpdate(prevProps) {
|
|
42
|
+
if (this.props.variant === ExpandableSectionVariant.truncate &&
|
|
43
|
+
prevProps.truncateMaxLines !== this.props.truncateMaxLines) {
|
|
44
|
+
const expandableContent = this.expandableContentRef.current;
|
|
45
|
+
setLineClamp(this.props.truncateMaxLines, expandableContent);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
22
48
|
render() {
|
|
23
49
|
const _a = this.props, { onToggle: onToggleProp,
|
|
24
50
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
25
|
-
isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId
|
|
51
|
+
isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, variant,
|
|
52
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
53
|
+
truncateMaxLines } = _a, props = __rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "variant", "truncateMaxLines"]);
|
|
26
54
|
let onToggle = onToggleProp;
|
|
27
55
|
let propOrStateIsExpanded = isExpanded;
|
|
28
56
|
// uncontrolled
|
|
@@ -33,12 +61,14 @@ export class ExpandableSection extends React.Component {
|
|
|
33
61
|
};
|
|
34
62
|
}
|
|
35
63
|
const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
React.createElement(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
64
|
+
const expandableToggle = !isDetached && (React.createElement("button", { className: css(styles.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
|
|
65
|
+
variant !== ExpandableSectionVariant.truncate && (React.createElement("span", { className: css(styles.expandableSectionToggleIcon) },
|
|
66
|
+
React.createElement(AngleRightIcon, { "aria-hidden": true }))),
|
|
67
|
+
React.createElement("span", { className: css(styles.expandableSectionToggleText) }, toggleContent || computedToggleText)));
|
|
68
|
+
return (React.createElement("div", Object.assign({ className: css(styles.expandableSection, propOrStateIsExpanded && styles.modifiers.expanded, isActive && styles.modifiers.active, isDetached && styles.modifiers.detached, displaySize === 'large' && styles.modifiers.displayLg, isWidthLimited && styles.modifiers.limitWidth, isIndented && styles.modifiers.indented, variant === ExpandableSectionVariant.truncate && styles.modifiers.truncate, className) }, props),
|
|
69
|
+
variant === ExpandableSectionVariant.default && expandableToggle,
|
|
70
|
+
React.createElement("div", { ref: this.expandableContentRef, className: css(styles.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: contentId }, children),
|
|
71
|
+
variant === ExpandableSectionVariant.truncate && expandableToggle));
|
|
42
72
|
}
|
|
43
73
|
}
|
|
44
74
|
ExpandableSection.displayName = 'ExpandableSection';
|
|
@@ -54,6 +84,7 @@ ExpandableSection.defaultProps = {
|
|
|
54
84
|
displaySize: 'default',
|
|
55
85
|
isWidthLimited: false,
|
|
56
86
|
isIndented: false,
|
|
57
|
-
contentId: ''
|
|
87
|
+
contentId: '',
|
|
88
|
+
variant: 'default'
|
|
58
89
|
};
|
|
59
90
|
//# sourceMappingURL=ExpandableSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;
|
|
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"}
|
|
@@ -4,11 +4,11 @@ import styles from '@patternfly/react-styles/css/components/ExpandableSection/ex
|
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
6
6
|
export const ExpandableSectionToggle = (_a) => {
|
|
7
|
-
var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down' } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction"]);
|
|
8
|
-
return (React.createElement("div", Object.assign({
|
|
7
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down', hasTruncatedContent = false } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction", "hasTruncatedContent"]);
|
|
8
|
+
return (React.createElement("div", Object.assign({ className: css(styles.expandableSection, isExpanded && styles.modifiers.expanded, styles.modifiers.detached, hasTruncatedContent && styles.modifiers.truncate, className) }, props),
|
|
9
9
|
React.createElement("button", { className: css(styles.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
|
|
10
|
-
React.createElement("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop) },
|
|
11
|
-
React.createElement(AngleRightIcon, { "aria-hidden": true })),
|
|
10
|
+
!hasTruncatedContent && (React.createElement("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop) },
|
|
11
|
+
React.createElement(AngleRightIcon, { "aria-hidden": true }))),
|
|
12
12
|
React.createElement("span", { className: css(styles.expandableSectionToggleText) }, children))));
|
|
13
13
|
};
|
|
14
14
|
ExpandableSectionToggle.displayName = 'ExpandableSectionToggle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAmBrF,MAAM,CAAC,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,cARqF,oGAS9F,CADS;IAC0B,OAAA,CAClC,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,MAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,SAAS,CACV,IACG,KAAK;QAET,gCACE,SAAS,EAAE,GAAG,CAAC,MAAM,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,GAAG,CACZ,MAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,cAAc,0BAAe,CACzB,CACR;YACD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,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"}
|
|
@@ -11,9 +11,11 @@ export const InputGroup = (_a) => {
|
|
|
11
11
|
const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
|
|
12
12
|
const inputGroupRef = innerRef || React.useRef(null);
|
|
13
13
|
return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: css(styles.inputGroup, className) }, props), idItem
|
|
14
|
-
? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
|
|
15
|
-
?
|
|
16
|
-
: child
|
|
14
|
+
? React.Children.map(children, (child) => !formCtrls.includes(child.type.displayName) || child.props['aria-describedby']
|
|
15
|
+
? child
|
|
16
|
+
: React.cloneElement(child, {
|
|
17
|
+
'aria-describedby': child.props['aria-describedby'] === '' ? undefined : idItem.props.id
|
|
18
|
+
}))
|
|
17
19
|
: children));
|
|
18
20
|
};
|
|
19
21
|
InputGroup.displayName = 'InputGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,cAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,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,GAAG,CAAC,MAAM,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,cAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,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,GAAG,CAAC,MAAM,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;AACF,UAAU,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"}
|
|
@@ -44,6 +44,7 @@ export const Label = (_a) => {
|
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
const onKeyDown = (event) => {
|
|
47
|
+
var _a, _b;
|
|
47
48
|
const key = event.key;
|
|
48
49
|
if ((!isEditableActive &&
|
|
49
50
|
(!editableButtonRef ||
|
|
@@ -60,6 +61,7 @@ export const Label = (_a) => {
|
|
|
60
61
|
onEditComplete && onEditComplete(editableInputRef.current.value);
|
|
61
62
|
}
|
|
62
63
|
setIsEditableActive(false);
|
|
64
|
+
(_a = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
63
65
|
}
|
|
64
66
|
if (isEditableActive && key === 'Escape') {
|
|
65
67
|
event.preventDefault();
|
|
@@ -70,6 +72,7 @@ export const Label = (_a) => {
|
|
|
70
72
|
onEditCancel && onEditCancel(children);
|
|
71
73
|
}
|
|
72
74
|
setIsEditableActive(false);
|
|
75
|
+
(_b = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
73
76
|
}
|
|
74
77
|
if (!isEditableActive && key === 'Enter') {
|
|
75
78
|
event.preventDefault();
|
|
@@ -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,MAAM,qDAAqD,CAAC;AACzE,OAAO,cAAc,MAAM,gEAAgE,CAAC;AAC5F,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,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAiE1D,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;IAC7B,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,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,cApBiD,uQAqB1D,CADS;IAER,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,
|
|
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,MAAM,qDAAqD,CAAC;AACzE,OAAO,cAAc,MAAM,gEAAgE,CAAC;AAC5F,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,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAiE1D,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;IAC7B,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC/B,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,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,cApBiD,uQAqB1D,CADS;IAER,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,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,MAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACJ,iBAAiB,IAAI,SAAS,QAAQ,EAAE,IAChD,aAAa;QAEjB,oBAAC,SAAS,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,yBAAyB,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,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ;QAC7D,WAAW,IAAI,CACd,8BAAM,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,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,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,OAAO,CAAQ,CAAC;IAEtF,IAAI,IAAI,EAAE;QACR,mBAAmB,GAAG,CACpB,2BAAG,SAAS,EAAE,GAAG,CAAC,MAAM,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,GAAG,CAAC,MAAM,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,OAAO,IAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,GAAI;YACtG,MAAM,CAAC;gBACN,SAAS,EAAE,MAAM,CAAC,YAAY;gBAC9B,OAAO;gBACP,YAAY;aACb,CAAC,CACa,CAClB,CAAC;KACH;SAAM,IAAI,gBAAgB,EAAE;QAC3B,mBAAmB,GAAG,CACpB,oBAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,IAClD,mBAAmB,CACZ,CACX,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,KAAK,EACZ,WAAW,CAAC,KAAK,CAAC,EAClB,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACjD,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC5C,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,UAAU,IAAI,cAAc,CAAC,SAAS,CAAC,QAAQ,EAC/C,gBAAgB,IAAI,MAAM,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,GAAG,CAAC,MAAM,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;AACF,KAAK,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"}
|
|
@@ -6,7 +6,8 @@ import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon';
|
|
|
6
6
|
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
|
|
7
7
|
import { InputGroup } from '../InputGroup';
|
|
8
8
|
import { Button } from '../Button';
|
|
9
|
-
import { KEY_CODES } from '../../helpers';
|
|
9
|
+
import { KEY_CODES, ValidatedOptions } from '../../helpers';
|
|
10
|
+
import { TextInput } from '../TextInput';
|
|
10
11
|
const defaultKeyDownHandler = (args) => (event) => {
|
|
11
12
|
if (KEY_CODES.ARROW_UP === event.keyCode && args.onPlus) {
|
|
12
13
|
event.preventDefault();
|
|
@@ -18,7 +19,7 @@ const defaultKeyDownHandler = (args) => (event) => {
|
|
|
18
19
|
}
|
|
19
20
|
};
|
|
20
21
|
export const NumberInput = (_a) => {
|
|
21
|
-
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 = __rest(_a, ["value", "className", "widthChars", "isDisabled", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
|
|
22
|
+
var { value = 0, className, widthChars, isDisabled = false, validated = ValidatedOptions.default, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = __rest(_a, ["value", "className", "widthChars", "isDisabled", "validated", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
|
|
22
23
|
const numberInputUnit = React.createElement("div", { className: css(styles.numberInputUnit) }, unit);
|
|
23
24
|
const keyDownHandler = inputProps && inputProps.onKeyDown ? inputProps.onKeyDown : defaultKeyDownHandler({ inputName, onMinus, onPlus });
|
|
24
25
|
const handleBlur = (event) => {
|
|
@@ -30,7 +31,7 @@ export const NumberInput = (_a) => {
|
|
|
30
31
|
onBlur(event);
|
|
31
32
|
}
|
|
32
33
|
};
|
|
33
|
-
return (React.createElement("div", Object.assign({ className: css(styles.numberInput, className) }, (widthChars && {
|
|
34
|
+
return (React.createElement("div", Object.assign({ className: css(styles.numberInput, validated !== 'default' && styles.modifiers.status, className) }, (widthChars && {
|
|
34
35
|
style: Object.assign({ '--pf-c-number-input--c-form-control--width-chars': widthChars }, props.style)
|
|
35
36
|
}), props),
|
|
36
37
|
unit && unitPosition === 'before' && numberInputUnit,
|
|
@@ -38,7 +39,7 @@ export const NumberInput = (_a) => {
|
|
|
38
39
|
React.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
|
|
39
40
|
React.createElement("span", { className: css(styles.numberInputIcon) },
|
|
40
41
|
React.createElement(MinusIcon, { "aria-hidden": "true" }))),
|
|
41
|
-
React.createElement(
|
|
42
|
+
React.createElement(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)),
|
|
42
43
|
React.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
|
|
43
44
|
React.createElement("span", { className: css(styles.numberInputIcon) },
|
|
44
45
|
React.createElement(PlusIcon, { "aria-hidden": "true" })))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
|
+
export declare enum ExpandableSectionVariant {
|
|
4
|
+
default = "default",
|
|
5
|
+
truncate = "truncate"
|
|
6
|
+
}
|
|
3
7
|
export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
|
-
/** Content rendered inside the
|
|
8
|
+
/** Content rendered inside the expandable section. */
|
|
5
9
|
children?: React.ReactNode;
|
|
6
|
-
/** Additional classes added to the
|
|
10
|
+
/** Additional classes added to the expandable section. */
|
|
7
11
|
className?: string;
|
|
8
12
|
/** Flag to indicate if the content is expanded */
|
|
9
13
|
isExpanded?: boolean;
|
|
@@ -15,7 +19,7 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
|
|
|
15
19
|
toggleTextCollapsed?: string;
|
|
16
20
|
/** React node that appears in the attached toggle in place of toggle text */
|
|
17
21
|
toggleContent?: React.ReactNode;
|
|
18
|
-
/** Callback function to toggle the expandable
|
|
22
|
+
/** Callback function to toggle the expandable section. Detached expandable sections should use the onToggle property of the expandable section toggle sub-component. */
|
|
19
23
|
onToggle?: (isExpanded: boolean) => void;
|
|
20
24
|
/** Forces active state */
|
|
21
25
|
isActive?: boolean;
|
|
@@ -29,6 +33,13 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
|
|
|
29
33
|
isWidthLimited?: boolean;
|
|
30
34
|
/** Flag to indicate if the content is indented */
|
|
31
35
|
isIndented?: boolean;
|
|
36
|
+
/** @beta Determines the variant of the expandable section. When passing in "truncate" as the
|
|
37
|
+
* variant, the expandable content will be truncated after 3 lines by default.
|
|
38
|
+
*/
|
|
39
|
+
variant?: 'default' | 'truncate';
|
|
40
|
+
/** @beta Truncates the expandable content to the specified number of lines when using the
|
|
41
|
+
* "truncate" variant. */
|
|
42
|
+
truncateMaxLines?: number;
|
|
32
43
|
}
|
|
33
44
|
interface ExpandableSectionState {
|
|
34
45
|
isExpanded: boolean;
|
|
@@ -36,8 +47,11 @@ interface ExpandableSectionState {
|
|
|
36
47
|
export declare class ExpandableSection extends React.Component<ExpandableSectionProps, ExpandableSectionState> {
|
|
37
48
|
static displayName: string;
|
|
38
49
|
constructor(props: ExpandableSectionProps);
|
|
50
|
+
expandableContentRef: React.RefObject<HTMLDivElement>;
|
|
39
51
|
static defaultProps: PickOptional<ExpandableSectionProps>;
|
|
40
52
|
private calculateToggleText;
|
|
53
|
+
componentDidMount(): void;
|
|
54
|
+
componentDidUpdate(prevProps: ExpandableSectionProps): void;
|
|
41
55
|
render(): JSX.Element;
|
|
42
56
|
}
|
|
43
57
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wKAAwK;IACxK,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;6BACyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAUD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,oBAAoB,kCAAqC;IACzD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAcvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAUpD,MAAM;CAoFP"}
|