@elliemae/ds-form 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -0,0 +1,151 @@
+import * as React from "react";
+import React2, { Component } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { getComponentFromProps } from "@elliemae/ds-utilities";
+import { DSTextWrapper } from "@elliemae/ds-text-wrapper";
+import { ResizeObserver } from "resize-observer";
+import { getSvgPath } from "./getSvgPath";
+import { RequiredMark } from "../RequiredMark/RequiredMark";
+const blockName = "labeled-outline";
+const Wrapper = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({
+  "has-value": isOpen
+}));
+const FloatingLabel = aggregatedClasses("label")(blockName, "label");
+const OutlineIdle = aggregatedClasses("div")(blockName, "idle");
+const Outline = aggregatedClasses("div")(blockName, "outline");
+const OutlinePath = 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 Component {
+  constructor(props) {
+    super(props);
+    this.resizeObserver = new ResizeObserver(() => this.updatePath());
+    this.prevSizes = {};
+    this.wrapperRef = React2.createRef();
+    this.outlinePathRef = React2.createRef();
+    this.outlineIdleRef = React2.createRef();
+    this.labelRef = React2.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 = 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 = {
+      ariaLabel,
+      className: "floating-label-input-controller",
+      disabled,
+      hasError,
+      onBlur,
+      onChange,
+      onFocus,
+      readOnly,
+      value,
+      innerRef,
+      mask,
+      useSubfix,
+      ...extraInputProps
+    };
+    const InputComponent = getComponentFromProps(inputComponent, inputProps);
+    const isOpen = this.isOpened;
+    return /* @__PURE__ */ React2.createElement(Wrapper, {
+      classProps: {
+        hasError,
+        isOpen,
+        readOnly,
+        disabled
+      },
+      innerRef: this.wrapperRef,
+      onBlur: () => null,
+      onFocus: () => null,
+      onMouseOut: this.handleMouseOut,
+      onMouseOver: this.handleMouseOver
+    }, InputComponent, /* @__PURE__ */ React2.createElement(FloatingLabel, {
+      classProps: { isOpen },
+      innerRef: this.labelRef
+    }, /* @__PURE__ */ React2.createElement(DSTextWrapper, {
+      maxWidth: "100%",
+      text: labelText
+    }), /* @__PURE__ */ React2.createElement(RequiredMark, {
+      optional,
+      required
+    })), /* @__PURE__ */ React2.createElement(Outline, null, /* @__PURE__ */ React2.createElement("svg", null, /* @__PURE__ */ React2.createElement(OutlinePath, {
+      innerRef: this.outlinePathRef
+    }))), /* @__PURE__ */ React2.createElement(OutlineIdle, {
+      innerRef: this.outlineIdleRef
+    }));
+  }
+}
+FloatingLabelInputImpl.defaultProps = { onChange: () => null };
+var FloatingLabelInputImpl_default = FloatingLabelInputImpl;
+export {
+  FloatingLabelInputImpl,
+  FloatingLabelInputImpl_default as default
+};
+//# sourceMappingURL=FloatingLabelInputImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/FloatingLabelInput/getSvgPath.js

@@ -0,0 +1,45 @@
+import * as React from "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;
+export {
+  getSvgPath_default as default,
+  getSvgPath
+};
+//# sourceMappingURL=getSvgPath.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/getSvgPath.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA,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/esm/FloatingLabelInput/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSFloatingLabelInput";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/FormItem/DSFormItemLayout.js

