@elliemae/ds-form-input-text 3.15.0 → 3.16.0-next.10

package/dist/cjs/DSInputText.js

@@ -34,10 +34,11 @@ var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_useInputText = require("./config/useInputText");
-var import_data_test_ids = require("./exported-related/data-test-ids");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_components = require("./styled/components");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_useInputText = require("./config/useInputText.js");
+var import_data_test_ids = require("./exported-related/data-test-ids.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_components = require("./styled/components.js");
 const DSInputText = (props) => {
   const {
     globalAttributes: { className, id, ...otherGlobalAttributes },
@@ -96,6 +97,6 @@ const DSInputText = (props) => {
 };
 DSInputText.propTypes = import_react_desc_prop_types.DSInputTextPropTypes;
 DSInputText.displayName = "DSInputText";
-const DSInputTextWithSchema = (0, import_ds_utilities.describe)(DSInputText);
+const DSInputTextWithSchema = (0, import_ds_props_helpers.describe)(DSInputText);
 DSInputTextWithSchema.propTypes = import_react_desc_prop_types.DSInputTextPropTypes;
 //# sourceMappingURL=DSInputText.js.map

package/dist/cjs/DSInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSInputText.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { describe, mergeRefs } from '@elliemae/ds-utilities';\nimport { useInputText } from './config/useInputText';\nimport { DSInputTextDataTestIds } from './exported-related/data-test-ids';\nimport type { DSInputTextT } from './react-desc-prop-types';\nimport { DSInputTextPropTypes } from './react-desc-prop-types';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n  } = useInputText(props);\n\n  const { clearable, disabled, hasError, innerRef, placeholder, readOnly, inputSize, onClear, value } =\n    propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '';\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n    >\n      <StyledInput\n        data-testid={DSInputTextDataTestIds.INPUT}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        ref={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={id !== undefined ? `${id}_feedback_message` : undefined}\n        id={id}\n        {...handlers}\n        {...otherGlobalAttributes}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          aria-label=\"Clear input value\"\n          buttonType=\"icon\"\n          data-testid={DSInputTextDataTestIds.CLEAR_BUTTON}\n          onClick={handleClear}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.propTypes = DSInputTextPropTypes;\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAA2C;AAC3C,sBAA4B;AAC5B,qBAA6B;AAC7B,0BAAoC;AACpC,0BAA6B;AAC7B,2BAAuC;AAEvC,mCAAqC;AACrC,wBAAmE;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,OAAO,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kCAAa,KAAK;AAEtB,QAAM,EAAE,WAAW,UAAU,UAAU,UAAU,aAAa,UAAU,WAAW,SAAS,MAAM,IAChG;AAEF,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU;AAErE,QAAM,kBAAc,0BAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,4CAAuB;AAAA,YACpC;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAK,+BAAU,UAAU,QAAQ;AAAA,YACjC;AAAA,YACA,oBAAkB,OAAO,SAAY,GAAG,wBAAwB;AAAA,YAChE;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,YAAW;AAAA,YACX,eAAa,4CAAuB;AAAA,YACpC,SAAS;AAAA,YAET,sDAAC,+BAAY,OAAO,4BAAa,SAAS;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AACnB,MAAM,4BAAwB,8BAAS,WAAW;AACzD,sBAAsB,YAAY;",
+  "sourcesContent": ["import React, { useCallback, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport { DSInputTextDataTestIds } from './exported-related/data-test-ids.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n  } = useInputText(props);\n\n  const { clearable, disabled, hasError, innerRef, placeholder, readOnly, inputSize, onClear, value } =\n    propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '';\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n    >\n      <StyledInput\n        data-testid={DSInputTextDataTestIds.INPUT}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        ref={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={id !== undefined ? `${id}_feedback_message` : undefined}\n        id={id}\n        {...handlers}\n        {...otherGlobalAttributes}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          aria-label=\"Clear input value\"\n          buttonType=\"icon\"\n          data-testid={DSInputTextDataTestIds.CLEAR_BUTTON}\n          onClick={handleClear}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.propTypes = DSInputTextPropTypes;\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AAhCJ,mBAA2C;AAC3C,sBAA4B;AAC5B,qBAA6B;AAC7B,0BAA0B;AAC1B,8BAAyB;AACzB,0BAA6B;AAC7B,2BAAuC;AAEvC,mCAAqC;AACrC,wBAAmE;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,OAAO,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kCAAa,KAAK;AAEtB,QAAM,EAAE,WAAW,UAAU,UAAU,UAAU,aAAa,UAAU,WAAW,SAAS,MAAM,IAChG;AAEF,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU;AAErE,QAAM,kBAAc,0BAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,4CAAuB;AAAA,YACpC;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAK,+BAAU,UAAU,QAAQ;AAAA,YACjC;AAAA,YACA,oBAAkB,OAAO,SAAY,GAAG,wBAAwB;AAAA,YAChE;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,YAAW;AAAA,YACX,eAAa,4CAAuB;AAAA,YACpC,SAAS;AAAA,YAET,sDAAC,+BAAY,OAAO,4BAAa,SAAS;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AACnB,MAAM,4BAAwB,kCAAS,WAAW;AACzD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/cjs/config/useInputText.js

@@ -28,13 +28,13 @@ __export(useInputText_exports, {
 });
 module.exports = __toCommonJS(useInputText_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_exported_related = require("../exported-related");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_exported_related = require("../exported-related/index.js");
 var import_react = require("react");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
 const useInputText = (props) => {
-  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSInputTextPropTypes, import_exported_related.DSInputTextName);
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSInputTextPropTypes, import_exported_related.DSInputTextName);
   const { onValueChange } = propsWithDefault;
   const [hasFocus, setHasFocus] = (0, import_react.useState)(false);
   const handleOnChange = (0, import_react.useCallback)(
@@ -49,12 +49,12 @@ const useInputText = (props) => {
   const handleOnBlur = (0, import_react.useCallback)(() => {
     setHasFocus(false);
   }, []);
-  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault, {
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault, {
     onChange: handleOnChange,
     onFocus: handleOnFocus,
     onBlur: handleOnBlur
   });
-  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
   return (0, import_react.useMemo)(
     () => ({
       globalAttributes,

package/dist/cjs/config/useInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useInputText.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { DSInputTextName } from '../exported-related';\nimport type React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport type { DSInputTextT } from '../react-desc-prop-types';\nimport { defaultProps, DSInputTextPropTypes } from '../react-desc-prop-types';\n\nexport const useInputText = (props: DSInputTextT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSInputTextT.IProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(props, DSInputTextPropTypes, DSInputTextName);\n\n  const { onValueChange } = propsWithDefault;\n\n  // =============================================================================\n  // INTERNAL STATE\n  // =============================================================================\n  const [hasFocus, setHasFocus] = useState(false);\n\n  // ===========================================================================\n  // INTERNAL HANDLERS\n  // ===========================================================================\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      onValueChange(e.target.value, e);\n    },\n    [onValueChange],\n  );\n\n  const handleOnFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(true);\n  }, []);\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(false);\n  }, []);\n\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, {\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return useMemo(\n    () => ({\n      globalAttributes,\n      hasFocus,\n      handlers: {\n        onChange: handleOnChange,\n        onFocus: handleOnFocus,\n        onBlur: handleOnBlur,\n      },\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [globalAttributes, handleOnBlur, handleOnChange, handleOnFocus, hasFocus, propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AACP,8BAAgC;AAEhC,mBAA+C;AAE/C,mCAAmD;AAE5C,MAAM,eAAe,CAAC,UAA8B;AACzD,QAAM,uBAAmB,kDAA4D,OAAO,yCAAY;AAExG,0DAA+B,OAAO,mDAAsB,uCAAe;AAE3E,QAAM,EAAE,cAAc,IAAI;AAK1B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAK9C,QAAM,qBAA6D;AAAA,IACjE,CAAC,MAAM;AACL,oBAAc,EAAE,OAAO,OAAO,CAAC;AAAA,IACjC;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,oBAA2D,0BAAY,MAAM;AACjF,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,mBAA0D,0BAAY,MAAM;AAChF,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAKL,QAAM,uBAAmB,4CAAuB,kBAAkB;AAAA,IAChE,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,mBAAe,wCAAmB,gBAAgB;AAExD,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,gBAAgB,eAAe,UAAU,kBAAkB,YAAY;AAAA,EAC1G;AACF;",
+  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSInputTextName } from '../exported-related/index.js';\nimport type React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport type { DSInputTextT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSInputTextPropTypes } from '../react-desc-prop-types.js';\n\nexport const useInputText = (props: DSInputTextT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSInputTextT.IProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(props, DSInputTextPropTypes, DSInputTextName);\n\n  const { onValueChange } = propsWithDefault;\n\n  // =============================================================================\n  // INTERNAL STATE\n  // =============================================================================\n  const [hasFocus, setHasFocus] = useState(false);\n\n  // ===========================================================================\n  // INTERNAL HANDLERS\n  // ===========================================================================\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      onValueChange(e.target.value, e);\n    },\n    [onValueChange],\n  );\n\n  const handleOnFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(true);\n  }, []);\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(false);\n  }, []);\n\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, {\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return useMemo(\n    () => ({\n      globalAttributes,\n      hasFocus,\n      handlers: {\n        onChange: handleOnChange,\n        onFocus: handleOnFocus,\n        onBlur: handleOnBlur,\n      },\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [globalAttributes, handleOnBlur, handleOnChange, handleOnFocus, hasFocus, propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,8BAAgC;AAEhC,mBAA+C;AAE/C,mCAAmD;AAE5C,MAAM,eAAe,CAAC,UAA8B;AACzD,QAAM,uBAAmB,sDAA4D,OAAO,yCAAY;AAExG,8DAA+B,OAAO,mDAAsB,uCAAe;AAE3E,QAAM,EAAE,cAAc,IAAI;AAK1B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAK9C,QAAM,qBAA6D;AAAA,IACjE,CAAC,MAAM;AACL,oBAAc,EAAE,OAAO,OAAO,CAAC;AAAA,IACjC;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,oBAA2D,0BAAY,MAAM;AACjF,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,mBAA0D,0BAAY,MAAM;AAChF,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAKL,QAAM,uBAAmB,gDAAuB,kBAAkB;AAAA,IAChE,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,gBAAgB,eAAe,UAAU,kBAAkB,YAAY;AAAA,EAC1G;AACF;",
   "names": []
 }

package/dist/cjs/exported-related/index.js

@@ -22,6 +22,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var exported_related_exports = {};
 module.exports = __toCommonJS(exported_related_exports);
 var React = __toESM(require("react"));
-__reExport(exported_related_exports, require("./data-test-ids"), module.exports);
-__reExport(exported_related_exports, require("./theming"), module.exports);
+__reExport(exported_related_exports, require("./data-test-ids.js"), module.exports);
+__reExport(exported_related_exports, require("./theming.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
+  "sourcesContent": ["export * from './data-test-ids.js';\nexport * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;AACA,qCAAc,yBADd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -22,6 +22,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSInputText"), module.exports);
-__reExport(src_exports, require("./exported-related"), module.exports);
+__reExport(src_exports, require("./DSInputText.js"), module.exports);
+__reExport(src_exports, require("./exported-related/index.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSInputText';\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,wBAAc,+BADd;",
+  "sourcesContent": ["export * from './DSInputText.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,6BAAd;AACA,wBAAc,wCADd;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -29,7 +29,7 @@ __export(react_desc_prop_types_exports, {
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
   onValueChange: () => null,
   onClear: () => null,
@@ -41,17 +41,17 @@ const defaultProps = {
   clearable: false
 };
 const DSInputTextPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string)]).description("Value of the input").defaultValue(""),
-  onValueChange: import_ds_utilities.PropTypes.func.description("Callback triggered when the value changes").defaultValue(() => null).signature("((newValue: string, e: React.ChangeEvent) => void)"),
-  placeholder: import_ds_utilities.PropTypes.string.description("Value of the placeholder").defaultValue(""),
-  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.object, import_ds_utilities.PropTypes.func.signature("((ref: HTMLInputElement) => void)")]).description("Reference to the input").defaultValue(null),
-  disabled: import_ds_utilities.PropTypes.bool.description("Whether the input is disabled").defaultValue(false),
-  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the input is readonly").defaultValue(false),
-  hasError: import_ds_utilities.PropTypes.bool.description("Whether the input has error").defaultValue(false),
-  inputSize: import_ds_utilities.PropTypes.oneOf(["s", "m"]).description("Size of the input").defaultValue("m"),
-  clearable: import_ds_utilities.PropTypes.bool.description("Whether the input is clearable").defaultValue(false),
-  onClear: import_ds_utilities.PropTypes.func.description("Callback triggered when the clearable button is pressed").defaultValue(() => null).signature("(() => void)")
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string)]).description("Value of the input").defaultValue(""),
+  onValueChange: import_ds_props_helpers.PropTypes.func.description("Callback triggered when the value changes").defaultValue(() => null).signature("((newValue: string, e: React.ChangeEvent) => void)"),
+  placeholder: import_ds_props_helpers.PropTypes.string.description("Value of the placeholder").defaultValue(""),
+  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func.signature("((ref: HTMLInputElement) => void)")]).description("Reference to the input").defaultValue(null),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the input is disabled").defaultValue(false),
+  readOnly: import_ds_props_helpers.PropTypes.bool.description("Whether the input is readonly").defaultValue(false),
+  hasError: import_ds_props_helpers.PropTypes.bool.description("Whether the input has error").defaultValue(false),
+  inputSize: import_ds_props_helpers.PropTypes.oneOf(["s", "m"]).description("Size of the input").defaultValue("m"),
+  clearable: import_ds_props_helpers.PropTypes.bool.description("Whether the input is clearable").defaultValue(false),
+  onClear: import_ds_props_helpers.PropTypes.func.description("Callback triggered when the clearable button is pressed").defaultValue(() => null).signature("(() => void)")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSInputTextT {\n  export interface IProps {\n    value?: string | number;\n    onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;\n    onClear?: () => void;\n    placeholder?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);\n    disabled?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    inputSize?: 's' | 'm';\n    clearable?: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSInputTextT.Props = {\n  onValueChange: () => null,\n  onClear: () => null,\n  placeholder: 'Hint Text',\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  inputSize: 'm',\n  clearable: false,\n};\n\nexport const DSInputTextPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.string)])\n    .description('Value of the input')\n    .defaultValue(''),\n  onValueChange: PropTypes.func\n    .description('Callback triggered when the value changes')\n    .defaultValue(() => null)\n    .signature('((newValue: string, e: React.ChangeEvent) => void)'),\n  placeholder: PropTypes.string.description('Value of the placeholder').defaultValue(''),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func.signature('((ref: HTMLInputElement) => void)')])\n    .description('Reference to the input')\n    .defaultValue(null),\n  disabled: PropTypes.bool.description('Whether the input is disabled').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the input is readonly').defaultValue(false),\n  hasError: PropTypes.bool.description('Whether the input has error').defaultValue(false),\n  inputSize: PropTypes.oneOf(['s', 'm']).description('Size of the input').defaultValue('m'),\n  clearable: PropTypes.bool.description('Whether the input is clearable').defaultValue(false),\n  onClear: PropTypes.func\n    .description('Callback triggered when the clearable button is pressed')\n    .defaultValue(() => null)\n    .signature('(() => void)'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAAuE;AAmBhE,MAAM,eAAmC;AAAA,EAC9C,eAAe,MAAM;AAAA,EACrB,SAAS,MAAM;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC,EACjG,YAAY,oBAAoB,EAChC,aAAa,EAAE;AAAA,EAClB,eAAe,8BAAU,KACtB,YAAY,2CAA2C,EACvD,aAAa,MAAM,IAAI,EACvB,UAAU,oDAAoD;AAAA,EACjE,aAAa,8BAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EACrF,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,KAAK,UAAU,mCAAmC,CAAC,CAAC,EAC5G,YAAY,wBAAwB,EACpC,aAAa,IAAI;AAAA,EACpB,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,8BAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EACtF,WAAW,8BAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,mBAAmB,EAAE,aAAa,GAAG;AAAA,EACxF,WAAW,8BAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EAC1F,SAAS,8BAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI,EACvB,UAAU,cAAc;AAC7B;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSInputTextT {\n  export interface IProps {\n    value?: string | number;\n    onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;\n    onClear?: () => void;\n    placeholder?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);\n    disabled?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    inputSize?: 's' | 'm';\n    clearable?: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSInputTextT.Props = {\n  onValueChange: () => null,\n  onClear: () => null,\n  placeholder: 'Hint Text',\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  inputSize: 'm',\n  clearable: false,\n};\n\nexport const DSInputTextPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.string)])\n    .description('Value of the input')\n    .defaultValue(''),\n  onValueChange: PropTypes.func\n    .description('Callback triggered when the value changes')\n    .defaultValue(() => null)\n    .signature('((newValue: string, e: React.ChangeEvent) => void)'),\n  placeholder: PropTypes.string.description('Value of the placeholder').defaultValue(''),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func.signature('((ref: HTMLInputElement) => void)')])\n    .description('Reference to the input')\n    .defaultValue(null),\n  disabled: PropTypes.bool.description('Whether the input is disabled').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the input is readonly').defaultValue(false),\n  hasError: PropTypes.bool.description('Whether the input has error').defaultValue(false),\n  inputSize: PropTypes.oneOf(['s', 'm']).description('Size of the input').defaultValue('m'),\n  clearable: PropTypes.bool.description('Whether the input is clearable').defaultValue(false),\n  onClear: PropTypes.func\n    .description('Callback triggered when the clearable button is pressed')\n    .defaultValue(() => null)\n    .signature('(() => void)'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAAuE;AAmBhE,MAAM,eAAmC;AAAA,EAC9C,eAAe,MAAM;AAAA,EACrB,SAAS,MAAM;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC,EACjG,YAAY,oBAAoB,EAChC,aAAa,EAAE;AAAA,EAClB,eAAe,kCAAU,KACtB,YAAY,2CAA2C,EACvD,aAAa,MAAM,IAAI,EACvB,UAAU,oDAAoD;AAAA,EACjE,aAAa,kCAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EACrF,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,KAAK,UAAU,mCAAmC,CAAC,CAAC,EAC5G,YAAY,wBAAwB,EACpC,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,kCAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,kCAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EACtF,WAAW,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,mBAAmB,EAAE,aAAa,GAAG;AAAA,EACxF,WAAW,kCAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EAC1F,SAAS,kCAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI,EACvB,UAAU,cAAc;AAC7B;",
   "names": []
 }

