@elliemae/ds-form-input-textarea 3.17.0-next.9 → 3.17.0-rc.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.
Files changed (22) hide show
  1. package/dist/cjs/DSControlledLargeTextInput.js +14 -14
  2. package/dist/cjs/DSControlledLargeTextInput.js.map +2 -2
  3. package/dist/cjs/react-desc-prop-types.js +0 -3
  4. package/dist/cjs/react-desc-prop-types.js.map +2 -2
  5. package/dist/cjs/styles.js +7 -1
  6. package/dist/cjs/styles.js.map +2 -2
  7. package/dist/esm/DSControlledLargeTextInput.js +14 -14
  8. package/dist/esm/DSControlledLargeTextInput.js.map +2 -2
  9. package/dist/esm/react-desc-prop-types.js +0 -3
  10. package/dist/esm/react-desc-prop-types.js.map +2 -2
  11. package/dist/esm/styles.js +7 -1
  12. package/dist/esm/styles.js.map +2 -2
  13. package/dist/types/DSControlledLargeTextInput.d.ts +8 -0
  14. package/dist/types/exported-related/data-test-ids.d.ts +5 -0
  15. package/dist/types/exported-related/index.d.ts +2 -0
  16. package/dist/types/exported-related/theming.d.ts +6 -0
  17. package/dist/types/index.d.ts +2 -0
  18. package/dist/types/react-desc-prop-types.d.ts +472 -0
  19. package/dist/types/styles.d.ts +15 -0
  20. package/dist/types/tests/DSControlledLargeTextInput.test.d.ts +1 -0
  21. package/dist/types/tests/axe.test.d.ts +1 -0
  22. package/package.json +4 -4
package/dist/cjs/DSControlledLargeTextInput.js CHANGED
@@ -43,8 +43,8 @@ var import_exported_related = require("./exported-related/index.js");
43
43
  const DSControlledLargeTextInput = (props) => {
44
44
  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_exported_related.DSControlledLargeTextInputName);
45
45
  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
