@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

package/dist/esm/ExpandableInput/ExpandableInputImpl.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { Component, cloneElement } from "react";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { isFunction } from "@elliemae/ds-shared";
-import { InputAddonWrapper } from "../Input/index.js";
-const blockName = "expandable-input";
-const ExpandableInput = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
-const InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, "wrapper", ({ isOpen }) => ({ opened: isOpen }));
-class ExpandableInputImpl extends 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 = React2.Children.only(children);
-    const handleTriggerClick = (e) => {
-      if (isFunction(triggerComponent.onClick))
-        triggerComponent.onClick(e);
-      if (isOpen) {
-        onClose();
-      } else {
-        onOpen();
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      ExpandableInput,
-      {
-        ...containerProps,
-        classProps: { isOpen },
-        innerRef,
-        style: { width: isOpen && width },
-        children: /* @__PURE__ */ jsx(
-          InputWrapper,
-          {
-            rightComponents: [
-              cloneElement(triggerComponent, {
-                key: "handler",
-                onClick: handleTriggerClick
-              })
-            ],
-            children: cloneElement(InputComponent, {
-              className: "expandable-input__input",
-              innerRef: (node) => this.input = node,
-              onBlur
-            })
-          }
-        )
-      }
-    );
-  }
-}
-var ExpandableInputImpl_default = ExpandableInputImpl;
-export {
-  ExpandableInputImpl,
-  ExpandableInputImpl_default as default
-};
-//# sourceMappingURL=ExpandableInputImpl.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/ExpandableInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared';\nimport { InputAddonWrapper } from '../Input/index.js';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', ({ isOpen }) => ({ opened: isOpen }));\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 { innerRef, triggerComponent, children, width, isOpen, onOpen, onClose, onBlur, containerProps } = 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;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmCf;AAnCR,OAAOA,UAAS,WAAW,oBAAoB;AAC/C,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AACtG,MAAM,eAAe,kBAAkB,iBAAiB,EAAE,WAAW,WAAW,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEpH,MAAM,4BAA4B,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM,MAAM;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,kBAAkB,UAAU,OAAO,QAAQ,QAAQ,SAAS,QAAQ,eAAe,IAAI,KAAK;AAC9G,UAAM,iBAAiBA,OAAM,SAAS,KAAK,QAAQ;AACnD,UAAM,qBAAqB,CAAC,MAAM;AAChC,UAAI,WAAW,iBAAiB,OAAO;AAAG,yBAAiB,QAAQ,CAAC;AACpE,UAAI,QAAQ;AACV,gBAAQ;AAAA,MACV,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,YAAY,EAAE,OAAO;AAAA,QACrB;AAAA,QACA,OAAO,EAAE,OAAO,UAAU,MAAM;AAAA,QAEhC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB;AAAA,cACf,aAAa,kBAAkB;AAAA,gBAC7B,KAAK;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,YACH;AAAA,YAEC,uBAAa,gBAAgB;AAAA,cAC5B,WAAW;AAAA,cACX,UAAU,CAAC,SAAU,KAAK,QAAQ;AAAA,cAClC;AAAA,YACF,CAAC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
-  "names": ["React"]
-}

package/dist/esm/ExpandableInput/index.js

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

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

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

package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js