package/dist/cjs/styled/components.js

@@ -33,8 +33,8 @@ var React = __toESM(require("react"));
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-var import_exported_related = require("../exported-related");
-var import_borders = require("./borders");
+var import_exported_related = require("../exported-related/index.js");
+var import_borders = require("./borders.js");
 const StyledInputWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
   name: import_exported_related.DSInputTextName,
   slot: import_exported_related.DSInputTextSlots.INPUT_WRAPPER

package/dist/cjs/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/components.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSButtonV2 } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport { th, styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSInputTextName, DSInputTextSlots } from '../exported-related';\nimport { getBorderCss, getHoverBorderCss } from './borders';\n\ninterface StyledInputWrapperProps {\n  inputSize: string;\n  isDisabled: boolean;\n  hasError: boolean;\n  isReadOnly: boolean;\n  hasFocus: boolean;\n}\n\nexport const StyledInputWrapper = styled(Grid, {\n  name: DSInputTextName,\n  slot: DSInputTextSlots.INPUT_WRAPPER,\n})<StyledInputWrapperProps>`\n  height: ${({ inputSize }) => (inputSize === 'm' ? '28px' : '24px')};\n\n  ${getBorderCss}\n  border-radius: 2px;\n\n  :hover {\n    ${getHoverBorderCss}\n  }\n`;\n\nexport const StyledInput = styled('input', { name: DSInputTextName, slot: DSInputTextSlots.INPUT })`\n  padding: 0 ${th.space('xxs')};\n  border: none;\n  outline: none;\n  border-radius: 2px;\n\n  width: 100%;\n  height: 100%;\n  color: ${th.color('neutral-800')};\n\n  ::placeholder {\n    font-weight: ${th.fontWeight('regular')};\n    font-style: italic;\n    color: ${th.color('neutral-500')};\n  }\n\n  :disabled {\n    background-color: ${th.color('neutral-080')};\n    color: #616b7f;\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledClearButton = styled(DSButtonV2, { name: DSInputTextName, slot: DSInputTextSlots.CLEAR_BUTTON })`\n  height: 100%;\n  min-width: 20px;\n  width: 20px;\n  &:after {\n    border-top-left-radius: 0px !important;\n    border-bottom-left-radius: 0px !important;\n  }\n  :focus {\n    border-width: 0px;\n  }\n\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { DSButtonV2 } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport { th, styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSInputTextName, DSInputTextSlots } from '../exported-related/index.js';\nimport { getBorderCss, getHoverBorderCss } from './borders.js';\n\ninterface StyledInputWrapperProps {\n  inputSize: string;\n  isDisabled: boolean;\n  hasError: boolean;\n  isReadOnly: boolean;\n  hasFocus: boolean;\n}\n\nexport const StyledInputWrapper = styled(Grid, {\n  name: DSInputTextName,\n  slot: DSInputTextSlots.INPUT_WRAPPER,\n})<StyledInputWrapperProps>`\n  height: ${({ inputSize }) => (inputSize === 'm' ? '28px' : '24px')};\n\n  ${getBorderCss}\n  border-radius: 2px;\n\n  :hover {\n    ${getHoverBorderCss}\n  }\n`;\n\nexport const StyledInput = styled('input', { name: DSInputTextName, slot: DSInputTextSlots.INPUT })`\n  padding: 0 ${th.space('xxs')};\n  border: none;\n  outline: none;\n  border-radius: 2px;\n\n  width: 100%;\n  height: 100%;\n  color: ${th.color('neutral-800')};\n\n  ::placeholder {\n    font-weight: ${th.fontWeight('regular')};\n    font-style: italic;\n    color: ${th.color('neutral-500')};\n  }\n\n  :disabled {\n    background-color: ${th.color('neutral-080')};\n    color: #616b7f;\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledClearButton = styled(DSButtonV2, { name: DSInputTextName, slot: DSInputTextSlots.CLEAR_BUTTON })`\n  height: 100%;\n  min-width: 20px;\n  width: 20px;\n  &:after {\n    border-top-left-radius: 0px !important;\n    border-bottom-left-radius: 0px !important;\n  }\n  :focus {\n    border-width: 0px;\n  }\n\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2B;AAC3B,qBAAqB;AACrB,uBAAkD;AAClD,8BAAkD;AAClD,qBAAgD;AAUzC,MAAM,yBAAqB,yBAAO,qBAAM;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,yCAAiB;AACzB,CAAC;AAAA,YACW,CAAC,EAAE,UAAU,MAAO,cAAc,MAAM,SAAS;AAAA;AAAA,IAEzD;AAAA;AAAA;AAAA;AAAA,MAIE;AAAA;AAAA;AAIC,MAAM,kBAAc,yBAAO,SAAS,EAAE,MAAM,yCAAiB,MAAM,yCAAiB,MAAM,CAAC;AAAA,eACnF,oBAAG,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOlB,oBAAG,MAAM,aAAa;AAAA;AAAA;AAAA,mBAGd,oBAAG,WAAW,SAAS;AAAA;AAAA,aAE7B,oBAAG,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,wBAIX,oBAAG,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,wBAAoB,yBAAO,6BAAY,EAAE,MAAM,yCAAiB,MAAM,yCAAiB,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/DSInputText.js

