@elliemae/ds-legacy-form-input-text 1.0.0-rc.1

package/dist/cjs/DSInputText.js

@@ -0,0 +1,106 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSInputText_exports = {};
+__export(DSInputText_exports, {
+  DSInputText: () => DSInputText,
+  DSInputTextWithSchema: () => DSInputTextWithSchema
+});
+module.exports = __toCommonJS(DSInputText_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_ds_legacy_icon = require("@elliemae/ds-legacy-icon");
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-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 },
+    hasFocus,
+    handlers,
+    propsWithDefault,
+    xstyledProps
+  } = (0, import_useInputText.useInputText)(props);
+  const { clearable, disabled, hasError, innerRef, placeholder, readOnly, inputSize, onClear, value } = propsWithDefault;
+  const inputRef = (0, import_react.useRef)(null);
+  const shouldDisplayClearButton = clearable && !disabled && value !== "";
+  const handleClear = (0, import_react.useCallback)(() => {
+    onClear();
+    inputRef?.current?.focus();
+  }, [onClear]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.StyledInputWrapper,
+    {
+      className,
+      cols: shouldDisplayClearButton ? ["auto", "min-content"] : ["auto"],
+      isDisabled: disabled,
+      isReadOnly: readOnly,
+      hasError,
+      hasFocus,
+      inputSize,
+      ...xstyledProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.StyledInput,
+          {
+            "data-testid": import_data_test_ids.DSInputTextDataTestIds.INPUT,
+            disabled,
+            placeholder,
+            readOnly,
+            ref: (0, import_ds_legacy_utilities.mergeRefs)(innerRef, inputRef),
+            value,
+            "aria-describedby": id !== void 0 ? `${id}_feedback_message` : void 0,
+            id,
+            ...handlers,
+            ...otherGlobalAttributes
+          }
+        ),
+        shouldDisplayClearButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.StyledClearButton,
+          {
+            "aria-label": "Clear input value",
+            buttonType: "icon",
+            "data-testid": import_data_test_ids.DSInputTextDataTestIds.CLEAR_BUTTON,
+            onClick: handleClear,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.CloseMedium, { color: import_ds_legacy_icon.DSIconColors.PRIMARY })
+          }
+        )
+      ]
+    }
+  );
+};
+DSInputText.propTypes = import_react_desc_prop_types.DSInputTextPropTypes;
+DSInputText.displayName = "DSInputText";
+const DSInputTextWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSInputText);
+DSInputTextWithSchema.propTypes = import_react_desc_prop_types.DSInputTextPropTypes;
+//# sourceMappingURL=DSInputText.js.map

package/dist/cjs/DSInputText.js.map

@@ -0,0 +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-legacy-icons';\nimport { DSIconColors } from '@elliemae/ds-legacy-icon';\nimport { mergeRefs } from '@elliemae/ds-legacy-utilities';\nimport { describe } from '@elliemae/ds-legacy-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,6BAA4B;AAC5B,4BAA6B;AAC7B,iCAA0B;AAC1B,qCAAyB;AACzB,0BAA6B;AAC7B,2BAAuC;AAEvC,mCAAqC;AACrC,wBAAmE;AAE5D,MAAM,cAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ,kBAAkB,EAAE,WAAW,IAAI,GAAG,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,sCAAU,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,sCAAY,OAAO,mCAAa,SAAS;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AACnB,MAAM,4BAAwB,yCAAS,WAAW;AACzD,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useInputText.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useInputText_exports = {};
+__export(useInputText_exports, {
+  useInputText: () => useInputText
+});
+module.exports = __toCommonJS(useInputText_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-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.js");
+const useInputText = (props) => {
+  const propsWithDefault = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_legacy_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)(
+    (e) => {
+      onValueChange(e.target.value, e);
+    },
+    [onValueChange]
+  );
+  const handleOnFocus = (0, import_react.useCallback)(() => {
+    setHasFocus(true);
+  }, []);
+  const handleOnBlur = (0, import_react.useCallback)(() => {
+    setHasFocus(false);
+  }, []);
+  const globalAttributes = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefault, {
+    onChange: handleOnChange,
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur
+  });
+  const xstyledProps = (0, import_ds_legacy_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return (0, import_react.useMemo)(
+    () => ({
+      globalAttributes,
+      hasFocus,
+      handlers: {
+        onChange: handleOnChange,
+        onFocus: handleOnFocus,
+        onBlur: handleOnBlur
+      },
+      propsWithDefault,
+      xstyledProps
+    }),
+    [globalAttributes, handleOnBlur, handleOnChange, handleOnFocus, hasFocus, propsWithDefault, xstyledProps]
+  );
+};
+//# sourceMappingURL=useInputText.js.map

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