@@ -1,121 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { FloatingLabelInputImpl } from "./FloatingLabelInputImpl.js";
-import { DSLabel } from "../FormItem/Label/DSLabel.js";
-import { DSTextBox } from "../TextBox/index.js";
-const noop = () => {
-};
-const DSFloatingLabelInput = ({
-  containerProps = {},
-  arialLabel = "",
-  /**
-   * Gets the reference for the input controller
-   *
-   * @param {HTMLElement} node
-   */
-  innerRef = noop,
-  /**
-   * Custom className for floatingLabelInput
-   */
-  className = "",
-  /**
-   * Props injected to the input component
-   *
-   * @type Object
-   */
-  extraInputProps = {},
-  /**
-   * Input controller
-   *
-   * @type {element}
-   */
-  inputComponent = DSTextBox,
-  /**
-   * Input value
-   *
-   * @type {string}
-   */
-  value = "",
-  /**
-   * Label component
-   *
-   * @type {element}
-   */
-  labelComponent = DSLabel,
-  /**
-   * Label text
-   *
-   * @type {string | element}
-   */
-  labelText = null,
-  /**
-   * Callback when input controller has changed
-   *
-   * @param event
-   */
-  onChange = noop,
-  onBlur = noop,
-  onFocus = noop,
-  /**
-   * Whether the label is floating or not
-   *
-   * @type {boolean}
-   */
-  isOpen = false,
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  hasError = false,
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  readOnly = false,
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  disabled = false,
-  /**
-   * Whether ...
-   *
-   * @type {boolean}
-   */
-  required = false,
-  optional = false,
-  mask = null,
-  useSubfix = ""
-}) => /* @__PURE__ */ jsx(
-  FloatingLabelInputImpl,
-  {
-    arialLabel,
-    className,
-    disabled,
-    extraInputProps,
-    hasError,
-    innerRef,
-    inputComponent,
-    isOpen,
-    labelComponent,
-    labelText,
-    mask,
-    onBlur,
-    onChange,
-    onFocus,
-    optional,
-    readOnly,
-    required,
-    useSubfix,
-    value
-  }
-);
-var DSFloatingLabelInput_default = DSFloatingLabelInput;
-export {
-  DSFloatingLabelInput,
-  DSFloatingLabelInput_default as default
-};
-//# sourceMappingURL=DSFloatingLabelInput.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/DSFloatingLabelInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { FloatingLabelInputImpl } from './FloatingLabelInputImpl.js';\nimport { DSLabel } from '../FormItem/Label/DSLabel.js';\nimport { DSTextBox } from '../TextBox/index.js';\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"],
-  "mappings": "AAAA,YAAY,WAAW;AC2FrB;AA1FF,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAE1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,WAAW;AAAA;AAAA;AAAA;AAAA,EAIX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMR,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAIF,IAAO,+BAAQ;",
-  "names": []
-}

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -1,154 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-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.js";
-import { RequiredMark } from "../RequiredMark/RequiredMark.js";
-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.sizes = this.sizes.bind(this);
-    this.isOpened = this.isOpened.bind(this);
-    this.getValue = this.getValue.bind(this);
-    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__ */ jsxs(
-      Wrapper,
-      {
-        classProps: {
-          hasError,
-          isOpen,
-          readOnly,
-          disabled
-        },
-        innerRef: this.wrapperRef,
-        onBlur: () => null,
-        onFocus: () => null,
-        onMouseOut: this.handleMouseOut,
-        onMouseOver: this.handleMouseOver,
-        children: [
-          InputComponent,
-          /* @__PURE__ */ jsxs(FloatingLabel, { classProps: { isOpen }, innerRef: this.labelRef, children: [
-            /* @__PURE__ */ jsx(DSTextWrapper, { maxWidth: "100%", text: labelText }),
-            /* @__PURE__ */ jsx(RequiredMark, { optional, required })
-          ] }),
-          /* @__PURE__ */ jsx(Outline, { children: /* @__PURE__ */ jsx("svg", { children: /* @__PURE__ */ jsx(OutlinePath, { innerRef: this.outlinePathRef }) }) }),
-          /* @__PURE__ */ jsx(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

@@ -1,7 +0,0 @@
-{
-  "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.js';\nimport { RequiredMark } from '../RequiredMark/RequiredMark.js';\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.sizes = this.sizes.bind(this);\n    this.isOpened = this.isOpened.bind(this);\n    this.getValue = this.getValue.bind(this);\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": ["React"]
-}

package/dist/esm/FloatingLabelInput/getSvgPath.js

@@ -1,47 +0,0 @@
-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))) + // right vertical line
-  (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))) + // left vertical line
-  (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

@@ -1,7 +0,0 @@
-{
-  "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 ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') +\n    'v' +\n    (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + // right vertical line\n    (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') +\n    'h' +\n    (-width + 2 * cornerWidth - extraSizeForH) +\n    (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') +\n    'v' +\n    (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + // left vertical line\n    (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');\n\n  let path;\n  if (!isRtl) {\n    path =\n      '' +\n      'M' +\n      (cornerWidth + leadingStrokeLength + paddedNotchWidth) +\n      ',' +\n      0.5 +\n      'h' +\n      (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + 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,YAAY,WAAW;ACCvB,SAAS,WAAW;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,GAAG;AACD,QAAM,aAAa;AACnB,QAAM,QAAQ;AAEd,QAAM,SAAS,WAAW,WAAW;AACrC,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,EAChC;AACA,MAAI,CAAC,eAAe;AAClB,qBAAiB;AACjB,wBAAoB,SAAS;AAAA,EAC/B;AAEA,MAAK,CAAC,iBAAiB,kBAAoB,kBAAkB,eAAgB;AAC3E,uBAAmB;AAAA,EACrB;AAEA,QAAM,cAEH,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,SAAS,MACpF,OACC,UAAU,IAAI,eAAe,qBAAqB;AAAA,GAClD,iBAAiB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,SAAS,MACrF,OACC,CAAC,QAAQ,IAAI,cAAc,kBAC3B,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,CAAC,SAAS,MACrF,OACC,CAAC,UAAU,IAAI,eAAe,oBAAoB;AAAA,GAClD,gBAAgB,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,CAAC,SAAS;AAEtF,MAAI;AACJ,MAAI,CAAC,OAAO;AACV,WACE,OAEC,cAAc,sBAAsB,oBACrC,MACA,MACA,OACC,QAAQ,IAAI,cAAc,mBAAmB,sBAAsB,oBACpE,aACA,MACA;AAAA,EACJ,OAAO;AACL,WACE,OAEC,QAAQ,cAAc,uBACvB,MACA,MACA,MACA,sBACA,aACA,OACC,QAAQ,IAAI,cAAc,mBAAmB;AAAA,EAClD;AACA,SAAO;AACT;AAGA,IAAO,qBAAQ;",
-  "names": []
-}

package/dist/esm/FloatingLabelInput/index.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
-  "names": []
-}

