@patternfly/react-core 4.237.4 → 4.237.7
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/Checkbox/Checkbox.d.ts +7 -5
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +7 -3
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.d.ts +3 -0
- package/dist/esm/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +21 -10
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +7 -3
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/TextArea/TextArea.d.ts +3 -0
- package/dist/js/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/js/components/TextArea/TextArea.js +21 -10
- package/dist/js/components/TextArea/TextArea.js.map +1 -1
- package/dist/umd/react-core.min.css +2329 -2329
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +5 -5
- package/src/components/Button/examples/Button.md +3 -15
- package/src/components/Button/examples/ButtonAriaDisabled.tsx +15 -2
- package/src/components/Checkbox/Checkbox.tsx +16 -5
- package/src/components/Checkbox/examples/Checkbox.md +5 -0
- package/src/components/Checkbox/examples/CheckboxRequired.tsx +6 -0
- package/src/components/MenuToggle/MenuToggle.tsx +1 -0
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +27 -1
- package/src/components/TextArea/TextArea.tsx +26 -12
- package/src/components/TextArea/examples/TextArea.md +47 -21
- package/src/components/TreeView/examples/TreeView.md +37 -19
- package/src/components/Button/examples/ButtonAriaDisabledLinkTooltip.tsx +0 -10
- package/src/components/Button/examples/ButtonAriaDisabledTooltip.tsx +0 -10
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.237.7 (2022-09-12)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.237.6 (2022-09-12)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **Treeview:** ignore folder selection in basic example ([#7906](https://github.com/patternfly/patternfly-react/issues/7906)) ([b16b224](https://github.com/patternfly/patternfly-react/commit/b16b2240d26cabcadec3de52627fb1d96ff45aef))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.237.5 (2022-09-09)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## 4.237.4 (2022-09-09)
|
|
7
34
|
|
|
8
35
|
|
|
@@ -2,16 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
4
|
export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the checkbox. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Flag to show if the
|
|
7
|
+
/** Flag to show if the checkbox selection is valid or invalid. */
|
|
8
8
|
isValid?: boolean;
|
|
9
|
-
/** Flag to show if the
|
|
9
|
+
/** Flag to show if the checkbox is disabled. */
|
|
10
10
|
isDisabled?: boolean;
|
|
11
|
-
/** Flag to show if the
|
|
11
|
+
/** Flag to show if the checkbox is required. */
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
/** Flag to show if the checkbox is checked. If null, the checkbox will be indeterminate (partially checked). */
|
|
12
14
|
isChecked?: boolean | null;
|
|
13
15
|
checked?: boolean;
|
|
14
|
-
/** A callback for when the
|
|
16
|
+
/** A callback for when the checkbox selection changes. */
|
|
15
17
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
16
18
|
/** Label text of the checkbox. */
|
|
17
19
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAiEP"}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Check/check';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { getDefaultOUIAId, getOUIAProps } from '../../helpers';
|
|
6
|
+
import { ASTERISK } from '../../helpers/htmlConstants';
|
|
6
7
|
// tslint:disable-next-line:no-empty
|
|
7
8
|
const defaultOnChange = () => { };
|
|
8
9
|
export class Checkbox extends React.Component {
|
|
@@ -16,7 +17,7 @@ export class Checkbox extends React.Component {
|
|
|
16
17
|
};
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
19
|
-
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = __rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
20
|
+
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = __rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
20
21
|
if (!props.id) {
|
|
21
22
|
// eslint-disable-next-line no-console
|
|
22
23
|
console.error('Checkbox:', 'id is required to make input accessible');
|
|
@@ -33,8 +34,10 @@ export class Checkbox extends React.Component {
|
|
|
33
34
|
}
|
|
34
35
|
checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
|
|
35
36
|
return (React.createElement(Component, { className: css(styles.check, !label && styles.modifiers.standalone, className) },
|
|
36
|
-
React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
37
|
-
label && (React.createElement("label", { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id },
|
|
37
|
+
React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
38
|
+
label && (React.createElement("label", { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id },
|
|
39
|
+
label,
|
|
40
|
+
isRequired && (React.createElement("span", { className: css(styles.checkLabelRequired), "aria-hidden": "true" }, ASTERISK)))),
|
|
38
41
|
description && React.createElement("span", { className: css(styles.checkDescription) }, description),
|
|
39
42
|
body && React.createElement("span", { className: css(styles.checkBody) }, body)));
|
|
40
43
|
}
|
|
@@ -44,6 +47,7 @@ Checkbox.defaultProps = {
|
|
|
44
47
|
className: '',
|
|
45
48
|
isValid: true,
|
|
46
49
|
isDisabled: false,
|
|
50
|
+
isRequired: false,
|
|
47
51
|
isChecked: false,
|
|
48
52
|
onChange: defaultOnChange,
|
|
49
53
|
ouiaSafe: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,qDAAqD,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN;IACD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN;IACD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CAoHP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -29,7 +29,7 @@ export class MenuToggleBase extends React.Component {
|
|
|
29
29
|
if (splitButtonOptions) {
|
|
30
30
|
return (React.createElement("div", { className: css(commonStyles, styles.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && styles.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
|
|
31
31
|
splitButtonOptions.items,
|
|
32
|
-
React.createElement("button", Object.assign({ className: css(styles.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
|
|
32
|
+
React.createElement("button", Object.assign({ className: css(styles.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick }, otherProps), toggleControls)));
|
|
33
33
|
}
|
|
34
34
|
return (React.createElement("button", Object.assign({ className: css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.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,aAAa,MAAM,wDAAwD,CAAC;AA4CnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,10 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onC
|
|
|
37
37
|
export declare class TextAreaBase extends React.Component<TextAreaProps> {
|
|
38
38
|
static displayName: string;
|
|
39
39
|
static defaultProps: TextAreaProps;
|
|
40
|
+
inputRef: React.RefObject<HTMLTextAreaElement>;
|
|
41
|
+
private setAutoHeight;
|
|
40
42
|
constructor(props: TextAreaProps);
|
|
43
|
+
componentDidMount(): void;
|
|
41
44
|
private handleChange;
|
|
42
45
|
render(): JSX.Element;
|
|
43
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;gBAEU,KAAK,EAAE,aAAa;IAQhC,OAAO,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;IAEF,QAAQ,uCAA0C;IAElD,OAAO,CAAC,aAAa,CAWnB;gBAEU,KAAK,EAAE,aAAa;IAQhC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,YAAY,CASlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}
|
|
@@ -13,19 +13,23 @@ export var TextAreResizeOrientation;
|
|
|
13
13
|
export class TextAreaBase extends React.Component {
|
|
14
14
|
constructor(props) {
|
|
15
15
|
super(props);
|
|
16
|
+
this.inputRef = React.createRef();
|
|
17
|
+
this.setAutoHeight = (field) => {
|
|
18
|
+
field.style.setProperty(heightToken.name, 'inherit');
|
|
19
|
+
const computed = window.getComputedStyle(field);
|
|
20
|
+
// Calculate the height
|
|
21
|
+
const height = parseInt(computed.getPropertyValue('border-top-width')) +
|
|
22
|
+
parseInt(computed.getPropertyValue('padding-top')) +
|
|
23
|
+
field.scrollHeight +
|
|
24
|
+
parseInt(computed.getPropertyValue('padding-bottom')) +
|
|
25
|
+
parseInt(computed.getPropertyValue('border-bottom-width'));
|
|
26
|
+
field.style.setProperty(heightToken.name, `${height}px`);
|
|
27
|
+
};
|
|
16
28
|
this.handleChange = (event) => {
|
|
17
29
|
// https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
|
|
18
30
|
const field = event.currentTarget;
|
|
19
31
|
if (this.props.autoResize && canUseDOM) {
|
|
20
|
-
|
|
21
|
-
const computed = window.getComputedStyle(field);
|
|
22
|
-
// Calculate the height
|
|
23
|
-
const height = parseInt(computed.getPropertyValue('border-top-width')) +
|
|
24
|
-
parseInt(computed.getPropertyValue('padding-top')) +
|
|
25
|
-
field.scrollHeight +
|
|
26
|
-
parseInt(computed.getPropertyValue('padding-bottom')) +
|
|
27
|
-
parseInt(computed.getPropertyValue('border-bottom-width'));
|
|
28
|
-
field.style.setProperty(heightToken.name, `${height}px`);
|
|
32
|
+
this.setAutoHeight(field);
|
|
29
33
|
}
|
|
30
34
|
if (this.props.onChange) {
|
|
31
35
|
this.props.onChange(field.value, event);
|
|
@@ -36,6 +40,13 @@ export class TextAreaBase extends React.Component {
|
|
|
36
40
|
console.error('TextArea: TextArea requires either an id or aria-label to be specified');
|
|
37
41
|
}
|
|
38
42
|
}
|
|
43
|
+
componentDidMount() {
|
|
44
|
+
const inputRef = this.props.innerRef || this.inputRef;
|
|
45
|
+
if (this.props.autoResize && canUseDOM) {
|
|
46
|
+
const field = inputRef.current;
|
|
47
|
+
this.setAutoHeight(field);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
39
50
|
render() {
|
|
40
51
|
const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, resizeOrientation, innerRef, readOnly, disabled,
|
|
41
52
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
@@ -43,7 +54,7 @@ export class TextAreaBase extends React.Component {
|
|
|
43
54
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
44
55
|
props = __rest(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
|
|
45
56
|
const orientation = `resize${capitalize(resizeOrientation)}`;
|
|
46
|
-
return (React.createElement("textarea", Object.assign({ className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && styles.modifiers[orientation], validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
|
|
57
|
+
return (React.createElement("textarea", Object.assign({ className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && styles.modifiers[orientation], validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef || this.inputRef }, props)));
|
|
47
58
|
}
|
|
48
59
|
}
|
|
49
60
|
TextAreaBase.displayName = 'TextArea';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,WAAW,MAAM,kEAAkE,CAAC;AAC3F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,qDAAyB,CAAA;IACzB,iDAAqB,CAAA;IACrB,yCAAa,CAAA;AACf,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAgCD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAwB;
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,16 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
4
|
export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the checkbox. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Flag to show if the
|
|
7
|
+
/** Flag to show if the checkbox selection is valid or invalid. */
|
|
8
8
|
isValid?: boolean;
|
|
9
|
-
/** Flag to show if the
|
|
9
|
+
/** Flag to show if the checkbox is disabled. */
|
|
10
10
|
isDisabled?: boolean;
|
|
11
|
-
/** Flag to show if the
|
|
11
|
+
/** Flag to show if the checkbox is required. */
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
/** Flag to show if the checkbox is checked. If null, the checkbox will be indeterminate (partially checked). */
|
|
12
14
|
isChecked?: boolean | null;
|
|
13
15
|
checked?: boolean;
|
|
14
|
-
/** A callback for when the
|
|
16
|
+
/** A callback for when the checkbox selection changes. */
|
|
15
17
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
16
18
|
/** Label text of the checkbox. */
|
|
17
19
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAiEP"}
|
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const check_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Check/check"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const helpers_1 = require("../../helpers");
|
|
9
|
+
const htmlConstants_1 = require("../../helpers/htmlConstants");
|
|
9
10
|
// tslint:disable-next-line:no-empty
|
|
10
11
|
const defaultOnChange = () => { };
|
|
11
12
|
class Checkbox extends React.Component {
|
|
@@ -19,7 +20,7 @@ class Checkbox extends React.Component {
|
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
render() {
|
|
22
|
-
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
23
|
+
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
23
24
|
if (!props.id) {
|
|
24
25
|
// eslint-disable-next-line no-console
|
|
25
26
|
console.error('Checkbox:', 'id is required to make input accessible');
|
|
@@ -36,8 +37,10 @@ class Checkbox extends React.Component {
|
|
|
36
37
|
}
|
|
37
38
|
checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
|
|
38
39
|
return (React.createElement(Component, { className: react_styles_1.css(check_1.default.check, !label && check_1.default.modifiers.standalone, className) },
|
|
39
|
-
React.createElement("input", Object.assign({}, props, { className: react_styles_1.css(check_1.default.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, helpers_1.getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
40
|
-
label && (React.createElement("label", { className: react_styles_1.css(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
|
|
40
|
+
React.createElement("input", Object.assign({}, props, { className: react_styles_1.css(check_1.default.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, helpers_1.getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
41
|
+
label && (React.createElement("label", { className: react_styles_1.css(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
|
|
42
|
+
label,
|
|
43
|
+
isRequired && (React.createElement("span", { className: react_styles_1.css(check_1.default.checkLabelRequired), "aria-hidden": "true" }, htmlConstants_1.ASTERISK)))),
|
|
41
44
|
description && React.createElement("span", { className: react_styles_1.css(check_1.default.checkDescription) }, description),
|
|
42
45
|
body && React.createElement("span", { className: react_styles_1.css(check_1.default.checkBody) }, body)));
|
|
43
46
|
}
|
|
@@ -48,6 +51,7 @@ Checkbox.defaultProps = {
|
|
|
48
51
|
className: '',
|
|
49
52
|
isValid: true,
|
|
50
53
|
isDisabled: false,
|
|
54
|
+
isRequired: false,
|
|
51
55
|
isChecked: false,
|
|
52
56
|
onChange: defaultOnChange,
|
|
53
57
|
ouiaSafe: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN;IACD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN;IACD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CAoHP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -32,7 +32,7 @@ class MenuToggleBase extends React.Component {
|
|
|
32
32
|
if (splitButtonOptions) {
|
|
33
33
|
return (React.createElement("div", { className: react_styles_1.css(commonStyles, menu_toggle_1.default.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && menu_toggle_1.default.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
|
|
34
34
|
splitButtonOptions.items,
|
|
35
|
-
React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
|
|
35
|
+
React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick }, otherProps), toggleControls)));
|
|
36
36
|
}
|
|
37
37
|
return (React.createElement("button", Object.assign({ className: react_styles_1.css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
|
|
38
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AA4CnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AA4CnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA6HjC,CAAC;IApHC,MAAM;QACJ,MAAM,KAeF,IAAI,CAAC,KAAK,EAfR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAAS,OAEX,EADT,UAAU,sBAdT,2KAeL,CAAa,CAAC;QACf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAC5C,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAC5C,MAAM,cAAc,GAAG,CACrB,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;YAC7C,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,oBAAoB,CAAC;gBAC/C,oBAAC,yBAAa,0BAAe,CACxB,CACF,CACR,CAAC;QAEF,MAAM,OAAO,GAAG,CACd;YACG,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YAClE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAQ;YACvF,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YAC3F,WAAW,CAAC,CAAC,CAAC,CACb,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,gBAAgB,CAAC,mBACxB,UAAU,EACzB,OAAO,EAAE,OAAO,gBACL,aAAa,IAEvB,cAAc,CACR,CACV,CAAC,CAAC,CAAC,CACF,cAAc,CACf,CACA,CACJ,CAAC;QAEF,MAAM,YAAY,GAAG,kBAAG,CACtB,qBAAM,CAAC,UAAU,EACjB,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,qBAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,qBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACzC,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,SAAS,CACV,CAAC;QAEF,MAAM,cAAc,iCAClB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IACnC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAClC,UAAU,CACd,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,OAAO,CACL,2CACE,GAAG,EAAE,QAAqC,EAC1C,SAAS,EAAE,kBAAG,CAAC,YAAY,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IACpD,cAAc,EAClB,CACH,CAAC;SACH;QAED,IAAI,kBAAkB,EAAE;YACtB,OAAO,CACL,6BACE,SAAS,EAAE,kBAAG,CACZ,YAAY,EACZ,qBAAM,CAAC,SAAS,CAAC,WAAW,EAC5B,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,MAAK,QAAQ,IAAI,qBAAM,CAAC,SAAS,CAAC,MAAM,CACpE,IAEA,kBAAkB,aAAlB,kBAAkB;gBAAlB,kBAAkB,CAAE,KAAK;gBAC1B,8CACE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,gBAAgB,CAAC,EACvC,IAAI,EAAC,QAAQ,mBACE,UAAU,gBACb,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,IACZ,UAAU,GAEb,cAAc,CACR,CACL,CACP,CAAC;SACH;QAED,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CAAC,YAAY,CAAC,EAC5B,IAAI,EAAC,QAAQ,gBACD,SAAS,mBACN,UAAU,EACzB,GAAG,EAAE,QAAwC,EAC7C,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,IACZ,cAAc,EAClB,CACH,CAAC;IACJ,CAAC;;AA7HH,wCA8HC;AA5HQ,2BAAY,GAAoB;IACrC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;CACpB,CAAC;AAwHS,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -37,7 +37,10 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onC
|
|
|
37
37
|
export declare class TextAreaBase extends React.Component<TextAreaProps> {
|
|
38
38
|
static displayName: string;
|
|
39
39
|
static defaultProps: TextAreaProps;
|
|
40
|
+
inputRef: React.RefObject<HTMLTextAreaElement>;
|
|
41
|
+
private setAutoHeight;
|
|
40
42
|
constructor(props: TextAreaProps);
|
|
43
|
+
componentDidMount(): void;
|
|
41
44
|
private handleChange;
|
|
42
45
|
render(): JSX.Element;
|
|
43
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;gBAEU,KAAK,EAAE,aAAa;IAQhC,OAAO,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;IAEF,QAAQ,uCAA0C;IAElD,OAAO,CAAC,aAAa,CAWnB;gBAEU,KAAK,EAAE,aAAa;IAQhC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,YAAY,CASlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}
|
|
@@ -16,19 +16,23 @@ var TextAreResizeOrientation;
|
|
|
16
16
|
class TextAreaBase extends React.Component {
|
|
17
17
|
constructor(props) {
|
|
18
18
|
super(props);
|
|
19
|
+
this.inputRef = React.createRef();
|
|
20
|
+
this.setAutoHeight = (field) => {
|
|
21
|
+
field.style.setProperty(c_form_control_textarea_Height_1.default.name, 'inherit');
|
|
22
|
+
const computed = window.getComputedStyle(field);
|
|
23
|
+
// Calculate the height
|
|
24
|
+
const height = parseInt(computed.getPropertyValue('border-top-width')) +
|
|
25
|
+
parseInt(computed.getPropertyValue('padding-top')) +
|
|
26
|
+
field.scrollHeight +
|
|
27
|
+
parseInt(computed.getPropertyValue('padding-bottom')) +
|
|
28
|
+
parseInt(computed.getPropertyValue('border-bottom-width'));
|
|
29
|
+
field.style.setProperty(c_form_control_textarea_Height_1.default.name, `${height}px`);
|
|
30
|
+
};
|
|
19
31
|
this.handleChange = (event) => {
|
|
20
32
|
// https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
|
|
21
33
|
const field = event.currentTarget;
|
|
22
34
|
if (this.props.autoResize && helpers_1.canUseDOM) {
|
|
23
|
-
|
|
24
|
-
const computed = window.getComputedStyle(field);
|
|
25
|
-
// Calculate the height
|
|
26
|
-
const height = parseInt(computed.getPropertyValue('border-top-width')) +
|
|
27
|
-
parseInt(computed.getPropertyValue('padding-top')) +
|
|
28
|
-
field.scrollHeight +
|
|
29
|
-
parseInt(computed.getPropertyValue('padding-bottom')) +
|
|
30
|
-
parseInt(computed.getPropertyValue('border-bottom-width'));
|
|
31
|
-
field.style.setProperty(c_form_control_textarea_Height_1.default.name, `${height}px`);
|
|
35
|
+
this.setAutoHeight(field);
|
|
32
36
|
}
|
|
33
37
|
if (this.props.onChange) {
|
|
34
38
|
this.props.onChange(field.value, event);
|
|
@@ -39,6 +43,13 @@ class TextAreaBase extends React.Component {
|
|
|
39
43
|
console.error('TextArea: TextArea requires either an id or aria-label to be specified');
|
|
40
44
|
}
|
|
41
45
|
}
|
|
46
|
+
componentDidMount() {
|
|
47
|
+
const inputRef = this.props.innerRef || this.inputRef;
|
|
48
|
+
if (this.props.autoResize && helpers_1.canUseDOM) {
|
|
49
|
+
const field = inputRef.current;
|
|
50
|
+
this.setAutoHeight(field);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
42
53
|
render() {
|
|
43
54
|
const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, resizeOrientation, innerRef, readOnly, disabled,
|
|
44
55
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
@@ -46,7 +57,7 @@ class TextAreaBase extends React.Component {
|
|
|
46
57
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
47
58
|
props = tslib_1.__rest(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
|
|
48
59
|
const orientation = `resize${helpers_1.capitalize(resizeOrientation)}`;
|
|
49
|
-
return (React.createElement("textarea", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, isIconSprite && form_control_1.default.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && form_control_1.default.modifiers[orientation], validated === helpers_1.ValidatedOptions.success && form_control_1.default.modifiers.success, validated === helpers_1.ValidatedOptions.warning && form_control_1.default.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === helpers_1.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
|
|
60
|
+
return (React.createElement("textarea", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, isIconSprite && form_control_1.default.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && form_control_1.default.modifiers[orientation], validated === helpers_1.ValidatedOptions.success && form_control_1.default.modifiers.success, validated === helpers_1.ValidatedOptions.warning && form_control_1.default.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === helpers_1.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef || this.inputRef }, props)));
|
|
50
61
|
}
|
|
51
62
|
}
|
|
52
63
|
exports.TextAreaBase = TextAreaBase;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,4HAAsF;AACtF,6IAA2F;AAC3F,2DAA+C;AAC/C,2CAAwE;AAExE,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,qDAAyB,CAAA;IACzB,iDAAqB,CAAA;IACrB,yCAAa,CAAA;AACf,CAAC,EAJW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAInC;AAgCD,MAAa,YAAa,SAAQ,KAAK,CAAC,SAAwB;
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}
|