46
- const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;
47
- const { className, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(otherProps);
46
+ const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;
47
+ const { className, rows, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(otherProps);
48
48
  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(otherProps);
49
49
  const [calculatedMinHeight, setCalculatedMinHeight] = (0, import_react.useState)();
50
50
  const textareaRef = (0, import_react.useRef)(null);
@@ -54,17 +54,16 @@ const DSControlledLargeTextInput = (props) => {
54
54
  [onChange]
55
55
  );
56
56
  (0, import_react.useLayoutEffect)(() => {
57
- if (ghostRef && ghostRef.current && value !== "") {
58
- ghostRef.current.style.maxHeight = "0px";
59
- const { scrollHeight } = ghostRef.current;
60
- if (maxHeight !== void 0 && scrollHeight >= maxHeight)
57
+ if (ghostRef && ghostRef.current) {
58
+ const { offsetHeight, scrollHeight } = ghostRef.current;
59
+ if (rows !== void 0)
60
+ setCalculatedMinHeight(offsetHeight);
61
+ else if (maxHeight !== void 0 && scrollHeight >= maxHeight)
61
62
  setCalculatedMinHeight(maxHeight);
62
63
  else
63
64
  setCalculatedMinHeight(scrollHeight);
64
- if (maxHeight)
65
- ghostRef.current.style.maxHeight = `${maxHeight}px`;
66
65
  }
67
- }, [maxHeight, value]);
66
+ }, [maxHeight, value, rows]);
68
67
  const getReferenceSetter = (0, import_react.useCallback)(() => {
69
68
  const refToMerge = [textareaRef];
70
69
  if (innerRef)
@@ -88,24 +87,25 @@ const DSControlledLargeTextInput = (props) => {
88
87
  $maxHeight: maxHeight,
89
88
  $minHeight: calculatedMinHeight,
90
89
  onChange: handleOnChange,
91
- resizable,
92
90
  name,
93
91
  id,
94
92
  "data-testid": import_exported_related.DSControlledLargetTextInputDatatestids.INPUT,
93
+ rows,
95
94
  ...globalAttributes
96
95
  }
97
96
  ) }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${id}-ghost`, style: { visibility: "hidden", pointerEvents: "none", position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
98
  import_styles.StyledTextArea,
100
99
  {
101
100
  disabled: true,
102
- id: `${id}-ghost`,
101
+ "aria-label": "ghost textarea",
103
102
  ref: ghostRef,
104
103
  value,
105
104
  style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
106
- $maxHeight: maxHeight
105
+ $maxHeight: maxHeight,
106
+ rows
107
107
  }
108
- ) })
108
+ )
109
109
  ]
110
110
  }
111
111
  );
package/dist/cjs/DSControlledLargeTextInput.js.map CHANGED
@@ -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 type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\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 useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n (e) => onChange(e.currentTarget.value, e),\n [onChange],\n );\n\n useLayoutEffect(() => {\n if (ghostRef && ghostRef.current && value !== '') {\n ghostRef.current.style.maxHeight = '0px';\n const { scrollHeight } = ghostRef.current;\n if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n else setCalculatedMinHeight(scrollHeight);\n if (maxHeight) ghostRef.current.style.maxHeight = `${maxHeight}px`;\n }\n }, [maxHeight, value]);\n const getReferenceSetter = useCallback(() => {\n const refToMerge = [textareaRef];\n if (innerRef) refToMerge.push(innerRef);\n return mergeRefs(...refToMerge);\n }, [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n {...xstyledProps}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n <StyledTextArea\n ref={getReferenceSetter}\n aria-multiline\n value={value}\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n resizable={resizable}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n {...globalAttributes}\n />\n </WrapperBorder>\n {/* this label is needed in the axe core test */}\n <label htmlFor={`${id}-ghost`} style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}>\n <StyledTextArea\n disabled\n id={`${id}-ghost`}\n ref={ghostRef}\n value={value}\n style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n $maxHeight={maxHeight}\n />\n </label>\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDnB;AAnDJ,mBAAsE;AACtE,8BAMO;AACP,0BAA0B;AAC1B,mCAAwC;AACxC,oBAA+D;AAC/D,8BAAuF;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,8DAA+B,OAAO,wCAAW,sDAA8B;AAE/E,QAAM,uBAAmB,sDAAwE,OAAO,yCAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAE/F,QAAM,EAAE,WAAW,GAAG,iBAAiB,QAAI,gDAAuB,UAAU;AAE5E,QAAM,mBAAe,4CAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAiB;AAEvE,QAAM,kBAAc,qBAAmC,IAAI;AAC3D,QAAM,eAAW,qBAAmC,IAAI;AAExD,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,oCAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,aAAa,IAAI,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AACrF,+BAAuB,YAAY;AACxC,UAAI;AAAW,iBAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AACrB,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,eAAO,+BAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,+DAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,oDAAC,+BAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAa,+DAAuC;AAAA,YACnD,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QAEA,4CAAC,WAAM,SAAS,GAAG,YAAY,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW,GACxG;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,IAAI,GAAG;AAAA,YACP,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA;AAAA,QACd,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
4
+ "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\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 useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\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) => onChange(e.currentTarget.value, e),\n [onChange],\n );\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 getReferenceSetter = useCallback(() => {\n const refToMerge = [textareaRef];\n if (innerRef) refToMerge.push(innerRef);\n return mergeRefs(...refToMerge);\n }, [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n {...xstyledProps}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n <StyledTextArea\n ref={getReferenceSetter}\n aria-multiline\n value={value}\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n rows={rows}\n {...globalAttributes}\n />\n </WrapperBorder>\n <StyledTextArea\n disabled\n aria-label=\"ghost textarea\"\n ref={ghostRef}\n value={value}\n style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n $maxHeight={maxHeight}\n rows={rows} \n />\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDnB;AAnDJ,mBAAsE;AACtE,8BAMO;AACP,0BAA0B;AAC1B,mCAAwC;AACxC,oBAA+D;AAC/D,8BAAuF;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,8DAA+B,OAAO,wCAAW,sDAA8B;AAE/E,QAAM,uBAAmB,sDAAwE,OAAO,yCAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAEpF,QAAM,EAAE,WAAW,MAAM,GAAG,iBAAiB,QAAI,gDAAuB,UAAU;AAElF,QAAM,mBAAe,4CAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAiB;AAEvE,QAAM,kBAAc,qBAAmC,IAAI;AAC3D,QAAM,eAAW,qBAAmC,IAAI;AAExD,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,oCAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,EAAE,cAAc,aAAa,IAAI,SAAS;AAChD,UAAI,SAAS;AAAW,+BAAuB,YAAY;AAAA,eAClD,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AAC1F,+BAAuB,YAAY;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,IAAI,CAAC;AAE3B,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,eAAO,+BAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,+DAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,oDAAC,+BAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAa,+DAAuC;AAAA,YACpD;AAAA,YACC,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,cAAW;AAAA,YACX,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA,YACZ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/react-desc-prop-types.js CHANGED
@@ -37,10 +37,8 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
37
37
  const noop = () => {
38
38
  };
39
39
  const defaultProps = {
40
- rows: "2",
41
40
  value: "",
42
41
  onChange: noop,
43
- resizable: false,
44
42
  hasError: false
45
43
  };
46
44
  const propTypes = {
@@ -48,7 +46,6 @@ const propTypes = {
48
46
  ...import_ds_props_helpers.xstyledPropTypes,
49
47
  value: import_ds_props_helpers.PropTypes.string.description("Text are value.").defaultValue(""),
50
48
  onChange: import_ds_props_helpers.PropTypes.func.description("OnChange cb.").defaultValue("() => {}"),
51
- resizable: import_ds_props_helpers.PropTypes.bool.description("Enables to resize the component.").defaultValue(false),
52
49
  rows: import_ds_props_helpers.PropTypes.string.description(
53
50
  "Sets the number of lines for the default height. Once lines are reached, scroll behavior enables."
54
51
  ),
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n export interface DefaultProps {\n value: string;\n onChange: (newVal: string, event: React.SyntheticEvent<HTMLInputElement>) => void;\n resizable: boolean;\n hasError: boolean;\n rows: string;\n }\n\n export interface RequiredProps {\n name: string;\n id: string;\n }\n\n export interface PropsOptional {\n disabled?: boolean;\n readOnly?: boolean;\n maxHeight?: number;\n innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n rows: '2',\n value: '',\n onChange: noop,\n resizable: false,\n hasError: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n value: PropTypes.string.description('Text are value.').defaultValue(''),\n onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n resizable: PropTypes.bool.description('Enables to resize the component.').defaultValue(false),\n rows: PropTypes.string.description(\n 'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n ),\n id: PropTypes.string.description('Unique id.'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n disabled: PropTypes.bool.description('Set disabled state.'),\n readOnly: PropTypes.bool.description('Set readonly state.'),\n maxHeight: PropTypes.number.description('Set max height to recize input text'),\n hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAEvE,MAAM,OAAO,MAAM;AAAC;AA4Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,kCAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,kCAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,kCAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,kCAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,kCAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
4
+ "sourcesContent": ["import type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n export interface DefaultProps {\n value: string;\n onChange: (newVal: string, event: React.SyntheticEvent<HTMLTextAreaElement>) => void;\n hasError: boolean;\n }\n\n export interface RequiredProps {\n name: string;\n id: string;\n }\n\n export interface PropsOptional {\n rows?: string;\n disabled?: boolean;\n readOnly?: boolean;\n maxHeight?: number;\n innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n value: '',\n onChange: noop,\n hasError: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n value: PropTypes.string.description('Text are value.').defaultValue(''),\n onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n rows: PropTypes.string.description(\n 'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n ),\n id: PropTypes.string.description('Unique id.'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n disabled: PropTypes.bool.description('Set disabled state.'),\n readOnly: PropTypes.bool.description('Set readonly state.'),\n maxHeight: PropTypes.number.description('Set max height to recize input text'),\n hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAEvE,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,kCAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,MAAM,kCAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,kCAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,kCAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,kCAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styles.js CHANGED
@@ -81,7 +81,7 @@ const StyledTextArea = (0, import_ds_system.styled)("textarea", {
81
81
  width: 100%;
82
82
  border: none;
83
83
  padding: 8px;
84
- ${({ resizable }) => resizable ? `` : `resize: none;`}
84
+ resize: none;
85
85
  ${({ $maxHeight }) => $maxHeight ? `max-height: ${$maxHeight}px;` : ``}
86
86
  ${({ $minHeight }) => $minHeight ? `min-height: ${$minHeight}px;` : ``}
87
87
  ${({ disabled }) => disabled ? `
@@ -89,5 +89,11 @@ const StyledTextArea = (0, import_ds_system.styled)("textarea", {
89
89
  background-color: #EBEDF0;
90
90
  cursor: not-allowed;
91
91
  ` : ""}
92
+
93
+ ${({ rows, $maxHeight }) => {
94
+ if (rows === void 0 && $maxHeight === void 0)
95
+ return "overflow: hidden;";
96
+ return "";
97
+ }}
92
98
  `;
93
99
  //# sourceMappingURL=styles.js.map
package/dist/cjs/styles.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.CONTAINER,\n})<{ $isDisabled?: boolean }>`\n display: grid;\n grid-template-rows: auto auto;\n grid-template-columns: fit-content;\n ${({ $isDisabled }) =>\n $isDisabled\n ? `\n background-color: #EBEDF0;\n color: #616b7f;\n `\n : ``}\n ${xStyledCommonProps}\n`;\n\nexport const WrapperBorder = styled('div')<{ $hasError?: boolean; $isDisabled?: boolean }>`\n ${({ $isDisabled, theme }) =>\n !$isDisabled\n ? `\n&:hover {\n outline: 1px solid ${theme.colors.brand[700]};\n outline-offset: -1px;\n}\n&:focus,\n&:focus-within {\n outline: 2px solid ${theme.colors.brand[700]};\n outline-offset: -2px;\n}\n&:hover,\n&:focus,\n&:focus-within {\n border-color: transparent;\n} \n`\n : ``}\n border: 1px solid neutral-400;\n border-radius: 2px;\n position: relative;\n box-sizing: content-box;\n ${({ $hasError, theme }) => ($hasError ? `border: 1px solid ${theme.colors.danger[900]};` : ``)}\n`;\n\ninterface StyledTextAreaT {\n resizable?: boolean;\n hasError?: boolean;\n $maxHeight?: number;\n $minHeight?: number;\n}\nexport const StyledTextArea = styled('textarea', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n line-height: 1;\n outline: none;\n width: 100%;\n border: none;\n padding: 8px;\n ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n ${({ disabled }) =>\n disabled\n ? `\n overflow: hidden;\n background-color: #EBEDF0;\n cursor: not-allowed;\n `\n : ''}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAgF;AAEzE,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIG,CAAC,EAAE,YAAY,MACf,cACI;AAAA;AAAA;AAAA,MAIA;AAAA,IACJ;AAAA;AAGG,MAAM,oBAAgB,yBAAO,KAAK;AAAA,IACrC,CAAC,EAAE,aAAa,MAAM,MACtB,CAAC,cACG;AAAA;AAAA,uBAEe,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKtB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,CAAC,EAAE,WAAW,MAAM,MAAO,YAAY,qBAAqB,MAAM,OAAO,OAAO,GAAG,OAAO;AAAA;AASvF,MAAM,qBAAiB,yBAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMG,CAAC,EAAE,UAAU,MAAO,YAAY,KAAK;AAAA,IACrC,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MACZ,WACI;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA;",
4
+ "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.CONTAINER,\n})<{ $isDisabled?: boolean }>`\n display: grid;\n grid-template-rows: auto auto;\n grid-template-columns: fit-content;\n ${({ $isDisabled }) =>\n $isDisabled\n ? `\n background-color: #EBEDF0;\n color: #616b7f;\n `\n : ``}\n ${xStyledCommonProps}\n`;\n\nexport const WrapperBorder = styled('div')<{ $hasError?: boolean; $isDisabled?: boolean }>`\n ${({ $isDisabled, theme }) =>\n !$isDisabled\n ? `\n&:hover {\n outline: 1px solid ${theme.colors.brand[700]};\n outline-offset: -1px;\n}\n&:focus,\n&:focus-within {\n outline: 2px solid ${theme.colors.brand[700]};\n outline-offset: -2px;\n}\n&:hover,\n&:focus,\n&:focus-within {\n border-color: transparent;\n} \n`\n : ``}\n border: 1px solid neutral-400;\n border-radius: 2px;\n position: relative;\n box-sizing: content-box;\n ${({ $hasError, theme }) => ($hasError ? `border: 1px solid ${theme.colors.danger[900]};` : ``)}\n`;\n\ninterface StyledTextAreaT {\n resizable?: boolean;\n hasError?: boolean;\n $maxHeight?: number;\n $minHeight?: number;\n}\nexport const StyledTextArea = styled('textarea', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n line-height: 1;\n outline: none;\n width: 100%;\n border: none;\n padding: 8px;\n resize: none;\n ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n ${({ disabled }) =>\n disabled\n ? `\n overflow: hidden;\n background-color: #EBEDF0;\n cursor: not-allowed;\n `\n : ''}\n\n ${({ rows, $maxHeight }) => {\n if (rows === undefined && $maxHeight === undefined) return 'overflow: hidden;';\n return '';\n }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAgF;AAEzE,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIG,CAAC,EAAE,YAAY,MACf,cACI;AAAA;AAAA;AAAA,MAIA;AAAA,IACJ;AAAA;AAGG,MAAM,oBAAgB,yBAAO,KAAK;AAAA,IACrC,CAAC,EAAE,aAAa,MAAM,MACtB,CAAC,cACG;AAAA;AAAA,uBAEe,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKtB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,CAAC,EAAE,WAAW,MAAM,MAAO,YAAY,qBAAqB,MAAM,OAAO,OAAO,GAAG,OAAO;AAAA;AASvF,MAAM,qBAAiB,yBAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,wDAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MACZ,WACI;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA;AAAA,IAEJ,CAAC,EAAE,MAAM,WAAW,MAAM;AAC1B,MAAI,SAAS,UAAa,eAAe;AAAW,WAAO;AAC3D,SAAO;AACT;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSControlledLargeTextInput.js CHANGED
@@ -15,8 +15,8 @@ import { DSControlledLargeTextInputName, DSControlledLargetTextInputDatatestids
15
15
  const DSControlledLargeTextInput = (props) => {
16
16
  useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);
17
17
  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
18
- const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;
19
- const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);
18
+ const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;
19
+ const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);
20
20
  const xstyledProps = useGetXstyledProps(otherProps);