package/dist/esm/FormItem/DSFormItemLayout.js

@@ -1,196 +0,0 @@
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { getComponentFromProps, useDeprecateComponent } from "@elliemae/ds-utilities";
-import { describe } from "@elliemae/ds-props-helpers";
-import { Group } from "@elliemae/ds-shared";
-import { DSInputGroup } from "../InputGroup/index.js";
-import { DSFloatingLabelInput } from "../FloatingLabelInput/index.js";
-import { DSError } from "./Error/DSError.js";
-import { props } from "./props.js";
-import { defaultProps } from "./defaultProps.js";
-import { FORMITEM_LAYOUT_VARIANTS } from "./variants.js";
-import { Suffix, SuffixInputWrapper, SuffixWrapper } from "./Suffix/Suffix.js";
-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,
-  // orientation = 'vertical', // one of [ vertical, horizontal ]
-  validationState,
-  // one of [ success, error, warning ]
-  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
-}) => {
-  useDeprecateComponent({ componentName: "ds-form/FormItemLayout", version: "3.x Date: 2023 Q1" });
-  const isGroup = InputComponent.type === (/* @__PURE__ */ jsx(Group, {})).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__ */ jsx(DSInputGroup, { leftAddon, rightAddon, variant, children: Input }) : Input;
-  const renderFloating = /* @__PURE__ */ jsx(
-    DSFloatingLabelInput,
-    {
-      ...inputProps,
-      extraInputProps,
-      focused,
-      inputComponent: InputComponent,
-      labelComponent: LabelComponent,
-      labelText,
-      optional,
-      required,
-      variant
-    }
-  );
-  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      LabelComponent,
-      {
-        htmlFor: id || name,
-        label: labelText,
-        optional,
-        required,
-        isGroup,
-        truncateText
-      }
-    ),
-    renderInput(getComponentFromProps(InputComponent, inputProps))
-  ] });
-  if (suffix) {
-    return /* @__PURE__ */ jsx(
-      Wrapper,
-      {
-        classProps: {
-          disabled,
-          readOnly,
-          hasError,
-          leftLabel,
-          variant,
-          fitContent,
-          withHighlight
-        },
-        ...containerProps,
-        children: /* @__PURE__ */ jsxs(SuffixWrapper, { className: "suffix-wrapper", children: [
-          /* @__PURE__ */ jsxs(SuffixInputWrapper, { className: "suffix-input-wrapper", children: [
-            /* @__PURE__ */ jsxs(WrapperContentComp, { children: [
-              InputWithLabel,
-              extraContent
-            ] }),
-            /* @__PURE__ */ jsx(
-              FeedbackComponent,
-              {
-                hasError,
-                text: validationState || hasError ? validationMessage : feedbackMessage
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Suffix,
-            {
-              className: "suffix-label",
-              label: !!labelText,
-              withFeedback: Boolean(validationMessage || feedbackMessage),
-              children: suffix
-            }
-          )
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      classProps: {
-        disabled,
-        readOnly,
-        hasError,
-        leftLabel,
-        variant,
-        fitContent,
-        withHighlight
-      },
-      ...containerProps,
-      children: [
-        /* @__PURE__ */ jsxs(WrapperContentComp, { children: [
-          InputWithLabel,
-          extraContent
-        ] }),
-        /* @__PURE__ */ jsx(FeedbackComponent, { hasError, text: validationState || hasError ? validationMessage : feedbackMessage })
-      ]
-    }
-  );
-};
-DSFormItemLayout.propTypes = props;
-DSFormItemLayout.defaultProps = defaultProps;
-DSFormItemLayout.displayName = "DSFormItemLayout";
-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