@elliemae/ds-form 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/ExpandableInput/ExpandableInputImpl.js

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ExpandableInputImpl_exports = {};
+__export(ExpandableInputImpl_exports, {
+  ExpandableInputImpl: () => ExpandableInputImpl,
+  default: () => ExpandableInputImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_utils = require("@elliemae/ds-shared/utils");
+var import_Input = require("../Input");
+const blockName = "expandable-input";
+const ExpandableInput = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
+const InputWrapper = (0, import_ds_classnames.aggregatedClasses)(import_Input.InputAddonWrapper)(blockName, "wrapper", ({ isOpen }) => ({ opened: isOpen }));
+class ExpandableInputImpl extends import_react.Component {
+  componentDidUpdate(prevProps) {
+    const { isOpen } = this.props;
+    if (isOpen && isOpen !== prevProps.isOpen)
+      this.input.focus();
+  }
+  render() {
+    const {
+      innerRef,
+      triggerComponent,
+      children,
+      width,
+      isOpen,
+      onOpen,
+      onClose,
+      onBlur,
+      containerProps
+    } = this.props;
+    const InputComponent = import_react.default.Children.only(children);
+    const handleTriggerClick = (e) => {
+      if ((0, import_utils.isFunction)(triggerComponent.onClick))
+        triggerComponent.onClick(e);
+      if (isOpen) {
+        onClose();
+      } else {
+        onOpen();
+      }
+    };
+    return /* @__PURE__ */ import_react.default.createElement(ExpandableInput, __spreadProps(__spreadValues({}, containerProps), {
+      classProps: { isOpen },
+      innerRef,
+      style: { width: isOpen && width }
+    }), /* @__PURE__ */ import_react.default.createElement(InputWrapper, {
+      rightComponents: [
+        (0, import_react.cloneElement)(triggerComponent, {
+          key: "handler",
+          onClick: handleTriggerClick
+        })
+      ]
+    }, (0, import_react.cloneElement)(InputComponent, {
+      className: "expandable-input__input",
+      innerRef: (node) => this.input = node,
+      onBlur
+    })));
+  }
+}
+var ExpandableInputImpl_default = ExpandableInputImpl;
+module.exports = __toCommonJS(ExpandableInputImpl_exports);
+//# sourceMappingURL=ExpandableInputImpl.js.map

package/dist/cjs/ExpandableInput/ExpandableInputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ExpandableInput/ExpandableInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ isOpen }) => ({ opened: isOpen }),\n);\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(\n  blockName,\n  'wrapper',\n  ({ isOpen }) => ({ opened: isOpen }),\n);\n\nclass ExpandableInputImpl extends Component {\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n  }\n\n  render() {\n    const {\n      innerRef,\n      triggerComponent,\n      children,\n      width,\n      isOpen,\n      onOpen,\n      onClose,\n      onBlur,\n      containerProps,\n    } = this.props;\n    const InputComponent = React.Children.only(children);\n    const handleTriggerClick = e => {\n      if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n      if (isOpen) {\n        onClose();\n      } else {\n        onOpen();\n      }\n    };\n\n    return (\n      <ExpandableInput\n        {...containerProps}\n        classProps={{ isOpen }}\n        innerRef={innerRef}\n        style={{ width: isOpen && width }}\n      >\n        <InputWrapper\n          rightComponents={[\n            cloneElement(triggerComponent, {\n              key: 'handler',\n              onClick: handleTriggerClick,\n            }),\n          ]}\n        >\n          {cloneElement(InputComponent, {\n            className: 'expandable-input__input',\n            innerRef: node => (this.input = node),\n            onBlur,\n          })}\n        </InputWrapper>\n      </ExpandableInput>\n    );\n  }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,2BAAkC;AAClC,mBAA2B;AAC3B,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,4CAAkB,gCACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,uBAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,qBAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,6BAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,mDAAC,iBAAD,iCACM,iBADN;AAAA,MAEE,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,QAE1B,mDAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,+BAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,+BAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/cjs/ExpandableInput/index.js

@@ -0,0 +1,28 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ExpandableInput_exports = {};
+var React = __toESM(require("react"));
+__reExport(ExpandableInput_exports, require("./DSExpandableInput"));
+module.exports = __toCommonJS(ExpandableInput_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/ExpandableInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ExpandableInput/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSExpandableInput';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,oCAAc;",
+  "names": []
+}