@@ -0,0 +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-legacy-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,qCAKO;AACP,8BAAgC;AAEhC,mBAA+C;AAE/C,mCAAmD;AAE5C,MAAM,eAAe,CAAC,UAA8B;AACzD,QAAM,uBAAmB,6DAA4D,OAAO,yCAAY;AAExG,qEAA+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,uDAAuB,kBAAkB;AAAA,IAChE,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,mBAAe,mDAAmB,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/data-test-ids.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var data_test_ids_exports = {};
+__export(data_test_ids_exports, {
+  DSInputTextDataTestIds: () => DSInputTextDataTestIds
+});
+module.exports = __toCommonJS(data_test_ids_exports);
+var React = __toESM(require("react"));
+const DSInputTextDataTestIds = {
+  INPUT: "ds-input-text-input",
+  CLEAR_BUTTON: "ds-input-text-clear-button"
+};
+//# sourceMappingURL=data-test-ids.js.map

package/dist/cjs/exported-related/data-test-ids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSInputTextDataTestIds = {\n  INPUT: 'ds-input-text-input',\n  CLEAR_BUTTON: 'ds-input-text-clear-button',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,cAAc;AAChB;",
+  "names": []
+}

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

@@ -0,0 +1,31 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var exported_related_exports = {};
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+__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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "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/exported-related/theming.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theming_exports = {};
+__export(theming_exports, {
+  DSInputTextName: () => DSInputTextName,
+  DSInputTextSlots: () => DSInputTextSlots
+});
+module.exports = __toCommonJS(theming_exports);
+var React = __toESM(require("react"));
+const DSInputTextName = "DSInputText";
+const DSInputTextSlots = {
+  INPUT_WRAPPER: "root",
+  INPUT: "input",
+  CLEAR_BUTTON: "input-clear-button"
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSInputTextName = 'DSInputText';\n\nexport const DSInputTextSlots = {\n  INPUT_WRAPPER: 'root',\n  INPUT: 'input',\n  CLEAR_BUTTON: 'input-clear-button',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,eAAe;AAAA,EACf,OAAO;AAAA,EACP,cAAc;AAChB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSInputText.js';\nexport * from './exported-related/index.js';\nexport type { DSInputTextT } from './react-desc-prop-types.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

@@ -0,0 +1,61 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSInputTextPropTypes: () => DSInputTextPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const defaultProps = {
+  onValueChange: () => null,
+  onClear: () => null,
+  placeholder: "Hint Text",
+  disabled: false,
+  readOnly: false,
+  hasError: false,
+  inputSize: "m",
+  clearable: false
+};
+const DSInputTextPropTypes = {
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  ...import_ds_legacy_props_helpers.xstyledPropTypes,
+  value: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.string, import_ds_legacy_props_helpers.PropTypes.number, import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.string)]).description("Value of the input").defaultValue(""),
+  onValueChange: import_ds_legacy_props_helpers.PropTypes.func.description("Callback triggered when the value changes").defaultValue(() => null).signature("((newValue: string, e: React.ChangeEvent) => void)"),
+  placeholder: import_ds_legacy_props_helpers.PropTypes.string.description("Value of the placeholder").defaultValue(""),
+  innerRef: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.object, import_ds_legacy_props_helpers.PropTypes.func.signature("((ref: HTMLInputElement) => void)")]).description("Reference to the input").defaultValue(null),
+  disabled: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the input is disabled").defaultValue(false),
+  readOnly: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the input is readonly").defaultValue(false),
+  hasError: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the input has error").defaultValue(false),
+  inputSize: import_ds_legacy_props_helpers.PropTypes.oneOf(["s", "m"]).description("Size of the input").defaultValue("m"),
+  clearable: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the input is clearable").defaultValue(false),
+  onClear: import_ds_legacy_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

@@ -0,0 +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 {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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,qCAAuE;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,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,QAAQ,yCAAU,QAAQ,yCAAU,MAAM,CAAC,CAAC,EACjG,YAAY,oBAAoB,EAChC,aAAa,EAAE;AAAA,EAClB,eAAe,yCAAU,KACtB,YAAY,2CAA2C,EACvD,aAAa,MAAM,IAAI,EACvB,UAAU,oDAAoD;AAAA,EACjE,aAAa,yCAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EACrF,UAAU,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,KAAK,UAAU,mCAAmC,CAAC,CAAC,EAC5G,YAAY,wBAAwB,EACpC,aAAa,IAAI;AAAA,EACpB,UAAU,yCAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,yCAAU,KAAK,YAAY,+BAA+B,EAAE,aAAa,KAAK;AAAA,EACxF,UAAU,yCAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EACtF,WAAW,yCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,mBAAmB,EAAE,aAAa,GAAG;AAAA,EACxF,WAAW,yCAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,KAAK;AAAA,EAC1F,SAAS,yCAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI,EACvB,UAAU,cAAc;AAC7B;",
+  "names": []
+}