@@ -0,0 +1,164 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { getComponentFromProps } from "@elliemae/ds-utilities";
+import { Group } from "@elliemae/ds-shared";
+import { DSInputGroup } from "../InputGroup";
+import { DSFloatingLabelInput } from "../FloatingLabelInput";
+import { DSError } from "./Error/DSError";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
+import { Suffix, SuffixInputWrapper, SuffixWrapper } from "./Suffix/Suffix";
+const blockName = "form-item";
+const Wrapper = aggregatedClasses("div")(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({
+  "with-left-label": leftLabel,
+  "fit-content": fitContent,
+  [variant]: variant,
+  "with-highlight": withHighlight
+}));
+const WrapperContent = aggregatedClasses("div")(`${blockName}-content`);
+const WrapperContentGroup = aggregatedClasses("fieldset")(`${blockName}-content`);
+const DSFormItemLayout = ({
+  leftLabel,
+  floatingLabel,
+  name,
+  id,
+  value,
+  inputComponent: InputComponent,
+  labelComponent: LabelComponent,
+  feedbackComponent: FeedbackComponent,
+  labelText,
+  truncateText,
+  hasError,
+  validationState,
+  validationMessage,
+  feedbackMessage,
+  readOnly,
+  focused,
+  type,
+  autoFocus,
+  disabled,
+  onChange,
+  onBlur,
+  onFocus,
+  onPaste,
+  onKeyUp,
+  extraInputProps,
+  extraContent,
+  leftAddon,
+  rightAddon,
+  required,
+  optional,
+  mask,
+  useSubfix,
+  suffix,
+  variant,
+  fitContent,
+  withHighlight,
+  containerProps,
+  ...rest
+}) => {
+  const isGroup = InputComponent.type === (/* @__PURE__ */ React2.createElement(Group, null)).type;
+  const floatingLabelOverride = floatingLabel === "UNSAFE";
+  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
+  const inputProps = {
+    ...extraInputProps,
+    disabled,
+    hasError: hasError || validationState === "error",
+    id,
+    name,
+    type,
+    autoFocus,
+    onBlur,
+    onChange,
+    onFocus,
+    onPaste,
+    onKeyUp,
+    readOnly,
+    value,
+    mask,
+    useSubfix,
+    variant,
+    required,
+    ...rest
+  };
+  const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
+    leftAddon,
+    rightAddon,
+    variant
+  }, Input) : Input;
+  const renderFloating = /* @__PURE__ */ React2.createElement(DSFloatingLabelInput, {
+    ...inputProps,
+    extraInputProps,
+    focused,
+    inputComponent: InputComponent,
+    labelComponent: LabelComponent,
+    labelText,
+    optional,
+    required,
+    variant
+  });
+  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(LabelComponent, {
+    htmlFor: id || name,
+    label: labelText,
+    optional,
+    required,
+    isGroup,
+    truncateText
+  }), renderInput(getComponentFromProps(InputComponent, inputProps)));
+  if (suffix) {
+    return /* @__PURE__ */ React2.createElement(Wrapper, {
+      classProps: {
+        disabled,
+        readOnly,
+        hasError,
+        leftLabel,
+        variant,
+        fitContent,
+        withHighlight
+      },
+      ...containerProps
+    }, /* @__PURE__ */ React2.createElement(SuffixWrapper, {
+      className: "suffix-wrapper"
+    }, /* @__PURE__ */ React2.createElement(SuffixInputWrapper, {
+      className: "suffix-input-wrapper"
+    }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
+      hasError,
+      text: validationState || hasError ? validationMessage : feedbackMessage
+    })), /* @__PURE__ */ React2.createElement(Suffix, {
+      className: "suffix-label",
+      label: !!labelText,
+      withFeedback: Boolean(validationMessage || feedbackMessage)
+    }, suffix)));
+  }
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    classProps: {
+      disabled,
+      readOnly,
+      hasError,
+      leftLabel,
+      variant,
+      fitContent,
+      withHighlight
+    },
+    ...containerProps
+  }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
+    hasError,
+    text: validationState || hasError ? validationMessage : feedbackMessage
+  }));
+};
+DSFormItemLayout.propTypes = props;
+DSFormItemLayout.defaultProps = defaultProps;
+const DSFormItemLayoutWithSchema = describe(DSFormItemLayout);
+DSFormItemLayoutWithSchema.propTypes = props;
+var DSFormItemLayout_default = DSFormItemLayout;
+export {
+  DSError,
+  DSFormItemLayout,
+  DSFormItemLayoutWithSchema,
+  FORMITEM_LAYOUT_VARIANTS,
+  DSFormItemLayout_default as default
+};
+//# sourceMappingURL=DSFormItemLayout.js.map

package/dist/esm/FormItem/DSFormItemLayout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/DSFormItemLayout.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/FormItem/Error/DSError.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+const DSError = ({ hasError = false, errorText = "Error" }) => {
+  if (!hasError)
+    return null;
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "em-ds-error"
+  }, errorText);
+};
+const props = {
+  hasError: PropTypes.bool.description("error state"),
+  errorText: PropTypes.string.description("error label text")
+};
+DSError.propTypes = props;
+const DSErrorWithSchema = describe(DSError);
+DSErrorWithSchema.propTypes = props;
+var DSError_default = DSError;
+export {
+  DSError,
+  DSErrorWithSchema,
+  DSError_default as default
+};
+//# sourceMappingURL=DSError.js.map

package/dist/esm/FormItem/Error/DSError.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Error/DSError.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\n\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAe;AAAA;AAGvC,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,WAAW,UAAU,OAAO,YAAY;AAAA;AAG1C,QAAQ,YAAY;AAEpB,MAAM,oBAAoB,SAAS;AAEnC,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/FormItem/Feedback.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "form-item";
+const FeedbackSpan = aggregatedClasses("span")(blockName, "feedback");
+const Feedback = ({ text, hasError }) => {
+  if (!text)
+    return null;
+  return /* @__PURE__ */ React2.createElement(FeedbackSpan, {
+    classProps: hasError
+  }, text);
+};
+var Feedback_default = Feedback;
+export {
+  Feedback,
+  Feedback_default as default
+};
+//# sourceMappingURL=Feedback.js.map