21
21
  const [calculatedMinHeight, setCalculatedMinHeight] = useState();
22
22
  const textareaRef = useRef(null);
@@ -26,17 +26,16 @@ const DSControlledLargeTextInput = (props) => {
26
26
  [onChange]
27
27
  );
28
28
  useLayoutEffect(() => {
29
- if (ghostRef && ghostRef.current && value !== "") {
30
- ghostRef.current.style.maxHeight = "0px";
31
- const { scrollHeight } = ghostRef.current;
32
- if (maxHeight !== void 0 && scrollHeight >= maxHeight)
29
+ if (ghostRef && ghostRef.current) {
30
+ const { offsetHeight, scrollHeight } = ghostRef.current;
31
+ if (rows !== void 0)
32
+ setCalculatedMinHeight(offsetHeight);
33
+ else if (maxHeight !== void 0 && scrollHeight >= maxHeight)
33
34
  setCalculatedMinHeight(maxHeight);
34
35
  else
35
36
  setCalculatedMinHeight(scrollHeight);
36
- if (maxHeight)
37
- ghostRef.current.style.maxHeight = `${maxHeight}px`;
38
37
  }
39
- }, [maxHeight, value]);
38
+ }, [maxHeight, value, rows]);
40
39
  const getReferenceSetter = useCallback(() => {
41
40
  const refToMerge = [textareaRef];
42
41
  if (innerRef)
@@ -60,24 +59,25 @@ const DSControlledLargeTextInput = (props) => {
60
59
  $maxHeight: maxHeight,
61
60
  $minHeight: calculatedMinHeight,
62
61
  onChange: handleOnChange,
63
- resizable,
64
62
  name,
65
63
  id,
66
64
  "data-testid": DSControlledLargetTextInputDatatestids.INPUT,
65
+ rows,
67
66
  ...globalAttributes
68
67
  }
69
68
  ) }),