package/dist/cjs/styled/borders.js

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var borders_exports = {};
+__export(borders_exports, {
+  getBorderCss: () => getBorderCss,
+  getHoverBorderCss: () => getHoverBorderCss
+});
+module.exports = __toCommonJS(borders_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const commonBorderCss = import_ds_legacy_system.css`
+  border: 1px solid ${import_ds_legacy_system.th.color("neutral-400")};
+`;
+const readOnlyBorderCss = import_ds_legacy_system.css`
+  border: 1px solid transparent;
+  border-top-color: ${import_ds_legacy_system.th.color("neutral-400")};
+`;
+const disabledBorderCss = commonBorderCss;
+const hasErrorBorderCss = import_ds_legacy_system.css`
+  border: 1px solid ${import_ds_legacy_system.th.color("danger-900")};
+`;
+const hoverBorderCss = import_ds_legacy_system.css`
+  border: 1px solid ${import_ds_legacy_system.th.color("brand-700")};
+`;
+const focusBorderCss = import_ds_legacy_system.css`
+  border: 1px solid transparent;
+  outline: 2px solid ${import_ds_legacy_system.th.color("brand-700")};
+  outline-offset: -2px;
+`;
+const getBorderCss = (props) => {
+  if (props.isDisabled)
+    return disabledBorderCss;
+  if (props.hasFocus)
+    return focusBorderCss;
+  if (props.hasError)
+    return hasErrorBorderCss;
+  if (props.isReadOnly)
+    return readOnlyBorderCss;
+  return commonBorderCss;
+};
+const getHoverBorderCss = (props) => {
+  if (props.isDisabled)
+    return disabledBorderCss;
+  if (props.hasFocus)
+    return focusBorderCss;
+  if (props.hasError)
+    return hasErrorBorderCss;
+  if (props.isReadOnly)
+    return readOnlyBorderCss;
+  return hoverBorderCss;
+};
+//# sourceMappingURL=borders.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styled/borders.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { FlattenSimpleInterpolation } from '@elliemae/ds-legacy-system';\nimport { th, css } from '@elliemae/ds-legacy-system';\n\ninterface BorderNecessaryProps {\n  isDisabled: boolean;\n  hasError: boolean;\n  isReadOnly: boolean;\n  hasFocus: boolean;\n}\n\nconst commonBorderCss: FlattenSimpleInterpolation = css`\n  border: 1px solid ${th.color('neutral-400')};\n`;\n\nconst readOnlyBorderCss: FlattenSimpleInterpolation = css`\n  border: 1px solid transparent;\n  border-top-color: ${th.color('neutral-400')};\n`;\n\nconst disabledBorderCss = commonBorderCss;\n\nconst hasErrorBorderCss: FlattenSimpleInterpolation = css`\n  border: 1px solid ${th.color('danger-900')};\n`;\n\nconst hoverBorderCss: FlattenSimpleInterpolation = css`\n  border: 1px solid ${th.color('brand-700')};\n`;\n\nconst focusBorderCss: FlattenSimpleInterpolation = css`\n  border: 1px solid transparent;\n  outline: 2px solid ${th.color('brand-700')};\n  outline-offset: -2px;\n`;\n\nexport const getBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n  if (props.isDisabled) return disabledBorderCss;\n  if (props.hasFocus) return focusBorderCss;\n  if (props.hasError) return hasErrorBorderCss;\n  if (props.isReadOnly) return readOnlyBorderCss;\n  return commonBorderCss;\n};\n\nexport const getHoverBorderCss = (props: BorderNecessaryProps): FlattenSimpleInterpolation => {\n  if (props.isDisabled) return disabledBorderCss;\n  if (props.hasFocus) return focusBorderCss;\n  if (props.hasError) return hasErrorBorderCss;\n  if (props.isReadOnly) return readOnlyBorderCss;\n  return hoverBorderCss;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAwB;AASxB,MAAM,kBAA8C;AAAA,sBAC9B,2BAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAgD;AAAA;AAAA,sBAEhC,2BAAG,MAAM,aAAa;AAAA;AAG5C,MAAM,oBAAoB;AAE1B,MAAM,oBAAgD;AAAA,sBAChC,2BAAG,MAAM,YAAY;AAAA;AAG3C,MAAM,iBAA6C;AAAA,sBAC7B,2BAAG,MAAM,WAAW;AAAA;AAG1C,MAAM,iBAA6C;AAAA;AAAA,uBAE5B,2BAAG,MAAM,WAAW;AAAA;AAAA;AAIpC,MAAM,eAAe,CAAC,UAA4D;AACvF,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,UAA4D;AAC5F,MAAI,MAAM;AAAY,WAAO;AAC7B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAY,WAAO;AAC7B,SAAO;AACT;",
+  "names": []
+}