@elliemae/ds-form-input-textarea 3.52.1 → 3.53.0-alpha.2
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/DSControlledLargeTextInput.js +3 -3
- package/dist/cjs/DSControlledLargeTextInput.js.map +2 -2
- package/dist/esm/DSControlledLargeTextInput.js +3 -3
- package/dist/esm/DSControlledLargeTextInput.js.map +2 -2
- package/dist/types/DSControlledLargeTextInput.d.ts +0 -1
- package/dist/types/styles.d.ts +5 -5
- package/package.json +8 -7
|
@@ -41,11 +41,11 @@ var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
|
41
41
|
var import_styles = require("./styles.js");
|
|
42
42
|
var import_exported_related = require("./exported-related/index.js");
|
|
43
43
|
const DSControlledLargeTextInput = (props) => {
|
|
44
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_exported_related.DSControlledLargeTextInputName);
|
|
45
44
|
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
|
|
45
|
+
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_exported_related.DSControlledLargeTextInputName);
|
|
46
46
|
const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault, { ...props });
|
|
47
47
|
const { value, onChange, readOnly, innerRef, name, id, hasError, maxHeight, applyAriaDisabled, ...otherProps } = propsWithDefault;
|
|
48
|
-
const { className, rows, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(otherProps);
|
|
48
|
+
const { className, rows, value: discardedVal, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(otherProps);
|
|
49
49
|
const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(otherProps);
|
|
50
50
|
const [calculatedMinHeight, setCalculatedMinHeight] = (0, import_react.useState)();
|
|
51
51
|
const [scrollBarWidth, setScrollBarWidth] = (0, import_react.useState)(0);
|
|
@@ -88,7 +88,6 @@ const DSControlledLargeTextInput = (props) => {
|
|
|
88
88
|
{
|
|
89
89
|
innerRef: referenceSetter,
|
|
90
90
|
"aria-multiline": true,
|
|
91
|
-
value,
|
|
92
91
|
$maxHeight: maxHeight,
|
|
93
92
|
$minHeight: calculatedMinHeight,
|
|
94
93
|
onChange: handleOnChange,
|
|
@@ -100,6 +99,7 @@ const DSControlledLargeTextInput = (props) => {
|
|
|
100
99
|
"aria-invalid": hasError,
|
|
101
100
|
"aria-disabled": applyAriaDisabled,
|
|
102
101
|
...globalAttributes,
|
|
102
|
+
value: value === void 0 && applyAriaDisabled ? "" : value,
|
|
103
103
|
readOnly,
|
|
104
104
|
"aria-readonly": readOnly,
|
|
105
105
|
...ownerPropsConfig
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSControlledLargeTextInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback, useMemo, useRef, useState, useLayoutEffect, useEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n type ValidationMap,\n useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React, { useCallback, useMemo, useRef, useState, useLayoutEffect, useEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n type ValidationMap,\n useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSControlledLargeTextInputName);\n\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n const { value, onChange, readOnly, innerRef, name, id, hasError, maxHeight, applyAriaDisabled, ...otherProps } =\n propsWithDefault;\n\n const { className, rows, value: discardedVal, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n const [scrollBarWidth, setScrollBarWidth] = useState<number>(0);\n\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n (e) => {\n if (applyAriaDisabled) return;\n onChange(e.currentTarget.value, e);\n },\n [onChange, applyAriaDisabled],\n );\n\n useEffect(() => {\n if (textareaRef && textareaRef.current) {\n const { offsetWidth, clientWidth } = textareaRef.current;\n setScrollBarWidth(offsetWidth - clientWidth);\n }\n }, [value]);\n\n useLayoutEffect(() => {\n if (ghostRef && ghostRef.current) {\n const { offsetHeight, scrollHeight } = ghostRef.current;\n if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n else setCalculatedMinHeight(scrollHeight);\n }\n }, [maxHeight, value, rows]);\n\n const referenceSetter = useMemo(() => mergeRefs(textareaRef, innerRef), [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n applyAriaDisabled={applyAriaDisabled || readOnly}\n {...xstyledProps}\n {...ownerPropsConfig}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled} $isReadOnly={applyAriaDisabled || readOnly}>\n <StyledTextArea\n innerRef={referenceSetter}\n aria-multiline\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n rows={rows}\n aria-describedby={\n id !== undefined ? `${id}_feedback_message ${id}_error_message ${id}_remaining_characters` : undefined\n }\n aria-invalid={hasError}\n aria-disabled={applyAriaDisabled}\n {...globalAttributes}\n // PUI-17313 - value === undefined && applyAriaDisabled === true -> user can still type.\n // the following looks stupid. But the thing is, we are not validating that user never provides undefined.\n // when user provides undefined, merging keeps undefined, react enters in \"uncontrolled\" mode\n // when in uncontrolled mode, we can't prevent react from changing the dom value directly\n // which means \"if applyAriaDisabled never change the input\" constraint can't be enforced by us\n // to accomplish all that, we have to specifically make react behave still in controlled mode by providing ''\n // we had a team discussion, while this is mostly tech-debt, it would potentially be a breaking change to fix this to always default to ''\n // scenarios where user provides undefined and expect uncontrolled behavior might exist (without applyAriaDisabled)\n // as such, we only specifically fix the case that would cause a bug (applyAriaDisabled = true && value = undefined)\n value={value === undefined && applyAriaDisabled ? '' : value}\n readOnly={readOnly}\n aria-readonly={readOnly}\n {...ownerPropsConfig}\n />\n </WrapperBorder>\n <StyledTextArea\n disabled\n aria-label=\"ghost textarea\"\n data-testid=\"\"\n innerRef={ghostRef}\n value={value}\n $maxHeight={maxHeight}\n rows={rows}\n style={{\n visibility: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n paddingLeft: '9px',\n paddingRight: `${9 + scrollBarWidth}px`,\n overflow: 'hidden',\n }}\n />\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as ValidationMap<unknown>;\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,11 +14,11 @@ import { propTypes, defaultProps } from "./react-desc-prop-types.js";
|
|
|
14
14
|
import { StyledTextArea, StyledContainer, WrapperBorder } from "./styles.js";
|
|
15
15
|
import { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from "./exported-related/index.js";
|
|
16
16
|
const DSControlledLargeTextInput = (props) => {
|
|
17
|
-
useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);
|
|
18
17
|
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
18
|
+
useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSControlledLargeTextInputName);
|
|
19
19
|
const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });
|
|
20
20
|
const { value, onChange, readOnly, innerRef, name, id, hasError, maxHeight, applyAriaDisabled, ...otherProps } = propsWithDefault;
|
|
21
|
-
const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);
|
|
21
|
+
const { className, rows, value: discardedVal, ...globalAttributes } = useGetGlobalAttributes(otherProps);
|
|
22
22
|
const xstyledProps = useGetXstyledProps(otherProps);
|
|
23
23
|
const [calculatedMinHeight, setCalculatedMinHeight] = useState();
|
|
24
24
|
const [scrollBarWidth, setScrollBarWidth] = useState(0);
|
|
@@ -61,7 +61,6 @@ const DSControlledLargeTextInput = (props) => {
|
|
|
61
61
|
{
|
|
62
62
|
innerRef: referenceSetter,
|
|
63
63
|
"aria-multiline": true,
|
|
64
|
-
value,
|
|
65
64
|
$maxHeight: maxHeight,
|
|
66
65
|
$minHeight: calculatedMinHeight,
|
|
67
66
|
onChange: handleOnChange,
|
|
@@ -73,6 +72,7 @@ const DSControlledLargeTextInput = (props) => {
|
|
|
73
72
|
"aria-invalid": hasError,
|
|
74
73
|
"aria-disabled": applyAriaDisabled,
|
|
75
74
|
...globalAttributes,
|
|
75
|
+
value: value === void 0 && applyAriaDisabled ? "" : value,
|
|
76
76
|
readOnly,
|
|
77
77
|
"aria-readonly": readOnly,
|
|
78
78
|
...ownerPropsConfig
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSControlledLargeTextInput.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useMemo, useRef, useState, useLayoutEffect, useEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n type ValidationMap,\n useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useMemo, useRef, useState, useLayoutEffect, useEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n type ValidationMap,\n useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { StyledTextArea, StyledContainer, WrapperBorder } from './styles.js';\nimport { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids } from './exported-related/index.js';\nimport type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';\n\nconst DSControlledLargeTextInput = (props: DSControlledLargeTextInputT.Props): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSControlledLargeTextInputName);\n\n const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n const { value, onChange, readOnly, innerRef, name, id, hasError, maxHeight, applyAriaDisabled, ...otherProps } =\n propsWithDefault;\n\n const { className, rows, value: discardedVal, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n const [scrollBarWidth, setScrollBarWidth] = useState<number>(0);\n\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n (e) => {\n if (applyAriaDisabled) return;\n onChange(e.currentTarget.value, e);\n },\n [onChange, applyAriaDisabled],\n );\n\n useEffect(() => {\n if (textareaRef && textareaRef.current) {\n const { offsetWidth, clientWidth } = textareaRef.current;\n setScrollBarWidth(offsetWidth - clientWidth);\n }\n }, [value]);\n\n useLayoutEffect(() => {\n if (ghostRef && ghostRef.current) {\n const { offsetHeight, scrollHeight } = ghostRef.current;\n if (rows !== undefined) setCalculatedMinHeight(offsetHeight);\n else if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n else setCalculatedMinHeight(scrollHeight);\n }\n }, [maxHeight, value, rows]);\n\n const referenceSetter = useMemo(() => mergeRefs(textareaRef, innerRef), [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n applyAriaDisabled={applyAriaDisabled || readOnly}\n {...xstyledProps}\n {...ownerPropsConfig}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled} $isReadOnly={applyAriaDisabled || readOnly}>\n <StyledTextArea\n innerRef={referenceSetter}\n aria-multiline\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n rows={rows}\n aria-describedby={\n id !== undefined ? `${id}_feedback_message ${id}_error_message ${id}_remaining_characters` : undefined\n }\n aria-invalid={hasError}\n aria-disabled={applyAriaDisabled}\n {...globalAttributes}\n // PUI-17313 - value === undefined && applyAriaDisabled === true -> user can still type.\n // the following looks stupid. But the thing is, we are not validating that user never provides undefined.\n // when user provides undefined, merging keeps undefined, react enters in \"uncontrolled\" mode\n // when in uncontrolled mode, we can't prevent react from changing the dom value directly\n // which means \"if applyAriaDisabled never change the input\" constraint can't be enforced by us\n // to accomplish all that, we have to specifically make react behave still in controlled mode by providing ''\n // we had a team discussion, while this is mostly tech-debt, it would potentially be a breaking change to fix this to always default to ''\n // scenarios where user provides undefined and expect uncontrolled behavior might exist (without applyAriaDisabled)\n // as such, we only specifically fix the case that would cause a bug (applyAriaDisabled = true && value = undefined)\n value={value === undefined && applyAriaDisabled ? '' : value}\n readOnly={readOnly}\n aria-readonly={readOnly}\n {...ownerPropsConfig}\n />\n </WrapperBorder>\n <StyledTextArea\n disabled\n aria-label=\"ghost textarea\"\n data-testid=\"\"\n innerRef={ghostRef}\n value={value}\n $maxHeight={maxHeight}\n rows={rows}\n style={{\n visibility: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n paddingLeft: '9px',\n paddingRight: `${9 + scrollBarWidth}px`,\n overflow: 'hidden',\n }}\n />\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as ValidationMap<unknown>;\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/types/styles.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
2
|
-
$isDisabled?: boolean
|
|
3
|
-
applyAriaDisabled?: boolean
|
|
2
|
+
$isDisabled?: boolean;
|
|
3
|
+
applyAriaDisabled?: boolean;
|
|
4
4
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
5
5
|
export declare const WrapperBorder: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
6
|
-
$hasError?: boolean
|
|
7
|
-
$isDisabled?: boolean
|
|
8
|
-
$isReadOnly?: boolean
|
|
6
|
+
$hasError?: boolean;
|
|
7
|
+
$isDisabled?: boolean;
|
|
8
|
+
$isReadOnly?: boolean;
|
|
9
9
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
10
10
|
interface StyledTextAreaT {
|
|
11
11
|
resizable?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-form-input-textarea",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.53.0-alpha.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Input Textarea",
|
|
6
6
|
"files": [
|
|
@@ -36,19 +36,20 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-props-helpers": "3.
|
|
40
|
-
"@elliemae/ds-system": "3.
|
|
39
|
+
"@elliemae/ds-props-helpers": "3.53.0-alpha.2",
|
|
40
|
+
"@elliemae/ds-system": "3.53.0-alpha.2"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
44
|
-
"@elliemae/pui-theme": "~2.
|
|
43
|
+
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
44
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
45
45
|
"@xstyled/system": "~3.7.3",
|
|
46
46
|
"jest": "~29.7.0",
|
|
47
47
|
"styled-components": "~5.3.9",
|
|
48
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
48
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
|
|
49
|
+
"@elliemae/ds-test-utils": "3.53.0-alpha.2"
|
|
49
50
|
},
|
|
50
51
|
"peerDependencies": {
|
|
51
|
-
"@elliemae/pui-theme": "~2.
|
|
52
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
52
53
|
"@xstyled/system": "~3.7.3",
|
|
53
54
|
"react": "^18.3.1",
|
|
54
55
|
"react-dom": "^18.3.1",
|