@@ -3,11 +3,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useRef } from "react";
 import { CloseMedium } from "@elliemae/ds-icons";
 import { DSIconColors } from "@elliemae/ds-icon";
-import { describe, mergeRefs } from "@elliemae/ds-utilities";
-import { useInputText } from "./config/useInputText";
-import { DSInputTextDataTestIds } from "./exported-related/data-test-ids";
-import { DSInputTextPropTypes } from "./react-desc-prop-types";
-import { StyledClearButton, StyledInput, StyledInputWrapper } from "./styled/components";
+import { mergeRefs } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
+import { useInputText } from "./config/useInputText.js";
+import { DSInputTextDataTestIds } from "./exported-related/data-test-ids.js";
+import { DSInputTextPropTypes } from "./react-desc-prop-types.js";
+import { StyledClearButton, StyledInput, StyledInputWrapper } from "./styled/components.js";
 const DSInputText = (props) => {
   const {
     globalAttributes: { className, id, ...otherGlobalAttributes },

package/dist/esm/DSInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSInputText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { describe, mergeRefs } from '@elliemae/ds-utilities';\nimport { useInputText } from './config/useInputText';\nimport { DSInputTextDataTestIds } from './exported-related/data-test-ids';\nimport type { DSInputTextT } from './react-desc-prop-types';\nimport { DSInputTextPropTypes } from './react-desc-prop-types';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n  } = useInputText(props);\n\n  const { clearable, disabled, hasError, innerRef, placeholder, readOnly, inputSize, onClear, value } =\n    propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '';\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n    >\n      <StyledInput\n        data-testid={DSInputTextDataTestIds.INPUT}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        ref={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={id !== undefined ? `${id}_feedback_message` : undefined}\n        id={id}\n        {...handlers}\n        {...otherGlobalAttributes}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          aria-label=\"Clear input value\"\n          buttonType=\"icon\"\n          data-testid={DSInputTextDataTestIds.CLEAR_BUTTON}\n          onClick={handleClear}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.propTypes = DSInputTextPropTypes;\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+BnB,SAUE,KAVF;AA/BJ,SAAgB,aAAa,cAAc;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,UAAU,iBAAiB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,aAAa,0BAA0B;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,OAAO,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,KAAK;AAEtB,QAAM,EAAE,WAAW,UAAU,UAAU,UAAU,aAAa,UAAU,WAAW,SAAS,MAAM,IAChG;AAEF,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU;AAErE,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,uBAAuB;AAAA,YACpC;AAAA,YACA;AAAA,YACA;AAAA,YACA,KAAK,UAAU,UAAU,QAAQ;AAAA,YACjC;AAAA,YACA,oBAAkB,OAAO,SAAY,GAAG,wBAAwB;AAAA,YAChE;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,YAAW;AAAA,YACX,eAAa,uBAAuB;AAAA,YACpC,SAAS;AAAA,YAET,8BAAC,eAAY,OAAO,aAAa,SAAS;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AACnB,MAAM,wBAAwB,SAAS,WAAW;AACzD,sBAAsB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useInputText } from './config/useInputText.js';\nimport { DSInputTextDataTestIds } from './exported-related/data-test-ids.js';\nimport type { DSInputTextT } from './react-desc-prop-types.js';\nimport { DSInputTextPropTypes } from './react-desc-prop-types.js';\nimport { StyledClearButton, StyledInput, StyledInputWrapper } from './styled/components.js';\n\nexport const DSInputText: React.ComponentType<DSInputTextT.Props> = (props) => {\n  const {\n    globalAttributes: { className, id, ...otherGlobalAttributes },\n    hasFocus,\n    handlers,\n    propsWithDefault,\n    xstyledProps,\n  } = useInputText(props);\n\n  const { clearable, disabled, hasError, innerRef, placeholder, readOnly, inputSize, onClear, value } =\n    propsWithDefault;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const shouldDisplayClearButton = clearable && !disabled && value !== '';\n\n  const handleClear = useCallback(() => {\n    onClear();\n    inputRef?.current?.focus();\n  }, [onClear]);\n\n  return (\n    <StyledInputWrapper\n      className={className}\n      cols={shouldDisplayClearButton ? ['auto', 'min-content'] : ['auto']}\n      isDisabled={disabled}\n      isReadOnly={readOnly}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inputSize={inputSize}\n      {...xstyledProps}\n    >\n      <StyledInput\n        data-testid={DSInputTextDataTestIds.INPUT}\n        disabled={disabled}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        ref={mergeRefs(innerRef, inputRef)}\n        value={value}\n        aria-describedby={id !== undefined ? `${id}_feedback_message` : undefined}\n        id={id}\n        {...handlers}\n        {...otherGlobalAttributes}\n      />\n      {shouldDisplayClearButton && (\n        <StyledClearButton\n          aria-label=\"Clear input value\"\n          buttonType=\"icon\"\n          data-testid={DSInputTextDataTestIds.CLEAR_BUTTON}\n          onClick={handleClear}\n        >\n          <CloseMedium color={DSIconColors.PRIMARY} />\n        </StyledClearButton>\n      )}\n    </StyledInputWrapper>\n  );\n};\n\nDSInputText.propTypes = DSInputTextPropTypes;\nDSInputText.displayName = 'DSInputText';\nexport const DSInputTextWithSchema = describe(DSInputText);\nDSInputTextWithSchema.propTypes = DSInputTextPropTypes;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SAUE,KAVF;AAhCJ,SAAgB,aAAa,cAAc;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,aAAa,0BAA0B;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,OAAO,sBAAsB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,KAAK;AAEtB,QAAM,EAAE,WAAW,UAAU,UAAU,UAAU,aAAa,UAAU,WAAW,SAAS,MAAM,IAChG;AAEF,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,2BAA2B,aAAa,CAAC,YAAY,UAAU;AAErE,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ;AACR,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,2BAA2B,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAAA,MAClE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,uBAAuB;AAAA,YACpC;AAAA,YACA;AAAA,YACA;AAAA,YACA,KAAK,UAAU,UAAU,QAAQ;AAAA,YACjC;AAAA,YACA,oBAAkB,OAAO,SAAY,GAAG,wBAAwB;AAAA,YAChE;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA;AAAA,QACN;AAAA,QACC,4BACC;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,YAAW;AAAA,YACX,eAAa,uBAAuB;AAAA,YACpC,SAAS;AAAA,YAET,8BAAC,eAAY,OAAO,aAAa,SAAS;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AACnB,MAAM,wBAAwB,SAAS,WAAW;AACzD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/config/useInputText.js

@@ -4,10 +4,10 @@ import {
   useGetXstyledProps,
   useMemoMergePropsWithDefault,
   useValidateTypescriptPropTypes
-} from "@elliemae/ds-utilities";
-import { DSInputTextName } from "../exported-related";
+} from "@elliemae/ds-props-helpers";
+import { DSInputTextName } from "../exported-related/index.js";
 import { useCallback, useMemo, useState } from "react";
-import { defaultProps, DSInputTextPropTypes } from "../react-desc-prop-types";
+import { defaultProps, DSInputTextPropTypes } from "../react-desc-prop-types.js";
 const useInputText = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(props, DSInputTextPropTypes, DSInputTextName);

package/dist/esm/config/useInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useInputText.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { DSInputTextName } from '../exported-related';\nimport type React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport type { DSInputTextT } from '../react-desc-prop-types';\nimport { defaultProps, DSInputTextPropTypes } from '../react-desc-prop-types';\n\nexport const useInputText = (props: DSInputTextT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSInputTextT.IProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(props, DSInputTextPropTypes, DSInputTextName);\n\n  const { onValueChange } = propsWithDefault;\n\n  // =============================================================================\n  // INTERNAL STATE\n  // =============================================================================\n  const [hasFocus, setHasFocus] = useState(false);\n\n  // ===========================================================================\n  // INTERNAL HANDLERS\n  // ===========================================================================\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      onValueChange(e.target.value, e);\n    },\n    [onValueChange],\n  );\n\n  const handleOnFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(true);\n  }, []);\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(false);\n  }, []);\n\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, {\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return useMemo(\n    () => ({\n      globalAttributes,\n      hasFocus,\n      handlers: {\n        onChange: handleOnChange,\n        onFocus: handleOnFocus,\n        onBlur: handleOnBlur,\n      },\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [globalAttributes, handleOnBlur, handleOnChange, handleOnFocus, hasFocus, propsWithDefault, xstyledProps],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSInputTextName } from '../exported-related/index.js';\nimport type React from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport type { DSInputTextT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSInputTextPropTypes } from '../react-desc-prop-types.js';\n\nexport const useInputText = (props: DSInputTextT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSInputTextT.IProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(props, DSInputTextPropTypes, DSInputTextName);\n\n  const { onValueChange } = propsWithDefault;\n\n  // =============================================================================\n  // INTERNAL STATE\n  // =============================================================================\n  const [hasFocus, setHasFocus] = useState(false);\n\n  // ===========================================================================\n  // INTERNAL HANDLERS\n  // ===========================================================================\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      onValueChange(e.target.value, e);\n    },\n    [onValueChange],\n  );\n\n  const handleOnFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(true);\n  }, []);\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setHasFocus(false);\n  }, []);\n\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, {\n    onChange: handleOnChange,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return useMemo(\n    () => ({\n      globalAttributes,\n      hasFocus,\n      handlers: {\n        onChange: handleOnChange,\n        onFocus: handleOnFocus,\n        onBlur: handleOnBlur,\n      },\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [globalAttributes, handleOnBlur, handleOnChange, handleOnFocus, hasFocus, propsWithDefault, xstyledProps],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,aAAa,SAAS,gBAAgB;AAE/C,SAAS,cAAc,4BAA4B;AAE5C,MAAM,eAAe,CAAC,UAA8B;AACzD,QAAM,mBAAmB,6BAA4D,OAAO,YAAY;AAExG,iCAA+B,OAAO,sBAAsB,eAAe;AAE3E,QAAM,EAAE,cAAc,IAAI;AAK1B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAK9C,QAAM,iBAA6D;AAAA,IACjE,CAAC,MAAM;AACL,oBAAc,EAAE,OAAO,OAAO,CAAC;AAAA,IACjC;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,gBAA2D,YAAY,MAAM;AACjF,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,eAA0D,YAAY,MAAM;AAChF,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAKL,QAAM,mBAAmB,uBAAuB,kBAAkB;AAAA,IAChE,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,gBAAgB,eAAe,UAAU,kBAAkB,YAAY;AAAA,EAC1G;AACF;",
   "names": []
 }

package/dist/esm/exported-related/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./data-test-ids";
-export * from "./theming";
+export * from "./data-test-ids.js";
+export * from "./theming.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids.js';\nexport * from './theming.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSInputText";
-export * from "./exported-related";
+export * from "./DSInputText.js";
+export * from "./exported-related/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSInputText';\nexport * from './exported-related';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSInputText.js';\nexport * from './exported-related/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   onValueChange: () => null,
   onClear: () => null,

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSInputTextT {\n  export interface IProps {\n    value?: string | number;\n    onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;\n    onClear?: () => void;\n    placeholder?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);\n    disabled?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    inputSize?: 's' | 'm';\n    clearable?: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSInputTextT.Props = {\n  onValueChange: () => null,\n  onClear: () => null,\n  placeholder: 'Hint Text',\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  inputSize: 'm',\n  clearable: false,\n};\n\nexport const DSInputTextPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.string)])\n    .description('Value of the input')\n    .defaultValue(''),\n  onValueChange: PropTypes.func\n    .description('Callback triggered when the value changes')\n    .defaultValue(() => null)\n    .signature('((newValue: string, e: React.ChangeEvent) => void)'),\n  placeholder: PropTypes.string.description('Value of the placeholder').defaultValue(''),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func.signature('((ref: HTMLInputElement) => void)')])\n    .description('Reference to the input')\n    .defaultValue(null),\n  disabled: PropTypes.bool.description('Whether the input is disabled').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the input is readonly').defaultValue(false),\n  hasError: PropTypes.bool.description('Whether the input has error').defaultValue(false),\n  inputSize: PropTypes.oneOf(['s', 'm']).description('Size of the input').defaultValue('m'),\n  clearable: PropTypes.bool.description('Whether the input is clearable').defaultValue(false),\n  onClear: PropTypes.func\n    .description('Callback triggered when the clearable button is pressed')\n    .defaultValue(() => null)\n    .signature('(() => void)'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAmBhE,MAAM,eAAmC;AAAA,EAC9C,eAAe,MAAM;AAAA,EACrB,SAAS,MAAM;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EACjG,YAAY,oBAAoB,EAChC,aAAa,EAAE;AAAA,EAClB,eAAe,UAAU,KACtB,YAAY,2CAA2C,EACvD,aAAa,MAAM,IAAI,EACvB,UAAU,oDAAoD;AAAA,EACjE,aAAa,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EACrF,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,KAAK,UAAU,mCAAmC,CAAC,CAAC,EAC5G,YAAY,wBAAwB,EACpC,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EACtF,WAAW,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,mBAAmB,EAAE,aAAa,GAAG;AAAA,EACxF,WAAW,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EAC1F,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI,EACvB,UAAU,cAAc;AAC7B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSInputTextT {\n  export interface IProps {\n    value?: string | number;\n    onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;\n    onClear?: () => void;\n    placeholder?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);\n    disabled?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    inputSize?: 's' | 'm';\n    clearable?: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSInputTextT.Props = {\n  onValueChange: () => null,\n  onClear: () => null,\n  placeholder: 'Hint Text',\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  inputSize: 'm',\n  clearable: false,\n};\n\nexport const DSInputTextPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.string)])\n    .description('Value of the input')\n    .defaultValue(''),\n  onValueChange: PropTypes.func\n    .description('Callback triggered when the value changes')\n    .defaultValue(() => null)\n    .signature('((newValue: string, e: React.ChangeEvent) => void)'),\n  placeholder: PropTypes.string.description('Value of the placeholder').defaultValue(''),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func.signature('((ref: HTMLInputElement) => void)')])\n    .description('Reference to the input')\n    .defaultValue(null),\n  disabled: PropTypes.bool.description('Whether the input is disabled').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the input is readonly').defaultValue(false),\n  hasError: PropTypes.bool.description('Whether the input has error').defaultValue(false),\n  inputSize: PropTypes.oneOf(['s', 'm']).description('Size of the input').defaultValue('m'),\n  clearable: PropTypes.bool.description('Whether the input is clearable').defaultValue(false),\n  onClear: PropTypes.func\n    .description('Callback triggered when the clearable button is pressed')\n    .defaultValue(() => null)\n    .signature('(() => void)'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,WAAW,2BAA2B,wBAAwB;AAmBhE,MAAM,eAAmC;AAAA,EAC9C,eAAe,MAAM;AAAA,EACrB,SAAS,MAAM;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EACjG,YAAY,oBAAoB,EAChC,aAAa,EAAE;AAAA,EAClB,eAAe,UAAU,KACtB,YAAY,2CAA2C,EACvD,aAAa,MAAM,IAAI,EACvB,UAAU,oDAAoD;AAAA,EACjE,aAAa,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EACrF,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,KAAK,UAAU,mCAAmC,CAAC,CAAC,EAC5G,YAAY,wBAAwB,EACpC,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EACtF,WAAW,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,mBAAmB,EAAE,aAAa,GAAG;AAAA,EACxF,WAAW,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EAC1F,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI,EACvB,UAAU,cAAc;AAC7B;",
   "names": []
 }