package/dist/cjs/FloatingLabelInput/DSFloatingLabelInput.js

@@ -0,0 +1,84 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSFloatingLabelInput_exports = {};
+__export(DSFloatingLabelInput_exports, {
+  DSFloatingLabelInput: () => DSFloatingLabelInput,
+  default: () => DSFloatingLabelInput_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_FloatingLabelInputImpl = require("./FloatingLabelInputImpl");
+var import_DSLabel = require("../FormItem/Label/DSLabel");
+var import_TextBox = require("../TextBox");
+const noop = () => {
+};
+const DSFloatingLabelInput = ({
+  containerProps = {},
+  arialLabel = "",
+  innerRef = noop,
+  className = "",
+  extraInputProps = {},
+  inputComponent = import_TextBox.DSTextBox,
+  value = "",
+  labelComponent = import_DSLabel.DSLabel,
+  labelText = null,
+  onChange = noop,
+  onBlur = noop,
+  onFocus = noop,
+  isOpen = false,
+  hasError = false,
+  readOnly = false,
+  disabled = false,
+  required = false,
+  optional = false,
+  mask = null,
+  useSubfix = ""
+}) => /* @__PURE__ */ import_react.default.createElement(import_FloatingLabelInputImpl.FloatingLabelInputImpl, {
+  arialLabel,
+  className,
+  disabled,
+  extraInputProps,
+  hasError,
+  innerRef,
+  inputComponent,
+  isOpen,
+  labelComponent,
+  labelText,
+  mask,
+  onBlur,
+  onChange,
+  onFocus,
+  optional,
+  readOnly,
+  required,
+  useSubfix,
+  value
+});
+var DSFloatingLabelInput_default = DSFloatingLabelInput;
+module.exports = __toCommonJS(DSFloatingLabelInput_exports);
+//# sourceMappingURL=DSFloatingLabelInput.js.map

package/dist/cjs/FloatingLabelInput/DSFloatingLabelInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FloatingLabelInput/DSFloatingLabelInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { FloatingLabelInputImpl } from './FloatingLabelInputImpl';\nimport { DSLabel } from '../FormItem/Label/DSLabel';\nimport { DSTextBox } from '../TextBox';\n\nconst noop = () => {};\nconst DSFloatingLabelInput = ({\n  containerProps = {},\n  arialLabel = '',\n  /**\n   * Gets the reference for the input controller\n   *\n   * @param {HTMLElement} node\n   */\n  innerRef = noop,\n  /**\n   * Custom className for floatingLabelInput\n   */\n  className = '',\n  /**\n   * Props injected to the input component\n   *\n   * @type Object\n   */\n  extraInputProps = {},\n  /**\n   * Input controller\n   *\n   * @type {element}\n   */\n  inputComponent = DSTextBox,\n  /**\n   * Input value\n   *\n   * @type {string}\n   */\n  value = '',\n  /**\n   * Label component\n   *\n   * @type {element}\n   */\n  labelComponent = DSLabel,\n  /**\n   * Label text\n   *\n   * @type {string | element}\n   */\n  labelText = null,\n  /**\n   * Callback when input controller has changed\n   *\n   * @param event\n   */\n  onChange = noop,\n  onBlur = noop,\n  onFocus = noop,\n  /**\n   * Whether the label is floating or not\n   *\n   * @type {boolean}\n   */\n  isOpen = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  hasError = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  readOnly = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  disabled = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  required = false,\n  optional = false,\n  mask = null,\n  useSubfix = '',\n}) => (\n  <FloatingLabelInputImpl\n    arialLabel={arialLabel}\n    className={className}\n    disabled={disabled}\n    extraInputProps={extraInputProps}\n    hasError={hasError}\n    innerRef={innerRef}\n    inputComponent={inputComponent}\n    isOpen={isOpen}\n    labelComponent={labelComponent}\n    labelText={labelText}\n    mask={mask}\n    onBlur={onBlur}\n    onChange={onChange}\n    onFocus={onFocus}\n    optional={optional}\n    readOnly={readOnly}\n    required={required}\n    useSubfix={useSubfix}\n    value={value}\n  />\n);\n\nexport { DSFloatingLabelInput };\nexport default DSFloatingLabelInput;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oCAAuC;AACvC,qBAAwB;AACxB,qBAA0B;AAE1B,MAAM,OAAO,MAAM;AAAA;AACnB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,iBAAiB;AAAA,EACjB,aAAa;AAAA,EAMb,WAAW;AAAA,EAIX,YAAY;AAAA,EAMZ,kBAAkB;AAAA,EAMlB,iBAAiB;AAAA,EAMjB,QAAQ;AAAA,EAMR,iBAAiB;AAAA,EAMjB,YAAY;AAAA,EAMZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EAMV,SAAS;AAAA,EAMT,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,MAEZ,mDAAC,sDAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAKJ,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -0,0 +1,193 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FloatingLabelInputImpl_exports = {};
+__export(FloatingLabelInputImpl_exports, {
+  FloatingLabelInputImpl: () => FloatingLabelInputImpl,
+  default: () => FloatingLabelInputImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_text_wrapper = require("@elliemae/ds-text-wrapper");
+var import_resize_observer = require("resize-observer");
+var import_getSvgPath = require("./getSvgPath");
+var import_RequiredMark = require("../RequiredMark/RequiredMark");
+const blockName = "labeled-outline";
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isOpen }) => ({
+  "has-value": isOpen
+}));
+const FloatingLabel = (0, import_ds_classnames.aggregatedClasses)("label")(blockName, "label");
+const OutlineIdle = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "idle");
+const Outline = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "outline");
+const OutlinePath = (0, import_ds_classnames.aggregatedClasses)("path")(blockName, "outline__path");
+const shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {
+  if (width !== prevSizes.width)
+    return true;
+  if (height !== prevSizes.height)
+    return true;
+  return labelWidth !== prevSizes.labelWidth;
+};
+class FloatingLabelInputImpl extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.resizeObserver = new import_resize_observer.ResizeObserver(() => this.updatePath());
+    this.prevSizes = {};
+    this.wrapperRef = import_react.default.createRef();
+    this.outlinePathRef = import_react.default.createRef();
+    this.outlineIdleRef = import_react.default.createRef();
+    this.labelRef = import_react.default.createRef();
+    this.updatePath = this.updatePath.bind(this);
+  }
+  componentDidMount() {
+    this.resizeObserver.observe(this.wrapperRef.current);
+  }
+  componentDidUpdate() {
+    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes))
+      return;
+    this.updatePath();
+  }
+  componentWillUnmount() {
+    this.resizeObserver.unobserve(this.wrapperRef.current);
+  }
+  get sizes() {
+    const { current: labelEl } = this.labelRef;
+    const { current: wrapperEl } = this.wrapperRef;
+    const { current: outlineIdleEl } = this.outlineIdleRef;
+    const elStyles = window.getComputedStyle(outlineIdleEl);
+    const leftRadius = elStyles.getPropertyValue("border-top-left-radius");
+    const rightRadius = elStyles.getPropertyValue("border-top-right-radius");
+    const hasLeftRadius = parseFloat(leftRadius) !== 0;
+    const hasRightRadius = parseFloat(rightRadius) !== 0;
+    return {
+      labelWidth: labelEl.offsetWidth * 0.9,
+      width: wrapperEl.offsetWidth,
+      height: wrapperEl.offsetHeight,
+      radiusStyle: leftRadius,
+      hasLeftRadius,
+      hasRightRadius
+    };
+  }
+  get isOpened() {
+    const { focused, isOpen, value } = this.props;
+    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;
+  }
+  getValue(value) {
+    const { valueAccessor } = this.props;
+    if (valueAccessor)
+      return valueAccessor(value);
+    if (value && value.target)
+      return value.target.value;
+    return value;
+  }
+  updatePath() {
+    const path = (0, import_getSvgPath.getSvgPath)(this.sizes);
+    this.prevSizes = this.sizes;
+    this.outlinePathRef.current.setAttribute("d", path);
+  }
+  render() {
+    const {
+      ariaLabel,
+      hasError,
+      readOnly,
+      disabled,
+      inputComponent,
+      labelText,
+      onBlur,
+      onFocus,
+      innerRef,
+      extraInputProps,
+      required,
+      value,
+      onChange,
+      mask,
+      useSubfix,
+      optional
+    } = this.props;
+    const inputProps = __spreadValues({
+      ariaLabel,
+      className: "floating-label-input-controller",
+      disabled,
+      hasError,
+      onBlur,
+      onChange,
+      onFocus,
+      readOnly,
+      value,
+      innerRef,
+      mask,
+      useSubfix
+    }, extraInputProps);
+    const InputComponent = (0, import_ds_utilities.getComponentFromProps)(inputComponent, inputProps);
+    const isOpen = this.isOpened;
+    return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+      classProps: {
+        hasError,
+        isOpen,
+        readOnly,
+        disabled
+      },
+      innerRef: this.wrapperRef,
+      onBlur: () => null,
+      onFocus: () => null,
+      onMouseOut: this.handleMouseOut,
+      onMouseOver: this.handleMouseOver
+    }, InputComponent, /* @__PURE__ */ import_react.default.createElement(FloatingLabel, {
+      classProps: { isOpen },
+      innerRef: this.labelRef
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_text_wrapper.DSTextWrapper, {
+      maxWidth: "100%",
+      text: labelText
+    }), /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.RequiredMark, {
+      optional,
+      required
+    })), /* @__PURE__ */ import_react.default.createElement(Outline, null, /* @__PURE__ */ import_react.default.createElement("svg", null, /* @__PURE__ */ import_react.default.createElement(OutlinePath, {
+      innerRef: this.outlinePathRef
+    }))), /* @__PURE__ */ import_react.default.createElement(OutlineIdle, {
+      innerRef: this.outlineIdleRef
+    }));
+  }
+}
+FloatingLabelInputImpl.defaultProps = { onChange: () => null };
+var FloatingLabelInputImpl_default = FloatingLabelInputImpl;
+module.exports = __toCommonJS(FloatingLabelInputImpl_exports);
+//# sourceMappingURL=FloatingLabelInputImpl.js.map