70
- /* @__PURE__ */ jsx("label", { htmlFor: `${id}-ghost`, style: { visibility: "hidden", pointerEvents: "none", position: "absolute" }, children: /* @__PURE__ */ jsx(
69
+ /* @__PURE__ */ jsx(
71
70
  StyledTextArea,
72
71
  {
73
72
  disabled: true,
74
- id: `${id}-ghost`,
73
+ "aria-label": "ghost textarea",
75
74
  ref: ghostRef,
76
75
  value,
77
76
  style: { visibility: "hidden", pointerEvents: "none", position: "absolute" },
78
- $maxHeight: maxHeight
77
+ $maxHeight: maxHeight,
78
+ rows
79
79
  }
80
- ) })
80
+ )
81
81
  ]
82
82
  }
83
83
  );
package/dist/esm/DSControlledLargeTextInput.js.map CHANGED
@@ -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 type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\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 useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n const { value, onChange, innerRef, resizable, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n const { className, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\n\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const ghostRef = useRef<HTMLTextAreaElement | null>(null);\n\n const handleOnChange = useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n (e) => onChange(e.currentTarget.value, e),\n [onChange],\n );\n\n useLayoutEffect(() => {\n if (ghostRef && ghostRef.current && value !== '') {\n ghostRef.current.style.maxHeight = '0px';\n const { scrollHeight } = ghostRef.current;\n if (maxHeight !== undefined && scrollHeight >= maxHeight) setCalculatedMinHeight(maxHeight);\n else setCalculatedMinHeight(scrollHeight);\n if (maxHeight) ghostRef.current.style.maxHeight = `${maxHeight}px`;\n }\n }, [maxHeight, value]);\n const getReferenceSetter = useCallback(() => {\n const refToMerge = [textareaRef];\n if (innerRef) refToMerge.push(innerRef);\n return mergeRefs(...refToMerge);\n }, [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n {...xstyledProps}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n <StyledTextArea\n ref={getReferenceSetter}\n aria-multiline\n value={value}\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n resizable={resizable}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n {...globalAttributes}\n />\n </WrapperBorder>\n {/* this label is needed in the axe core test */}\n <label htmlFor={`${id}-ghost`} style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}>\n <StyledTextArea\n disabled\n id={`${id}-ghost`}\n ref={ghostRef}\n value={value}\n style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n $maxHeight={maxHeight}\n />\n </label>\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACoDnB,SAOI,KAPJ;AAnDJ,SAAgB,aAAa,QAAQ,UAAU,uBAAuB;AACtE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,WAAW,oBAAoB;AACxC,SAAS,gBAAgB,iBAAiB,qBAAqB;AAC/D,SAAS,gCAAgC,8CAA8C;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,WAAW,8BAA8B;AAE/E,QAAM,mBAAmB,6BAAwE,OAAO,YAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,WAAW,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAE/F,QAAM,EAAE,WAAW,GAAG,iBAAiB,IAAI,uBAAuB,UAAU;AAE5E,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAiB;AAEvE,QAAM,cAAc,OAAmC,IAAI;AAC3D,QAAM,WAAW,OAAmC,IAAI;AAExD,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,kBAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,WAAW,UAAU,IAAI;AAChD,eAAS,QAAQ,MAAM,YAAY;AACnC,YAAM,EAAE,aAAa,IAAI,SAAS;AAClC,UAAI,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AACrF,+BAAuB,YAAY;AACxC,UAAI;AAAW,iBAAS,QAAQ,MAAM,YAAY,GAAG;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AACrB,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,WAAO,UAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,uCAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,4BAAC,iBAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAa,uCAAuC;AAAA,YACnD,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QAEA,oBAAC,WAAM,SAAS,GAAG,YAAY,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW,GACxG;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,IAAI,GAAG;AAAA,YACP,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA;AAAA,QACd,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useCallback, useRef, useState, useLayoutEffect } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-utilities';\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 useValidateTypescriptPropTypes(props, propTypes, DSControlledLargeTextInputName);\n\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledLargeTextInputT.InternalProps>(props, defaultProps);\n\n const { value, onChange, innerRef, name, id, hasError, maxHeight, ...otherProps } = propsWithDefault;\n\n const { className, rows, ...globalAttributes } = useGetGlobalAttributes(otherProps);\n\n const xstyledProps = useGetXstyledProps(otherProps);\n\n const [calculatedMinHeight, setCalculatedMinHeight] = useState<number>();\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) => onChange(e.currentTarget.value, e),\n [onChange],\n );\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 getReferenceSetter = useCallback(() => {\n const refToMerge = [textareaRef];\n if (innerRef) refToMerge.push(innerRef);\n return mergeRefs(...refToMerge);\n }, [innerRef]);\n\n return (\n <StyledContainer\n className={className}\n data-testid={DSControlledLargetTextInputDatatestids.CONTAINER}\n $isDisabled={otherProps.disabled}\n {...xstyledProps}\n >\n <WrapperBorder $hasError={hasError} $isDisabled={otherProps.disabled}>\n <StyledTextArea\n ref={getReferenceSetter}\n aria-multiline\n value={value}\n $maxHeight={maxHeight}\n $minHeight={calculatedMinHeight}\n onChange={handleOnChange}\n name={name}\n id={id}\n data-testid={DSControlledLargetTextInputDatatestids.INPUT}\n rows={rows}\n {...globalAttributes}\n />\n </WrapperBorder>\n <StyledTextArea\n disabled\n aria-label=\"ghost textarea\"\n ref={ghostRef}\n value={value}\n style={{ visibility: 'hidden', pointerEvents: 'none', position: 'absolute' }}\n $maxHeight={maxHeight}\n rows={rows} \n />\n </StyledContainer>\n );\n};\n\nDSControlledLargeTextInput.displayName = 'DSControlledLargeTextInput';\nconst DSControlledLargeTextInputWithSchema = describe(DSControlledLargeTextInput);\nDSControlledLargeTextInputWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACoDnB,SAOI,KAPJ;AAnDJ,SAAgB,aAAa,QAAQ,UAAU,uBAAuB;AACtE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,WAAW,oBAAoB;AACxC,SAAS,gBAAgB,iBAAiB,qBAAqB;AAC/D,SAAS,gCAAgC,8CAA8C;AAGvF,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,iCAA+B,OAAO,WAAW,8BAA8B;AAE/E,QAAM,mBAAmB,6BAAwE,OAAO,YAAY;AAEpH,QAAM,EAAE,OAAO,UAAU,UAAU,MAAM,IAAI,UAAU,WAAW,GAAG,WAAW,IAAI;AAEpF,QAAM,EAAE,WAAW,MAAM,GAAG,iBAAiB,IAAI,uBAAuB,UAAU;AAElF,QAAM,eAAe,mBAAmB,UAAU;AAElD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAiB;AAEvE,QAAM,cAAc,OAAmC,IAAI;AAC3D,QAAM,WAAW,OAAmC,IAAI;AAExD,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAM,SAAS,EAAE,cAAc,OAAO,CAAC;AAAA,IACxC,CAAC,QAAQ;AAAA,EACX;AAEA,kBAAgB,MAAM;AACpB,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,EAAE,cAAc,aAAa,IAAI,SAAS;AAChD,UAAI,SAAS;AAAW,+BAAuB,YAAY;AAAA,eAClD,cAAc,UAAa,gBAAgB;AAAW,+BAAuB,SAAS;AAAA;AAC1F,+BAAuB,YAAY;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,IAAI,CAAC;AAE3B,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,aAAa,CAAC,WAAW;AAC/B,QAAI;AAAU,iBAAW,KAAK,QAAQ;AACtC,WAAO,UAAU,GAAG,UAAU;AAAA,EAChC,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,uCAAuC;AAAA,MACpD,aAAa,WAAW;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,4BAAC,iBAAc,WAAW,UAAU,aAAa,WAAW,UAC1D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,kBAAc;AAAA,YACd;AAAA,YACA,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAa,uCAAuC;AAAA,YACpD;AAAA,YACC,GAAG;AAAA;AAAA,QACN,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAQ;AAAA,YACR,cAAW;AAAA,YACX,KAAK;AAAA,YACL;AAAA,YACA,OAAO,EAAE,YAAY,UAAU,eAAe,QAAQ,UAAU,WAAW;AAAA,YAC3E,YAAY;AAAA,YACZ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/react-desc-prop-types.js CHANGED
@@ -3,10 +3,8 @@ import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliema
3
3
  const noop = () => {
4
4
  };
5
5
  const defaultProps = {
6
- rows: "2",
7
6
  value: "",
8
7
  onChange: noop,
9
- resizable: false,
10
8
  hasError: false
11
9
  };
12
10
  const propTypes = {
@@ -14,7 +12,6 @@ const propTypes = {
14
12
  ...xstyledPropTypes,
15
13
  value: PropTypes.string.description("Text are value.").defaultValue(""),
16
14
  onChange: PropTypes.func.description("OnChange cb.").defaultValue("() => {}"),
17
- resizable: PropTypes.bool.description("Enables to resize the component.").defaultValue(false),
18
15
  rows: PropTypes.string.description(
19
16
  "Sets the number of lines for the default height. Once lines are reached, scroll behavior enables."
20
17
  ),
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n export interface DefaultProps {\n value: string;\n onChange: (newVal: string, event: React.SyntheticEvent<HTMLInputElement>) => void;\n resizable: boolean;\n hasError: boolean;\n rows: string;\n }\n\n export interface RequiredProps {\n name: string;\n id: string;\n }\n\n export interface PropsOptional {\n disabled?: boolean;\n readOnly?: boolean;\n maxHeight?: number;\n innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n rows: '2',\n value: '',\n onChange: noop,\n resizable: false,\n hasError: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n value: PropTypes.string.description('Text are value.').defaultValue(''),\n onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n resizable: PropTypes.bool.description('Enables to resize the component.').defaultValue(false),\n rows: PropTypes.string.description(\n 'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n ),\n id: PropTypes.string.description('Unique id.'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n disabled: PropTypes.bool.description('Set disabled state.'),\n readOnly: PropTypes.bool.description('Set readonly state.'),\n maxHeight: PropTypes.number.description('Set max height to recize input text'),\n hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEvE,MAAM,OAAO,MAAM;AAAC;AA4Bb,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,WAAW,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC5F,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nconst noop = () => {};\n\nexport declare namespace DSControlledLargeTextInputT {\n export interface DefaultProps {\n value: string;\n onChange: (newVal: string, event: React.SyntheticEvent<HTMLTextAreaElement>) => void;\n hasError: boolean;\n }\n\n export interface RequiredProps {\n name: string;\n id: string;\n }\n\n export interface PropsOptional {\n rows?: string;\n disabled?: boolean;\n readOnly?: boolean;\n maxHeight?: number;\n innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, PropsOptional, RequiredProps {}\n}\n\nexport const defaultProps: DSControlledLargeTextInputT.DefaultProps = {\n value: '',\n onChange: noop,\n hasError: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n value: PropTypes.string.description('Text are value.').defaultValue(''),\n onChange: PropTypes.func.description('OnChange cb.').defaultValue('() => {}'),\n rows: PropTypes.string.description(\n 'Sets the number of lines for the default height. Once lines are reached, scroll behavior enables.',\n ),\n id: PropTypes.string.description('Unique id.'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to the input.'),\n disabled: PropTypes.bool.description('Set disabled state.'),\n readOnly: PropTypes.bool.description('Set readonly state.'),\n maxHeight: PropTypes.number.description('Set max height to recize input text'),\n hasError: PropTypes.bool.description('Set error state.').defaultValue(false),\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEvE,MAAM,OAAO,MAAM;AAAC;AA2Bb,MAAM,eAAyD;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,EAAE;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,cAAc,EAAE,aAAa,UAAU;AAAA,EAC5E,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,IAAI,UAAU,OAAO,YAAY,YAAY;AAAA,EAC7C,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACvG,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC1D,WAAW,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAC7E,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE,aAAa,KAAK;AAC7E;",
6
6
  "names": []
7
7
  }
package/dist/esm/styles.js CHANGED
@@ -46,7 +46,7 @@ const StyledTextArea = styled("textarea", {
46
46
  width: 100%;
47
47
  border: none;
48
48
  padding: 8px;
49
- ${({ resizable }) => resizable ? `` : `resize: none;`}
49
+ resize: none;
50
50
  ${({ $maxHeight }) => $maxHeight ? `max-height: ${$maxHeight}px;` : ``}
51
51
  ${({ $minHeight }) => $minHeight ? `min-height: ${$minHeight}px;` : ``}
52
52
  ${({ disabled }) => disabled ? `
@@ -54,6 +54,12 @@ const StyledTextArea = styled("textarea", {
54
54
  background-color: #EBEDF0;
55
55
  cursor: not-allowed;
56
56
  ` : ""}
57
+
58
+ ${({ rows, $maxHeight }) => {
59
+ if (rows === void 0 && $maxHeight === void 0)
60
+ return "overflow: hidden;";
61
+ return "";
62
+ }}
57
63
  `;
58
64
  export {
59
65
  StyledContainer,
package/dist/esm/styles.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.CONTAINER,\n})<{ $isDisabled?: boolean }>`\n display: grid;\n grid-template-rows: auto auto;\n grid-template-columns: fit-content;\n ${({ $isDisabled }) =>\n $isDisabled\n ? `\n background-color: #EBEDF0;\n color: #616b7f;\n `\n : ``}\n ${xStyledCommonProps}\n`;\n\nexport const WrapperBorder = styled('div')<{ $hasError?: boolean; $isDisabled?: boolean }>`\n ${({ $isDisabled, theme }) =>\n !$isDisabled\n ? `\n&:hover {\n outline: 1px solid ${theme.colors.brand[700]};\n outline-offset: -1px;\n}\n&:focus,\n&:focus-within {\n outline: 2px solid ${theme.colors.brand[700]};\n outline-offset: -2px;\n}\n&:hover,\n&:focus,\n&:focus-within {\n border-color: transparent;\n} \n`\n : ``}\n border: 1px solid neutral-400;\n border-radius: 2px;\n position: relative;\n box-sizing: content-box;\n ${({ $hasError, theme }) => ($hasError ? `border: 1px solid ${theme.colors.danger[900]};` : ``)}\n`;\n\ninterface StyledTextAreaT {\n resizable?: boolean;\n hasError?: boolean;\n $maxHeight?: number;\n $minHeight?: number;\n}\nexport const StyledTextArea = styled('textarea', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n line-height: 1;\n outline: none;\n width: 100%;\n border: none;\n padding: 8px;\n ${({ resizable }) => (resizable ? `` : `resize: none;`)}\n ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n ${({ disabled }) =>\n disabled\n ? `\n overflow: hidden;\n background-color: #EBEDF0;\n cursor: not-allowed;\n `\n : ''}\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,gCAAgC,uCAAuC;AAEzE,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIG,CAAC,EAAE,YAAY,MACf,cACI;AAAA;AAAA;AAAA,MAIA;AAAA,IACJ;AAAA;AAGG,MAAM,gBAAgB,OAAO,KAAK;AAAA,IACrC,CAAC,EAAE,aAAa,MAAM,MACtB,CAAC,cACG;AAAA;AAAA,uBAEe,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKtB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,CAAC,EAAE,WAAW,MAAM,MAAO,YAAY,qBAAqB,MAAM,OAAO,OAAO,GAAG,OAAO;AAAA;AASvF,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMG,CAAC,EAAE,UAAU,MAAO,YAAY,KAAK;AAAA,IACrC,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MACZ,WACI;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSControlledLargeTextInputName, DSControlledLargeTextInputSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.CONTAINER,\n})<{ $isDisabled?: boolean }>`\n display: grid;\n grid-template-rows: auto auto;\n grid-template-columns: fit-content;\n ${({ $isDisabled }) =>\n $isDisabled\n ? `\n background-color: #EBEDF0;\n color: #616b7f;\n `\n : ``}\n ${xStyledCommonProps}\n`;\n\nexport const WrapperBorder = styled('div')<{ $hasError?: boolean; $isDisabled?: boolean }>`\n ${({ $isDisabled, theme }) =>\n !$isDisabled\n ? `\n&:hover {\n outline: 1px solid ${theme.colors.brand[700]};\n outline-offset: -1px;\n}\n&:focus,\n&:focus-within {\n outline: 2px solid ${theme.colors.brand[700]};\n outline-offset: -2px;\n}\n&:hover,\n&:focus,\n&:focus-within {\n border-color: transparent;\n} \n`\n : ``}\n border: 1px solid neutral-400;\n border-radius: 2px;\n position: relative;\n box-sizing: content-box;\n ${({ $hasError, theme }) => ($hasError ? `border: 1px solid ${theme.colors.danger[900]};` : ``)}\n`;\n\ninterface StyledTextAreaT {\n resizable?: boolean;\n hasError?: boolean;\n $maxHeight?: number;\n $minHeight?: number;\n}\nexport const StyledTextArea = styled('textarea', {\n name: DSControlledLargeTextInputName,\n slot: DSControlledLargeTextInputSlots.INPUT,\n})<StyledTextAreaT>`\n line-height: 1;\n outline: none;\n width: 100%;\n border: none;\n padding: 8px;\n resize: none;\n ${({ $maxHeight }) => ($maxHeight ? `max-height: ${$maxHeight}px;` : ``)}\n ${({ $minHeight }) => ($minHeight ? `min-height: ${$minHeight}px;` : ``)}\n ${({ disabled }) =>\n disabled\n ? `\n overflow: hidden;\n background-color: #EBEDF0;\n cursor: not-allowed;\n `\n : ''}\n\n ${({ rows, $maxHeight }) => {\n if (rows === undefined && $maxHeight === undefined) return 'overflow: hidden;';\n return '';\n }}\n`;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,gCAAgC,uCAAuC;AAEzE,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIG,CAAC,EAAE,YAAY,MACf,cACI;AAAA;AAAA;AAAA,MAIA;AAAA,IACJ;AAAA;AAGG,MAAM,gBAAgB,OAAO,KAAK;AAAA,IACrC,CAAC,EAAE,aAAa,MAAM,MACtB,CAAC,cACG;AAAA;AAAA,uBAEe,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKtB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,CAAC,EAAE,WAAW,MAAM,MAAO,YAAY,qBAAqB,MAAM,OAAO,OAAO,GAAG,OAAO;AAAA;AASvF,MAAM,iBAAiB,OAAO,YAAY;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,gCAAgC;AACxC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,WAAW,MAAO,aAAa,eAAe,kBAAkB;AAAA,IACnE,CAAC,EAAE,SAAS,MACZ,WACI;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA;AAAA,IAEJ,CAAC,EAAE,MAAM,WAAW,MAAM;AAC1B,MAAI,SAAS,UAAa,eAAe;AAAW,WAAO;AAC3D,SAAO;AACT;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/types/DSControlledLargeTextInput.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import type { DSControlledLargeTextInputT } from './react-desc-prop-types.js';
3
+ declare const DSControlledLargeTextInput: {
4
+ (props: DSControlledLargeTextInputT.Props): JSX.Element;
5
+ displayName: string;
6
+ };
7
+ declare const DSControlledLargeTextInputWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSControlledLargeTextInputT.Props>;
8
+ export { DSControlledLargeTextInput, DSControlledLargeTextInputWithSchema };
package/dist/types/exported-related/data-test-ids.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const DSControlledLargetTextInputDatatestids: {
2
+ readonly CONTAINER: "ds-controlled-large-text-input-container";
3
+ readonly CHAR_COUNTER: "ds-controlled-large-text-input-char-counter";
4
+ readonly INPUT: "ds-controlled-large-text-input";
5
+ };
package/dist/types/exported-related/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './data-test-ids.js';
2
+ export * from './theming.js';
package/dist/types/exported-related/theming.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const DSControlledLargeTextInputName: "DSControlledLargeTextInput";
2
+ export declare const DSControlledLargeTextInputSlots: {
3
+ readonly CONTAINER: "root";
4
+ readonly INPUT: "input";
5
+ readonly CHAR_COUNTER: "char-counter";
6
+ };
package/dist/types/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './DSControlledLargeTextInput.js';
2
+ export * from './exported-related/index.js';
package/dist/types/react-desc-prop-types.d.ts ADDED
@@ -0,0 +1,472 @@
1
+ import type React from 'react';
2
+ export declare namespace DSControlledLargeTextInputT {
3
+ interface DefaultProps {
4
+ value: string;
5
+ onChange: (newVal: string, event: React.SyntheticEvent<HTMLTextAreaElement>) => void;
6
+ hasError: boolean;
7
+ }
8
+ interface RequiredProps {
9
+ name: string;
10
+ id: string;
11
+ }
12
+ interface PropsOptional {
13
+ rows?: string;
14
+ disabled?: boolean;
15
+ readOnly?: boolean;
16
+ maxHeight?: number;
17
+ innerRef?: React.MutableRefObject<HTMLTextAreaElement | null>;
18
+ }
19
+ interface Props extends Partial<DefaultProps>, PropsOptional, RequiredProps {
20
+ }
21
+ interface InternalProps extends DefaultProps, PropsOptional, RequiredProps {
22
+ }
23
+ }
24
+ export declare const defaultProps: DSControlledLargeTextInputT.DefaultProps;
25
+ export declare const propTypes: {
26
+ value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
27
+ onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
28
+ rows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
29
+ id: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
30
+ innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
31
+ disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
32
+ readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
33
+ maxHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
34
+ hasError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
35
+ margin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
36
+ m: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
37
+ marginTop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
38
+ mt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
39
+ marginRight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
40
+ mr: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
41
+ marginBottom: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
42
+ mb: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
43
+ marginLeft: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
44
+ ml: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
45
+ mx: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
46
+ my: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
47
+ padding: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
48
+ p: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
49
+ paddingTop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
50
+ pt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
51
+ paddingRight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
52
+ pr: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
53
+ paddingBottom: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
54
+ pb: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
55
+ paddingLeft: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
56
+ pl: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
57
+ px: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
58
+ py: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
59
+ spaceY: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
60
+ spaceX: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
61
+ spaceXReverse: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
62
+ spaceYReverse: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
63
+ w: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
64
+ width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
65
+ maxWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
66
+ maxW: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
67
+ minWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
68
+ minW: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
69
+ h: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
70
+ height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
71
+ maxH: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
72
+ minHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
73
+ minH: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
74
+ maskSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
75
+ display: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
76
+ float: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
77
+ boxSizing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
78
+ container: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
79
+ overflow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
80
+ overflowX: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
81
+ overflowY: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
82
+ zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
83
+ position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
84
+ top: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
85
+ right: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
86
+ bottom: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
87
+ left: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
88
+ visibility: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
89
+ overscrollBehavior: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
90
+ objectFit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
91
+ color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
92
+ bg: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
93
+ backgroundColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
94
+ border: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
95
+ borderTop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
96
+ borderBottom: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
97
+ borderRight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
98
+ borderLeft: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
99
+ borderColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
100
+ borderTopColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
101
+ borderBottomColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
102
+ borderRightColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
103
+ borderLeftColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
104
+ borderStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
105
+ borderTopStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
106
+ borderBottomStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
107
+ borderRightStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
108
+ borderLeftStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
109
+ borderWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
110
+ borderTopWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
111
+ borderBottomWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
112
+ borderRightWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
113
+ borderLeftWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
114
+ borderRadius: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
115
+ boxShadow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
116
+ 'aria-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
117
+ 'on-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
118
+ 'data-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
119
+ 'all HTML attributes': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
120
+ about: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
121
+ accept: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
122
+ acceptCharset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
123
+ accessKey: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
124
+ action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
125
+ allowFullScreen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
126
+ allowTransparency: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
127
+ alt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
128
+ 'aria-activedescendant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
129
+ 'aria-atomic': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
130
+ 'aria-autocomplete': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
131
+ 'aria-busy': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
132
+ 'aria-checked': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
133
+ 'aria-colcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
134
+ 'aria-colindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
135
+ 'aria-colspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
136
+ 'aria-controls': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
137
+ 'aria-current': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
138
+ 'aria-describedby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
139
+ 'aria-details': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
140
+ 'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
141
+ 'aria-dropeffect': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
142
+ 'aria-errormessage': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
143
+ 'aria-expanded': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
144
+ 'aria-flowto': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
145
+ 'aria-grabbed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
146
+ 'aria-haspopup': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
147
+ 'aria-hidden': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
148
+ 'aria-invalid': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
149
+ 'aria-keyshortcuts': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
150
+ 'aria-label': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
151
+ 'aria-labelledby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
152
+ 'aria-level': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
153
+ 'aria-live': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
154
+ 'aria-modal': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
155
+ 'aria-multiline': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
156
+ 'aria-multiselectable': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
157
+ 'aria-orientation': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
158
+ 'aria-owns': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
159
+ 'aria-placeholder': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
160
+ 'aria-posinset': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
161
+ 'aria-pressed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
162
+ 'aria-readonly': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
163
+ 'aria-relevant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
164
+ 'aria-required': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
165
+ 'aria-roledescription': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
166
+ 'aria-rowcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
167
+ 'aria-rowindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
168
+ 'aria-rowspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
169
+ 'aria-selected': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
170
+ 'aria-setsize': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
171
+ 'aria-sort': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
172
+ 'aria-valuemax': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
173
+ 'aria-valuemin': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
174
+ 'aria-valuenow': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
175
+ 'aria-valuetext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
176
+ as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
177
+ async: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
178
+ autoCapitalize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
179
+ autoComplete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
180
+ autoCorrect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
181
+ autoFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
182
+ autoPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
183
+ autoSave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
184
+ capture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
185
+ cellPadding: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
186
+ cellSpacing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
187
+ challenge: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
188
+ charSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
189
+ checked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
190
+ children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
191
+ cite: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
192
+ classID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
193
+ className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
194
+ cols: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
195
+ colSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
196
+ content: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
197
+ contentEditable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
198
+ contextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
199
+ controls: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
200
+ coords: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
201
+ crossOrigin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
202
+ data: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
203
+ datatype: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
204
+ dateTime: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
205
+ default: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
206
+ defaultChecked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
207
+ defaultValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
208
+ defer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
209
+ dir: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
210
+ download: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
211
+ draggable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
212
+ encType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
213
+ form: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
214
+ formAction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
215
+ formEncType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
216
+ formMethod: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
217
+ formNoValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
218
+ formTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
219
+ frameBorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
220
+ headers: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
221
+ hidden: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
222
+ high: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
223
+ href: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
224
+ hrefLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
225
+ htmlFor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
226
+ httpEquiv: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
227
+ inlist: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
228
+ inputMode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
229
+ integrity: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
230
+ is: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
231
+ itemID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
232
+ itemProp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
233
+ itemRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
234
+ itemScope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
235
+ itemType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
236
+ keyParams: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
237
+ keyType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
238
+ kind: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
239
+ label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
240
+ lang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
241
+ list: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
242
+ loop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
243
+ low: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
244
+ manifest: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
245
+ marginHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
246
+ marginWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
247
+ max: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
248
+ maxLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
249
+ media: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
250
+ mediaGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
251
+ method: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
252
+ min: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
253
+ minLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
254
+ multiple: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
255
+ muted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
256
+ name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
257
+ nonce: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
258
+ noValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
259
+ onAbort: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
260
+ onAbortCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
261
+ onAnimationEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
262
+ onAnimationEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
263
+ onAnimationIteration: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
264
+ onAnimationIterationCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
265
+ onAnimationStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
266
+ onAnimationStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
267
+ onAuxClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
268
+ onAuxClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
269
+ onBeforeInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
270
+ onBeforeInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
271
+ onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
272
+ onBlurCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
273
+ onCanPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
274
+ onCanPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
275
+ onCanPlayThrough: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
276
+ onCanPlayThroughCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
277
+ onChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
278
+ onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
279
+ onClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
280
+ onCompositionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
281
+ onCompositionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
282
+ onCompositionStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
283
+ onCompositionStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
284
+ onCompositionUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
285
+ onCompositionUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
286
+ onContextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
287
+ onContextMenuCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
288
+ onCopy: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
289
+ onCopyCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
290
+ onCut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
291
+ onCutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
292
+ onDoubleClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
293
+ onDoubleClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
294
+ onDrag: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
295
+ onDragCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
296
+ onDragEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
297
+ onDragEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
298
+ onDragEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
299
+ onDragEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
300
+ onDragExit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
301
+ onDragExitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
302
+ onDragLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
303
+ onDragLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
304
+ onDragOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
305
+ onDragOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
306
+ onDragStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
307
+ onDragStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
308
+ onDrop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
309
+ onDropCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
310
+ onDurationChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
311
+ onDurationChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
312
+ onEmptied: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
313
+ onEmptiedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
314
+ onEncrypted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
315
+ onEncryptedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
316
+ onEnded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
317
+ onEndedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
318
+ onError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
319
+ onErrorCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
320
+ onFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
321
+ onFocusCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
322
+ onGotPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
323
+ onGotPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
324
+ onInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
325
+ onInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
326
+ onInvalid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
327
+ onInvalidCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
328
+ onKeyDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
329
+ onKeyDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
330
+ onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
331
+ onKeyPressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
332
+ onKeyUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
333
+ onKeyUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
334
+ onLoad: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
335
+ onLoadCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
336
+ onLoadedData: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
337
+ onLoadedDataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
338
+ onLoadedMetadata: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
339
+ onLoadedMetadataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
340
+ onLoadStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
341
+ onLoadStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
342
+ onLostPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
343
+ onLostPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
344
+ onMouseDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
345
+ onMouseDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
346
+ onMouseEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
347
+ onMouseLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
348
+ onMouseMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
349
+ onMouseMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
350
+ onMouseOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
351
+ onMouseOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
352
+ onMouseOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
353
+ onMouseOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
354
+ onMouseUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
355
+ onMouseUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
356
+ onPaste: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
357
+ onPasteCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
358
+ onPause: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
359
+ onPauseCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
360
+ onPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
361
+ onPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
362
+ onPlaying: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
363
+ onPlayingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
364
+ onPointerCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
365
+ onPointerCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
366
+ onPointerDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
367
+ onPointerDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
368
+ onPointerEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
369
+ onPointerEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
370
+ onPointerLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
371
+ onPointerLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
372
+ onPointerMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
373
+ onPointerMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
374
+ onPointerOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
375
+ onPointerOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
376
+ onPointerOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
377
+ onPointerOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
378
+ onPointerUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
379
+ onPointerUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
380
+ onProgress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
381
+ onProgressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
382
+ onRateChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
383
+ onRateChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
384
+ onReset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
385
+ onResetCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
386
+ onResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
387
+ onResizeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
388
+ onScroll: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
389
+ onScrollCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
390
+ onSeeked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
391
+ onSeekedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
392
+ onSeeking: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
393
+ onSeekingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
394
+ onSelect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
395
+ onSelectCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
396
+ onStalled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
397
+ onStalledCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
398
+ onSubmit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
399
+ onSubmitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
400
+ onSuspend: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
401
+ onSuspendCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
402
+ onTimeUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
403
+ onTimeUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
404
+ onTouchCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
405
+ onTouchCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
406
+ onTouchEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
407
+ onTouchEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
408
+ onTouchMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
409
+ onTouchMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
410
+ onTouchStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
411
+ onTouchStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
412
+ onTransitionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
413
+ onTransitionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
414
+ onVolumeChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
415
+ onVolumeChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
416
+ onWaiting: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
417
+ onWaitingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
418
+ onWheel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
419
+ onWheelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
420
+ open: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
421
+ optimum: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
422
+ pattern: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
423
+ placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
424
+ playsInline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
425
+ poster: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
426
+ prefix: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
427
+ preload: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
428
+ property: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
429
+ radioGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
430
+ rel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
431
+ rev: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
432
+ required: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
433
+ resource: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
434
+ results: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
435
+ reversed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
436
+ role: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
437
+ rowSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
438
+ sandbox: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
439
+ scope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
440
+ scoped: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
441
+ scrolling: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
442
+ seamless: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
443
+ security: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
444
+ selected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
445
+ shape: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
446
+ size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
447
+ sizes: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
448
+ slot: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
449
+ span: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
450
+ spellCheck: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
451
+ src: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
452
+ srcDoc: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
453
+ srcLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
454
+ srcSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
455
+ start: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
456
+ step: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
457
+ style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
458
+ summary: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
459
+ suppressContentEditableWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
460
+ suppressHydrationWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
461
+ tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
462
+ target: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
463
+ title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
464
+ translate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
465
+ type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
466
+ typeof: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
467
+ unselectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
468
+ useMap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
469
+ vocab: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
470
+ wmode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
471
+ wrap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
472
+ };
package/dist/types/styles.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
2
+ $isDisabled?: boolean | undefined;
3
+ }, never>;
4
+ export declare const WrapperBorder: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
5
+ $hasError?: boolean | undefined;
6
+ $isDisabled?: boolean | undefined;
7
+ }, never>;
8
+ interface StyledTextAreaT {
9
+ resizable?: boolean;
10
+ hasError?: boolean;
11
+ $maxHeight?: number;
12
+ $minHeight?: number;
13
+ }
14
+ export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@elliemae/ds-system").Theme, StyledTextAreaT, never>;
15
+ export {};
package/dist/types/tests/axe.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-input-textarea",
3
- "version": "3.17.0-next.9",
3
+ "version": "3.17.0-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Input Textarea",
6
6
  "files": [
@@ -35,9 +35,9 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-props-helpers": "3.17.0-next.9",
39
- "@elliemae/ds-system": "3.17.0-next.9",
40
- "@elliemae/ds-utilities": "3.17.0-next.9"
38
+ "@elliemae/ds-props-helpers": "3.17.0-rc.0",
39
+ "@elliemae/ds-system": "3.17.0-rc.0",
40
+ "@elliemae/ds-utilities": "3.17.0-rc.0"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@elliemae/pui-theme": "~2.7.0",