package/dist/esm/styled/components.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { DSButtonV2 } from "@elliemae/ds-button";
 import { Grid } from "@elliemae/ds-grid";
 import { th, styled } from "@elliemae/ds-system";
-import { DSInputTextName, DSInputTextSlots } from "../exported-related";
-import { getBorderCss, getHoverBorderCss } from "./borders";
+import { DSInputTextName, DSInputTextSlots } from "../exported-related/index.js";
+import { getBorderCss, getHoverBorderCss } from "./borders.js";
 const StyledInputWrapper = styled(Grid, {
   name: DSInputTextName,
   slot: DSInputTextSlots.INPUT_WRAPPER

package/dist/esm/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButtonV2 } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport { th, styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSInputTextName, DSInputTextSlots } from '../exported-related';\nimport { getBorderCss, getHoverBorderCss } from './borders';\n\ninterface StyledInputWrapperProps {\n  inputSize: string;\n  isDisabled: boolean;\n  hasError: boolean;\n  isReadOnly: boolean;\n  hasFocus: boolean;\n}\n\nexport const StyledInputWrapper = styled(Grid, {\n  name: DSInputTextName,\n  slot: DSInputTextSlots.INPUT_WRAPPER,\n})<StyledInputWrapperProps>`\n  height: ${({ inputSize }) => (inputSize === 'm' ? '28px' : '24px')};\n\n  ${getBorderCss}\n  border-radius: 2px;\n\n  :hover {\n    ${getHoverBorderCss}\n  }\n`;\n\nexport const StyledInput = styled('input', { name: DSInputTextName, slot: DSInputTextSlots.INPUT })`\n  padding: 0 ${th.space('xxs')};\n  border: none;\n  outline: none;\n  border-radius: 2px;\n\n  width: 100%;\n  height: 100%;\n  color: ${th.color('neutral-800')};\n\n  ::placeholder {\n    font-weight: ${th.fontWeight('regular')};\n    font-style: italic;\n    color: ${th.color('neutral-500')};\n  }\n\n  :disabled {\n    background-color: ${th.color('neutral-080')};\n    color: #616b7f;\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledClearButton = styled(DSButtonV2, { name: DSInputTextName, slot: DSInputTextSlots.CLEAR_BUTTON })`\n  height: 100%;\n  min-width: 20px;\n  width: 20px;\n  &:after {\n    border-top-left-radius: 0px !important;\n    border-bottom-left-radius: 0px !important;\n  }\n  :focus {\n    border-width: 0px;\n  }\n\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButtonV2 } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport { th, styled, layout, space, sizing } from '@elliemae/ds-system';\nimport { DSInputTextName, DSInputTextSlots } from '../exported-related/index.js';\nimport { getBorderCss, getHoverBorderCss } from './borders.js';\n\ninterface StyledInputWrapperProps {\n  inputSize: string;\n  isDisabled: boolean;\n  hasError: boolean;\n  isReadOnly: boolean;\n  hasFocus: boolean;\n}\n\nexport const StyledInputWrapper = styled(Grid, {\n  name: DSInputTextName,\n  slot: DSInputTextSlots.INPUT_WRAPPER,\n})<StyledInputWrapperProps>`\n  height: ${({ inputSize }) => (inputSize === 'm' ? '28px' : '24px')};\n\n  ${getBorderCss}\n  border-radius: 2px;\n\n  :hover {\n    ${getHoverBorderCss}\n  }\n`;\n\nexport const StyledInput = styled('input', { name: DSInputTextName, slot: DSInputTextSlots.INPUT })`\n  padding: 0 ${th.space('xxs')};\n  border: none;\n  outline: none;\n  border-radius: 2px;\n\n  width: 100%;\n  height: 100%;\n  color: ${th.color('neutral-800')};\n\n  ::placeholder {\n    font-weight: ${th.fontWeight('regular')};\n    font-style: italic;\n    color: ${th.color('neutral-500')};\n  }\n\n  :disabled {\n    background-color: ${th.color('neutral-080')};\n    color: #616b7f;\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledClearButton = styled(DSButtonV2, { name: DSInputTextName, slot: DSInputTextSlots.CLEAR_BUTTON })`\n  height: 100%;\n  min-width: 20px;\n  width: 20px;\n  &:after {\n    border-top-left-radius: 0px !important;\n    border-bottom-left-radius: 0px !important;\n  }\n  :focus {\n    border-width: 0px;\n  }\n\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,IAAI,cAAqC;AAClD,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,cAAc,yBAAyB;AAUzC,MAAM,qBAAqB,OAAO,MAAM;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,YACW,CAAC,EAAE,UAAU,MAAO,cAAc,MAAM,SAAS;AAAA;AAAA,IAEzD;AAAA;AAAA;AAAA;AAAA,MAIE;AAAA;AAAA;AAIC,MAAM,cAAc,OAAO,SAAS,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,MAAM,CAAC;AAAA,eACnF,GAAG,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOlB,GAAG,MAAM,aAAa;AAAA;AAAA;AAAA,mBAGd,GAAG,WAAW,SAAS;AAAA;AAAA,aAE7B,GAAG,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,wBAIX,GAAG,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,oBAAoB,OAAO,YAAY,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-input-text",
-  "version": "3.15.0",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Input Text",
   "files": [
@@ -35,12 +35,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.15.0",
-    "@elliemae/ds-grid": "3.15.0",
-    "@elliemae/ds-icon": "3.15.0",
-    "@elliemae/ds-icons": "3.15.0",
-    "@elliemae/ds-system": "3.15.0",
-    "@elliemae/ds-utilities": "3.15.0"
+    "@elliemae/ds-button": "3.16.0-next.10",
+    "@elliemae/ds-grid": "3.16.0-next.10",
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-icons": "3.16.0-next.10",
+    "@elliemae/ds-system": "3.16.0-next.10",
+    "@elliemae/ds-icon": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",
@@ -69,7 +70,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

package/dist/types/DSInputText.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DSInputTextT } from './react-desc-prop-types';
-export declare const DSInputText: React.ComponentType<DSInputTextT.Props>;
-export declare const DSInputTextWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSInputTextT.Props>;