package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DSTextWrapper } from '@elliemae/ds-text-wrapper';\nimport { ResizeObserver } from 'resize-observer';\nimport { getSvgPath } from './getSvgPath';\nimport { RequiredMark } from '../RequiredMark/RequiredMark';\n\nconst blockName = 'labeled-outline';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({\n  'has-value': isOpen,\n}));\nconst FloatingLabel = aggregatedClasses('label')(blockName, 'label');\nconst OutlineIdle = aggregatedClasses('div')(blockName, 'idle');\nconst Outline = aggregatedClasses('div')(blockName, 'outline');\nconst OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');\n\nconst shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {\n  if (width !== prevSizes.width) return true;\n  if (height !== prevSizes.height) return true;\n  return labelWidth !== prevSizes.labelWidth;\n};\n\nclass FloatingLabelInputImpl extends Component {\n  resizeObserver = new ResizeObserver(() => this.updatePath());\n\n  prevSizes = {};\n\n  static defaultProps = { onChange: () => null };\n\n  constructor(props) {\n    super(props);\n    this.wrapperRef = React.createRef();\n    this.outlinePathRef = React.createRef();\n    this.outlineIdleRef = React.createRef();\n    this.labelRef = React.createRef();\n\n    this.updatePath = this.updatePath.bind(this);\n  }\n\n  componentDidMount() {\n    this.resizeObserver.observe(this.wrapperRef.current);\n  }\n\n  componentDidUpdate() {\n    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;\n    this.updatePath();\n  }\n\n  componentWillUnmount() {\n    this.resizeObserver.unobserve(this.wrapperRef.current);\n  }\n\n  get sizes() {\n    const { current: labelEl } = this.labelRef;\n    const { current: wrapperEl } = this.wrapperRef;\n    const { current: outlineIdleEl } = this.outlineIdleRef;\n    const elStyles = window.getComputedStyle(outlineIdleEl);\n    const leftRadius = elStyles.getPropertyValue('border-top-left-radius');\n    const rightRadius = elStyles.getPropertyValue('border-top-right-radius');\n    const hasLeftRadius = parseFloat(leftRadius) !== 0;\n    const hasRightRadius = parseFloat(rightRadius) !== 0;\n    return {\n      labelWidth: labelEl.offsetWidth * 0.9,\n      width: wrapperEl.offsetWidth,\n      height: wrapperEl.offsetHeight,\n      radiusStyle: leftRadius,\n      hasLeftRadius,\n      hasRightRadius,\n    };\n  }\n\n  get isOpened() {\n    const { focused, isOpen, value } = this.props;\n    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;\n  }\n\n  getValue(value) {\n    const { valueAccessor } = this.props;\n    if (valueAccessor) return valueAccessor(value);\n    // is an event\n    if (value && value.target) return value.target.value;\n\n    return value;\n  }\n\n  updatePath() {\n    const path = getSvgPath(this.sizes);\n    this.prevSizes = this.sizes;\n    this.outlinePathRef.current.setAttribute('d', path);\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      hasError,\n      readOnly,\n      disabled,\n      inputComponent,\n      labelText,\n      onBlur,\n      onFocus,\n      innerRef,\n      extraInputProps,\n      required,\n      value,\n      onChange,\n      mask,\n      useSubfix,\n      optional,\n    } = this.props;\n\n    const inputProps = {\n      ariaLabel,\n      className: 'floating-label-input-controller',\n      disabled,\n      hasError,\n      onBlur,\n      onChange,\n      onFocus,\n      readOnly,\n      value,\n      innerRef,\n      mask,\n      useSubfix,\n      ...extraInputProps,\n    };\n    const InputComponent = getComponentFromProps(inputComponent, inputProps);\n    const isOpen = this.isOpened;\n\n    return (\n      <Wrapper\n        classProps={{\n          hasError,\n          isOpen,\n          readOnly,\n          disabled,\n        }}\n        innerRef={this.wrapperRef}\n        onBlur={() => null}\n        onFocus={() => null}\n        onMouseOut={this.handleMouseOut}\n        onMouseOver={this.handleMouseOver}\n      >\n        {InputComponent}\n        <FloatingLabel classProps={{ isOpen }} innerRef={this.labelRef}>\n          <DSTextWrapper maxWidth=\"100%\" text={labelText} />\n          <RequiredMark optional={optional} required={required} />\n        </FloatingLabel>\n        <Outline>\n          <svg>\n            <OutlinePath innerRef={this.outlinePathRef} />\n          </svg>\n        </Outline>\n        <OutlineIdle innerRef={this.outlineIdleRef} />\n      </Wrapper>\n    );\n  }\n}\n\nexport { FloatingLabelInputImpl };\nexport default FloatingLabelInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/FloatingLabelInput/getSvgPath.js

