reso-ui 3.0.0-alpha.4 → 3.0.0-alpha.5
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/dist/cjs/components/Containers/Flex/Flex.js +9 -4
- package/dist/cjs/components/Containers/Flex/Flex.js.map +1 -1
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +1 -0
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/cjs/forms/Controls/Text-Area/Text-Area.js +4 -11
- package/dist/cjs/forms/Controls/Text-Area/Text-Area.js.map +1 -1
- package/dist/esm/components/Containers/Flex/Flex.d.ts +1 -1
- package/dist/esm/components/Containers/Flex/Flex.js +9 -4
- package/dist/esm/components/Containers/Flex/Flex.js.map +1 -1
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +1 -0
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/esm/forms/Controls/Text-Area/Text-Area.d.ts +1 -1
- package/dist/esm/forms/Controls/Text-Area/Text-Area.js +4 -11
- package/dist/esm/forms/Controls/Text-Area/Text-Area.js.map +1 -1
- package/dist/esm/forms/Hooks/useInputValidatorsMemo.js +1 -1
- package/dist/src/library/components/Containers/Flex/Flex.d.ts +1 -1
- package/dist/src/library/components/Containers/Flex/stories/Flex.stories.d.ts +1 -1
- package/dist/src/library/forms/Controls/Text-Area/Text-Area.d.ts +1 -1
- package/dist/src/library/forms/Controls/Text-Area/stories/Text-Area.stories.d.ts +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ var styles = require('../../../utils/styles.js');
|
|
|
6
6
|
// BEWARE
|
|
7
7
|
// when using this component you need to set specific height
|
|
8
8
|
// 100% height would not work with flex
|
|
9
|
-
const Flex = ({ direction = "row", justify = "space-between", align = "center", grow = false, shrink = true, basis = "auto", wrap = false, fullWidth = false, widthFitContent = false, children, rootClassName, borderColor = null, rootStyles = {}, ...props }) => {
|
|
9
|
+
const Flex = React.forwardRef(({ direction = "row", justify = "space-between", align = "center", grow = false, shrink = true, basis = "auto", wrap = false, fullWidth = false, widthFitContent = false, children, rootClassName, borderColor = null, rootStyles = {}, ...props }, ref) => {
|
|
10
10
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
11
11
|
resoui_flex_container: true,
|
|
12
12
|
[`resoui_flex_${direction}`]: true,
|
|
@@ -20,13 +20,18 @@ const Flex = ({ direction = "row", justify = "space-between", align = "center",
|
|
|
20
20
|
resoui_width_full: fullWidth,
|
|
21
21
|
resoui_width_fit_content: widthFitContent,
|
|
22
22
|
}));
|
|
23
|
-
const flexBasis = basis && basis === "auto"
|
|
24
|
-
|
|
23
|
+
const flexBasis = basis && basis === "auto"
|
|
24
|
+
? "auto"
|
|
25
|
+
: typeof basis === "string"
|
|
26
|
+
? basis
|
|
27
|
+
: 0;
|
|
28
|
+
return (React.createElement("div", { ref: ref, "data-testid": "flex-container-root", style: {
|
|
25
29
|
border: borderColor ? `2px solid ${borderColor}` : null,
|
|
26
30
|
flexBasis,
|
|
27
31
|
...rootStyles,
|
|
28
32
|
}, className: containerStyles, ...props }, children));
|
|
29
|
-
};
|
|
33
|
+
});
|
|
34
|
+
Flex.displayName = "Flex";
|
|
30
35
|
|
|
31
36
|
exports.Flex = Flex;
|
|
32
37
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sources":["../../../../../src/library/components/Containers/Flex/Flex.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AAkCA;AACA;AACA;AAEO,MAAM,IAAI,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Flex.js","sources":["../../../../../src/library/components/Containers/Flex/Flex.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AAkCA;AACA;AACA;AAEO,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,eAAe,EACzB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,EAAE,EACf,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,CAAC,CAAA,YAAA,EAAe,SAAS,CAAA,CAAE,GAAG,IAAI;AAClC,QAAA,CAAC,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAE,GAAG,IAAI;AACxC,QAAA,CAAC,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,GAAG,IAAI;AACpC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,kBAAkB,EAAE,MAAM;QAC1B,qBAAqB,EAAE,CAAC,MAAM;AAC9B,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,EACD,KAAK,CACN,EACD,aAAa,EACb;AACE,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,wBAAwB,EAAE,eAAe;AAC1C,KAAA,CACF,CACF;AAED,IAAA,MAAM,SAAS,GACb,KAAK,IAAI,KAAK,KAAK;AACjB,UAAE;AACF,UAAE,OAAO,KAAK,KAAK;AACjB,cAAE;cACA,CAAC;IAET,QACE,6BACE,GAAG,EAAE,GAAG,EAAA,aAAA,EACI,qBAAqB,EACjC,KAAK,EAAE;YACL,MAAM,EAAE,WAAW,GAAG,CAAA,UAAA,EAAa,WAAW,CAAA,CAAE,GAAG,IAAI;YACvD,SAAS;AACT,YAAA,GAAG,UAAU;SACd,EACD,SAAS,EAAE,eAAe,EAAA,GACtB,KAAK,EAAA,EAER,QAAQ,CACL;AAEV,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -5,6 +5,7 @@ var classnames = require('classnames');
|
|
|
5
5
|
var dropdown_down = require('../../../../icons/svg/dropdown_down.svg.js');
|
|
6
6
|
var styles = require('../../../../utils/styles.js');
|
|
7
7
|
var validations = require('../../../../utils/validations.js');
|
|
8
|
+
require('../../../../components/Containers/Flex/Flex.js');
|
|
8
9
|
require('../../../../components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.js');
|
|
9
10
|
require('../../../../components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js');
|
|
10
11
|
var useClickOutside = require('../../../../hooks/useClickOutside.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"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"}
|
|
@@ -5,15 +5,7 @@ var styles = require('../../../utils/styles.js');
|
|
|
5
5
|
var index = require('../../Validators/index.js');
|
|
6
6
|
var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
|
|
7
7
|
|
|
8
|
-
const TextArea = ({ id = null, value, onChange, onBlur, onFocus, onKeyDown, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false,
|
|
9
|
-
/**
|
|
10
|
-
* Text Area - specific props
|
|
11
|
-
*/
|
|
12
|
-
wrap = "soft", placeholder, cols: _cols = 50, rows = 4, formId, minLength, maxLength = 255, name = "resoui_textarea_input",
|
|
13
|
-
/**
|
|
14
|
-
* Inherited props
|
|
15
|
-
*/
|
|
16
|
-
rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
|
|
8
|
+
const TextArea = React.forwardRef(({ id = null, value, onChange, onBlur, onFocus, onKeyDown, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false, wrap = "soft", placeholder, cols: _cols = 50, rows = 4, formId, minLength, maxLength = 255, name = "resoui_textarea_input", rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }, ref) => {
|
|
17
9
|
const inputValidators = useInputValidatorsMemo.default("string", {
|
|
18
10
|
required,
|
|
19
11
|
minLength,
|
|
@@ -47,9 +39,10 @@ rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidato
|
|
|
47
39
|
disabled,
|
|
48
40
|
}));
|
|
49
41
|
return (React.createElement("div", { "data-testid": `text-area-${id}-container`, className: containerClasses, style: rootStyles },
|
|
50
|
-
React.createElement("textarea", { "data-testid": `text-area-${id}-input`, wrap: wrap, id: id, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, onKeyDown: onKeyDown, rows: rows, form: formId, name: name, placeholder: placeholder, minLength: minLength, maxLength: maxLength, className: inputClasses, style: inputStyles }),
|
|
42
|
+
React.createElement("textarea", { ref: ref, "data-testid": `text-area-${id}-input`, wrap: wrap, id: id, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, onKeyDown: onKeyDown, rows: rows, form: formId, name: name, placeholder: placeholder, minLength: minLength, maxLength: maxLength, className: inputClasses, style: inputStyles }),
|
|
51
43
|
error && (React.createElement("p", { "data-testid": `text-area-${id}-error`, className: "resoui_form_input_error" }, error))));
|
|
52
|
-
};
|
|
44
|
+
});
|
|
45
|
+
TextArea.displayName = "TextArea";
|
|
53
46
|
|
|
54
47
|
exports.TextArea = TextArea;
|
|
55
48
|
//# sourceMappingURL=Text-Area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text-Area.js","sources":["../../../../../src/library/forms/Controls/Text-Area/Text-Area.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;;MAmCa,QAAQ,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Text-Area.js","sources":["../../../../../src/library/forms/Controls/Text-Area/Text-Area.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":"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"}
|
|
@@ -16,4 +16,4 @@ export interface IFlexProps extends IComponent, ISpacingsProps, React.HTMLAttrib
|
|
|
16
16
|
className?: string;
|
|
17
17
|
borderColor?: string;
|
|
18
18
|
}
|
|
19
|
-
export declare const Flex:
|
|
19
|
+
export declare const Flex: React.ForwardRefExoticComponent<IFlexProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -4,7 +4,7 @@ import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '..
|
|
|
4
4
|
// BEWARE
|
|
5
5
|
// when using this component you need to set specific height
|
|
6
6
|
// 100% height would not work with flex
|
|
7
|
-
const Flex = ({ direction = "row", justify = "space-between", align = "center", grow = false, shrink = true, basis = "auto", wrap = false, fullWidth = false, widthFitContent = false, children, rootClassName, borderColor = null, rootStyles = {}, ...props }) => {
|
|
7
|
+
const Flex = React__default.forwardRef(({ direction = "row", justify = "space-between", align = "center", grow = false, shrink = true, basis = "auto", wrap = false, fullWidth = false, widthFitContent = false, children, rootClassName, borderColor = null, rootStyles = {}, ...props }, ref) => {
|
|
8
8
|
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
9
9
|
resoui_flex_container: true,
|
|
10
10
|
[`resoui_flex_${direction}`]: true,
|
|
@@ -18,13 +18,18 @@ const Flex = ({ direction = "row", justify = "space-between", align = "center",
|
|
|
18
18
|
resoui_width_full: fullWidth,
|
|
19
19
|
resoui_width_fit_content: widthFitContent,
|
|
20
20
|
}));
|
|
21
|
-
const flexBasis = basis && basis === "auto"
|
|
22
|
-
|
|
21
|
+
const flexBasis = basis && basis === "auto"
|
|
22
|
+
? "auto"
|
|
23
|
+
: typeof basis === "string"
|
|
24
|
+
? basis
|
|
25
|
+
: 0;
|
|
26
|
+
return (React__default.createElement("div", { ref: ref, "data-testid": "flex-container-root", style: {
|
|
23
27
|
border: borderColor ? `2px solid ${borderColor}` : null,
|
|
24
28
|
flexBasis,
|
|
25
29
|
...rootStyles,
|
|
26
30
|
}, className: containerStyles, ...props }, children));
|
|
27
|
-
};
|
|
31
|
+
});
|
|
32
|
+
Flex.displayName = "Flex";
|
|
28
33
|
|
|
29
34
|
export { Flex };
|
|
30
35
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sources":["../../../../../src/library/components/Containers/Flex/Flex.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAkCA;AACA;AACA;AAEO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Flex.js","sources":["../../../../../src/library/components/Containers/Flex/Flex.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAkCA;AACA;AACA;AAEO,MAAM,IAAI,GAAGA,cAAK,CAAC,UAAU,CAClC,CACE,EACE,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,eAAe,EACzB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,EAAE,EACf,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,CAAC,CAAA,YAAA,EAAe,SAAS,CAAA,CAAE,GAAG,IAAI;AAClC,QAAA,CAAC,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAE,GAAG,IAAI;AACxC,QAAA,CAAC,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,GAAG,IAAI;AACpC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,kBAAkB,EAAE,MAAM;QAC1B,qBAAqB,EAAE,CAAC,MAAM;AAC9B,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,EACD,KAAK,CACN,EACD,aAAa,EACb;AACE,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,wBAAwB,EAAE,eAAe;AAC1C,KAAA,CACF,CACF;AAED,IAAA,MAAM,SAAS,GACb,KAAK,IAAI,KAAK,KAAK;AACjB,UAAE;AACF,UAAE,OAAO,KAAK,KAAK;AACjB,cAAE;cACA,CAAC;IAET,QACEA,sCACE,GAAG,EAAE,GAAG,EAAA,aAAA,EACI,qBAAqB,EACjC,KAAK,EAAE;YACL,MAAM,EAAE,WAAW,GAAG,CAAA,UAAA,EAAa,WAAW,CAAA,CAAE,GAAG,IAAI;YACvD,SAAS;AACT,YAAA,GAAG,UAAU;SACd,EACD,SAAS,EAAE,eAAe,EAAA,GACtB,KAAK,EAAA,EAER,QAAQ,CACL;AAEV,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -3,6 +3,7 @@ import classnames from 'classnames';
|
|
|
3
3
|
import SvgDropdownDown from '../../../../icons/svg/dropdown_down.svg.js';
|
|
4
4
|
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../../utils/styles.js';
|
|
5
5
|
import { stringHasValue, methodHasValue } from '../../../../utils/validations.js';
|
|
6
|
+
import '../../../../components/Containers/Flex/Flex.js';
|
|
6
7
|
import '../../../../components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.js';
|
|
7
8
|
import '../../../../components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js';
|
|
8
9
|
import { useClickOutside } from '../../../../hooks/useClickOutside.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["React","DropdownDown"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["React","DropdownDown"],"mappings":"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"}
|
|
@@ -15,4 +15,4 @@ export interface ITextAreaProps extends IComponent, IFormInputProps<string>, IMa
|
|
|
15
15
|
maxLength?: number;
|
|
16
16
|
name?: string;
|
|
17
17
|
}
|
|
18
|
-
export declare const TextArea:
|
|
18
|
+
export declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -3,15 +3,7 @@ import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '..
|
|
|
3
3
|
import { validate } from '../../Validators/index.js';
|
|
4
4
|
import useInputValidatorsMemo from '../../Hooks/useInputValidatorsMemo.js';
|
|
5
5
|
|
|
6
|
-
const TextArea = ({ id = null, value, onChange, onBlur, onFocus, onKeyDown, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false,
|
|
7
|
-
/**
|
|
8
|
-
* Text Area - specific props
|
|
9
|
-
*/
|
|
10
|
-
wrap = "soft", placeholder, cols: _cols = 50, rows = 4, formId, minLength, maxLength = 255, name = "resoui_textarea_input",
|
|
11
|
-
/**
|
|
12
|
-
* Inherited props
|
|
13
|
-
*/
|
|
14
|
-
rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
|
|
6
|
+
const TextArea = React__default.forwardRef(({ id = null, value, onChange, onBlur, onFocus, onKeyDown, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false, wrap = "soft", placeholder, cols: _cols = 50, rows = 4, formId, minLength, maxLength = 255, name = "resoui_textarea_input", rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }, ref) => {
|
|
15
7
|
const inputValidators = useInputValidatorsMemo("string", {
|
|
16
8
|
required,
|
|
17
9
|
minLength,
|
|
@@ -45,9 +37,10 @@ rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidato
|
|
|
45
37
|
disabled,
|
|
46
38
|
}));
|
|
47
39
|
return (React__default.createElement("div", { "data-testid": `text-area-${id}-container`, className: containerClasses, style: rootStyles },
|
|
48
|
-
React__default.createElement("textarea", { "data-testid": `text-area-${id}-input`, wrap: wrap, id: id, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, onKeyDown: onKeyDown, rows: rows, form: formId, name: name, placeholder: placeholder, minLength: minLength, maxLength: maxLength, className: inputClasses, style: inputStyles }),
|
|
40
|
+
React__default.createElement("textarea", { ref: ref, "data-testid": `text-area-${id}-input`, wrap: wrap, id: id, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, onKeyDown: onKeyDown, rows: rows, form: formId, name: name, placeholder: placeholder, minLength: minLength, maxLength: maxLength, className: inputClasses, style: inputStyles }),
|
|
49
41
|
error && (React__default.createElement("p", { "data-testid": `text-area-${id}-error`, className: "resoui_form_input_error" }, error))));
|
|
50
|
-
};
|
|
42
|
+
});
|
|
43
|
+
TextArea.displayName = "TextArea";
|
|
51
44
|
|
|
52
45
|
export { TextArea };
|
|
53
46
|
//# sourceMappingURL=Text-Area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text-Area.js","sources":["../../../../../src/library/forms/Controls/Text-Area/Text-Area.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;MAmCa,QAAQ,
|
|
1
|
+
{"version":3,"file":"Text-Area.js","sources":["../../../../../src/library/forms/Controls/Text-Area/Text-Area.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { numberIsMoreThanOrEqualsTo, numberIsLessThan, numberIsRequired } from '../Validators/Number.js';
|
|
3
|
-
import { stringMatchesRegex, stringIsEmail, stringIsPhoneDefault, stringHasMinLength, stringHasMaxLength
|
|
3
|
+
import { stringIsRequired, stringMatchesRegex, stringIsEmail, stringIsPhoneDefault, stringHasMinLength, stringHasMaxLength } from '../Validators/String.js';
|
|
4
4
|
import { numberHasValue } from '../../utils/validations.js';
|
|
5
5
|
import { composeInputValidators } from './utils/index.js';
|
|
6
6
|
import { booleanIsRequired } from '../Validators/Boolean.js';
|
|
@@ -16,4 +16,4 @@ export interface IFlexProps extends IComponent, ISpacingsProps, React.HTMLAttrib
|
|
|
16
16
|
className?: string;
|
|
17
17
|
borderColor?: string;
|
|
18
18
|
}
|
|
19
|
-
export declare const Flex:
|
|
19
|
+
export declare const Flex: React.ForwardRefExoticComponent<IFlexProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import "./storiesStyle.scss";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("../Flex").IFlexProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
argTypes: {};
|
|
7
7
|
parameters: {
|
|
8
8
|
docs: {
|
|
@@ -15,4 +15,4 @@ export interface ITextAreaProps extends IComponent, IFormInputProps<string>, IMa
|
|
|
15
15
|
maxLength?: number;
|
|
16
16
|
name?: string;
|
|
17
17
|
}
|
|
18
|
-
export declare const TextArea:
|
|
18
|
+
export declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: React.ForwardRefExoticComponent<import("../Text-Area").ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
5
5
|
argTypes: {};
|
|
6
6
|
parameters: {
|
|
7
7
|
docs: {
|