package/dist/types/config/useInputText.d.ts

@@ -1,13 +0,0 @@
-import type React from 'react';
-import type { DSInputTextT } from '../react-desc-prop-types';
-export declare const useInputText: (props: DSInputTextT.Props) => {
-    globalAttributes: import("@elliemae/ds-utilities").GlobalAttributesT<Element>;
-    hasFocus: boolean;
-    handlers: {
-        onChange: React.ChangeEventHandler<HTMLInputElement>;
-        onFocus: React.FocusEventHandler<HTMLInputElement>;
-        onBlur: React.FocusEventHandler<HTMLInputElement>;
-    };
-    propsWithDefault: Required<DSInputTextT.IProps>;
-    xstyledProps: import("@elliemae/ds-utilities").XstyledProps;
-};

package/dist/types/exported-related/data-test-ids.d.ts

@@ -1,4 +0,0 @@
-export declare const DSInputTextDataTestIds: {
-    INPUT: string;
-    CLEAR_BUTTON: string;
-};

package/dist/types/exported-related/index.d.ts

@@ -1,2 +0,0 @@
-export * from './data-test-ids';
-export * from './theming';

package/dist/types/exported-related/theming.d.ts

@@ -1,6 +0,0 @@
-export declare const DSInputTextName = "DSInputText";
-export declare const DSInputTextSlots: {
-    INPUT_WRAPPER: string;
-    INPUT: string;
-    CLEAR_BUTTON: string;
-};

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DSInputText';
-export * from './exported-related';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,21 +0,0 @@
-import type { WeakValidationMap } from 'react';
-import type React from 'react';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';
-export declare namespace DSInputTextT {
-    interface IProps {
-        value?: string | number;
-        onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;
-        onClear?: () => void;
-        placeholder?: string;
-        innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);
-        disabled?: boolean;
-        readOnly?: boolean;
-        hasError?: boolean;
-        inputSize?: 's' | 'm';
-        clearable?: boolean;
-    }
-    interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {
-    }
-}
-export declare const defaultProps: DSInputTextT.Props;
-export declare const DSInputTextPropTypes: WeakValidationMap<unknown>;

package/dist/types/styled/borders.d.ts

@@ -1,10 +0,0 @@
-import type { FlattenSimpleInterpolation } from '@elliemae/ds-system';
-interface BorderNecessaryProps {
-    isDisabled: boolean;
-    hasError: boolean;
-    isReadOnly: boolean;
-    hasFocus: boolean;
-}
-export declare const getBorderCss: (props: BorderNecessaryProps) => FlattenSimpleInterpolation;
-export declare const getHoverBorderCss: (props: BorderNecessaryProps) => FlattenSimpleInterpolation;
-export {};

package/dist/types/styled/components.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-interface StyledInputWrapperProps {
-    inputSize: string;
-    isDisabled: boolean;
-    hasError: boolean;
-    isReadOnly: boolean;
-    hasFocus: boolean;
-}
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, StyledInputWrapperProps, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, Record<string, unknown>, never>;
-export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
-export {};

package/dist/types/tests/DSInput.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSInput.keyboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSInput.test.d.ts

@@ -1 +0,0 @@
-export {};