@@ -0,0 +1,74 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var getSvgPath_exports = {};
+__export(getSvgPath_exports, {
+  default: () => getSvgPath_default,
+  getSvgPath: () => getSvgPath
+});
+var React = __toESM(require("react"));
+function getSvgPath({
+  labelWidth = 50,
+  width = 200,
+  height = 35,
+  radiusStyle,
+  hasRightRadius = true,
+  hasLeftRadius = true
+}) {
+  const notchWidth = labelWidth;
+  const isRtl = false;
+  const radius = parseFloat(radiusStyle);
+  const cornerWidth = radius + 1.3;
+  const leadingStrokeLength = 4;
+  const paddedNotchWidth = notchWidth + 8;
+  let extraSizeForH = 0;
+  let extraSizeForLeftV = 0;
+  let extraSizeForRightV = 0;
+  let extraSizeForTopH = radius;
+  if (!hasRightRadius) {
+    extraSizeForH += radius;
+    extraSizeForRightV = radius * 2;
+  }
+  if (!hasLeftRadius) {
+    extraSizeForH += radius;
+    extraSizeForLeftV = radius * 2;
+  }
+  if (!hasLeftRadius && hasRightRadius || hasRightRadius && hasLeftRadius) {
+    extraSizeForTopH = 0;
+  }
+  const pathMiddle = (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius : "") + "v" + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius : "") + "h" + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + -radius : "") + "v" + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + -radius : "");
+  let path;
+  if (!isRtl) {
+    path = "M" + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + "," + 0.5 + "h" + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) + pathMiddle + "h" + leadingStrokeLength;
+  } else {
+    path = "M" + (width - cornerWidth - leadingStrokeLength) + "," + 0.5 + "h" + leadingStrokeLength + pathMiddle + "h" + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);
+  }
+  return path;
+}
+var getSvgPath_default = getSvgPath;
+module.exports = __toCommonJS(getSvgPath_exports);
+//# sourceMappingURL=getSvgPath.js.map