package/dist/esm/FormItem/Feedback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/Feedback.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'form-item';\n\nconst FeedbackSpan = aggregatedClasses('span')(blockName, 'feedback');\n\nconst Feedback = ({ text, hasError }) => {\n  if (!text) return null;\n  return <FeedbackSpan classProps={hasError}>{text}</FeedbackSpan>;\n};\n\nexport { Feedback };\nexport default Feedback;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,QAAQ,WAAW;AAE1D,MAAM,WAAW,CAAC,EAAE,MAAM,eAAe;AACvC,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,qCAAC,cAAD;AAAA,IAAc,YAAY;AAAA,KAAW;AAAA;AAI9C,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/FormItem/Label/DSLabel.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { RequiredMark } from "../../RequiredMark";
+const blockName = "em-ds-label";
+const Text = aggregatedClasses("span")(blockName, "text");
+const DSLabel = ({
+  children,
+  label,
+  htmlFor,
+  required,
+  optional,
+  truncateText = true,
+  isGroup = false
+}) => {
+  const Tag = isGroup ? "legend" : "label";
+  return /* @__PURE__ */ React2.createElement(Tag, {
+    className: `${blockName}${isGroup ? ` ${blockName}--group` : ""}`,
+    htmlFor
+  }, truncateText ? /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: children || label
+  }) : /* @__PURE__ */ React2.createElement(Text, null, label), /* @__PURE__ */ React2.createElement(RequiredMark, {
+    optional,
+    required
+  }));
+};
+DSLabel.propTypes = {
+  children: PropTypes.string,
+  label: PropTypes.string,
+  htmlFor: PropTypes.string,
+  required: PropTypes.bool,
+  optional: PropTypes.bool,
+  truncateText: PropTypes.bool,
+  isGroup: PropTypes.bool
+};
+var DSLabel_default = DSLabel;
+export {
+  DSLabel,
+  DSLabel_default as default
+};
+//# sourceMappingURL=DSLabel.js.map

package/dist/esm/FormItem/Label/DSLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Label/DSLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({\n  children,\n  label,\n  htmlFor,\n  required,\n  optional,\n  truncateText = true,\n  isGroup = false,\n}) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag\n      className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`}\n      htmlFor={htmlFor}\n    >\n      {truncateText ? (\n        <DSTruncatedTooltipText value={children || label} />\n      ) : (\n        <Text>{label}</Text>\n      )}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,OAAO,kBAAkB,QAAQ,WAAW;AAElD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,MACN;AACJ,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,qCAAC,KAAD;AAAA,IACE,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB;AAAA,IAC7D;AAAA,KAEC,eACC,qCAAC,wBAAD;AAAA,IAAwB,OAAO,YAAY;AAAA,OAE3C,qCAAC,MAAD,MAAO,QAET,qCAAC,cAAD;AAAA,IAAc;AAAA,IAAoB;AAAA;AAAA;AAKxC,QAAQ,YAAY;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AAAA;AAIrB,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/FormItem/Suffix/Suffix.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import styled from "styled-components";
+const Suffix = styled.div`
+  height: 2.16rem;
+  align-items: center;
+  display: flex;
+  ${(props) => {
+  if (props.label && !props.withFeedback) {
+    return `
+      padding-top: 1.2rem;
+      `;
+  }
+  if (!props.label && !props.withFeedback) {
+    return `
+      padding-top: 1rem;
+      `;
+  }
+}}
+`;
+const SuffixInputWrapper = styled.div`
+  padding-right: 0.32rem;
+  flex: 1;
+`;
+const SuffixWrapper = styled.div`
+  display: flex;
+  align-items: center;
+`;
+var Suffix_default = Suffix;
+export {
+  Suffix,
+  SuffixInputWrapper,
+  SuffixWrapper,
+  Suffix_default as default
+};
+//# sourceMappingURL=Suffix.js.map

package/dist/esm/FormItem/Suffix/Suffix.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Suffix/Suffix.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable consistent-return */\nimport styled from 'styled-components';\n\nexport const Suffix = styled.div`\n  height: 2.16rem;\n  align-items: center;\n  display: flex;\n  ${props => {\n    if (props.label && !props.withFeedback) {\n      return `\n      padding-top: 1.2rem;\n      `;\n    }\n    if (!props.label && !props.withFeedback) {\n      return `\n      padding-top: 1rem;\n      `;\n    }\n  }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n  padding-right: 0.32rem;\n  flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport default Suffix;\n"],
+  "mappings": "AAAA;ACCA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA;AAIT,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAON,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
+  "names": []
+}