package/dist/cjs/FloatingLabelInput/getSvgPath.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FloatingLabelInput/getSvgPath.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable prefer-template,max-statements,no-nested-ternary */\nfunction getSvgPath({\n  labelWidth = 50,\n  width = 200,\n  height = 35,\n  radiusStyle,\n  hasRightRadius = true,\n  hasLeftRadius = true,\n}) {\n  const notchWidth = labelWidth;\n  const isRtl = false;\n\n  const radius = parseFloat(radiusStyle);\n  const cornerWidth = radius + 1.3;\n  const leadingStrokeLength = 4;\n  const paddedNotchWidth = notchWidth + 8;\n\n  let extraSizeForH = 0;\n  let extraSizeForLeftV = 0;\n  let extraSizeForRightV = 0;\n  let extraSizeForTopH = radius;\n\n  if (!hasRightRadius) {\n    extraSizeForH += radius;\n    extraSizeForRightV = radius * 2;\n  }\n  if (!hasLeftRadius) {\n    extraSizeForH += radius;\n    extraSizeForLeftV = radius * 2;\n  }\n\n  if ((!hasLeftRadius && hasRightRadius) || (hasRightRadius && hasLeftRadius)) {\n    extraSizeForTopH = 0;\n  }\n\n  const pathMiddle =\n    '' +\n    (hasRightRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius\n      : '') +\n    'v' +\n    (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + // right vertical line\n    (hasRightRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius\n      : '') +\n    'h' +\n    (-width + 2 * cornerWidth - extraSizeForH) +\n    (hasLeftRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius\n      : '') +\n    'v' +\n    (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + // left vertical line\n    (hasLeftRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius\n      : '');\n\n  let path;\n  if (!isRtl) {\n    path =\n      '' +\n      'M' +\n      (cornerWidth + leadingStrokeLength + paddedNotchWidth) +\n      ',' +\n      0.5 +\n      'h' +\n      (width -\n        2 * cornerWidth -\n        paddedNotchWidth -\n        leadingStrokeLength +\n        extraSizeForTopH) +\n      pathMiddle +\n      'h' +\n      leadingStrokeLength;\n  } else {\n    path =\n      '' +\n      'M' +\n      (width - cornerWidth - leadingStrokeLength) +\n      ',' +\n      0.5 +\n      'h' +\n      leadingStrokeLength +\n      pathMiddle +\n      'h' +\n      (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);\n  }\n  return path;\n}\n\nexport { getSvgPath };\nexport default getSvgPath;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,oBAAoB;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,GACf;AACD,QAAM,aAAa;AACnB,QAAM,QAAQ;AAEd,QAAM,SAAS,WAAW;AAC1B,QAAM,cAAc,SAAS;AAC7B,QAAM,sBAAsB;AAC5B,QAAM,mBAAmB,aAAa;AAEtC,MAAI,gBAAgB;AACpB,MAAI,oBAAoB;AACxB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AAEvB,MAAI,CAAC,gBAAgB;AACnB,qBAAiB;AACjB,yBAAqB,SAAS;AAAA;AAEhC,MAAI,CAAC,eAAe;AAClB,qBAAiB;AACjB,wBAAoB,SAAS;AAAA;AAG/B,MAAK,CAAC,iBAAiB,kBAAoB,kBAAkB,eAAgB;AAC3E,uBAAmB;AAAA;AAGrB,QAAM,aACJ,AACC,kBACG,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,SACzD,MACJ,MACC,UAAU,KAAI,cAAe,sBAAqB,SAClD,kBACG,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,SAC1D,MACJ,MACC,EAAC,QAAQ,IAAI,cAAc,iBAC3B,iBACG,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,CAAC,SAC3D,MACJ,MACC,EAAC,SAAU,KAAI,cAAe,qBAAoB,SAClD,iBACG,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,CAAC,SAC1D;AAEN,MAAI;AACJ,MAAI,CAAC,OAAO;AACV,WACE,MAEC,eAAc,sBAAsB,oBACrC,MACA,MACA,MACC,SACC,IAAI,cACJ,mBACA,sBACA,oBACF,aACA,MACA;AAAA,SACG;AACL,WACE,MAEC,SAAQ,cAAc,uBACvB,MACA,MACA,MACA,sBACA,aACA,MACC,SAAQ,IAAI,cAAc,mBAAmB;AAAA;AAElD,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/cjs/FloatingLabelInput/index.js

@@ -0,0 +1,28 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FloatingLabelInput_exports = {};
+var React = __toESM(require("react"));
+__reExport(FloatingLabelInput_exports, require("./DSFloatingLabelInput"));
+module.exports = __toCommonJS(FloatingLabelInput_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/FloatingLabelInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FloatingLabelInput/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSFloatingLabelInput';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,uCAAc;",
+  "names": []
+}