@elliemae/ds-form 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/esm/FormItem/props.js

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
+const props = {
+  containerProps: PropTypes.object.description("props to inject to form item layout wrapper"),
+  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
+  leftLabel: PropTypes.bool.description("position label on the left"),
+  floatingLabel: PropTypes.bool.description("turn on floating label"),
+  id: PropTypes.string.description("id for form item layout"),
+  name: PropTypes.string.description("html name prop for form tags"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("form item layout element value"),
+  inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("Any input component"),
+  isShowElipsisActive: PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
+  labelComponent: PropTypes.func.description("Label component"),
+  feedbackComponent: PropTypes.func.description("feedback component to embed on form item"),
+  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("label text"),
+  hasError: PropTypes.bool.description("error state"),
+  fitContent: PropTypes.bool.description("Adds fit content css property to the main container, making the layout width adapt to the input component"),
+  validationState: PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
+  validationMessage: PropTypes.string.description("validation message"),
+  feedbackMessage: PropTypes.string.description("feedback message"),
+  readOnly: PropTypes.bool.description("read only form item"),
+  focused: PropTypes.bool.description("focused state"),
+  type: PropTypes.string.description("input type"),
+  autoFocus: PropTypes.bool.description("auto focus input"),
+  disabled: PropTypes.bool.description("disabled state"),
+  onChange: PropTypes.func.description("on change handler"),
+  onBlur: PropTypes.func.description("on blur handler"),
+  extraInputProps: PropTypes.object.description("extra input props to inject"),
+  extraContent: PropTypes.element.description("extra content"),
+  leftAddon: PropTypes.element.description("left addon for form item"),
+  rightAddon: PropTypes.element.description("right addon for form item"),
+  required: PropTypes.bool.description("add required mark"),
+  optional: PropTypes.bool.description("add optional mark"),
+  onFocus: PropTypes.func.description("on focus handler"),
+  onPaste: PropTypes.func.description("on paste handler"),
+  truncateText: PropTypes.bool.description("add truncation and ellipsis"),
+  onKeyUp: PropTypes.func.description("on key up event handler"),
+  mask: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.func
+  ]).description("mask for input mask component"),
+  useSubfix: PropTypes.string.description("add suffix to input"),
+  suffix: PropTypes.string.description("suffix for input"),
+  variant: PropTypes.oneOf([
+    FORMITEM_LAYOUT_VARIANTS.DEFAULT,
+    FORMITEM_LAYOUT_VARIANTS.FOCUS,
+    FORMITEM_LAYOUT_VARIANTS.ACTIVE,
+    FORMITEM_LAYOUT_VARIANTS.DISABLED,
+    FORMITEM_LAYOUT_VARIANTS.READ_ONLY,
+    FORMITEM_LAYOUT_VARIANTS.OPTIONAL
+  ]).description("form item layout type"),
+  withHighlight: PropTypes.bool.description("adds highlight style to the input component")
+};
+export {
+  props
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const props = {\n  /** props to inject to form item layout wrapper */\n  containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** position label on the left */\n  leftLabel: PropTypes.bool.description('position label on the left'),\n  /** turn on floating label */\n  floatingLabel: PropTypes.bool.description('turn on floating label'),\n  /** id for form item layout */\n  id: PropTypes.string.description('id for form item layout'),\n  /** html name prop for form tags */\n  name: PropTypes.string.description('html name prop for form tags'),\n  /** form item layout element value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'form item layout element value',\n  ),\n  /** Any input component */\n  inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n  /** isShowElipsisActive */\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description('Wheter to enable the ellipsis and tooltip functionality or not')\n    .defaultValue(true),\n  /** Label component  */\n  labelComponent: PropTypes.func.description('Label component'),\n  /** feedback component to embed on form item */\n  feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n  /** label text */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** add fit content to form container */\n  fitContent: PropTypes.bool.description(\n    'Adds fit content css property to the main container, making the layout width adapt to the input component',\n  ),\n  /** validation state */\n  validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n  /** validation message */\n  validationMessage: PropTypes.string.description('validation message'),\n  /** feedback message */\n  feedbackMessage: PropTypes.string.description('feedback message'),\n  /** read only form item */\n  readOnly: PropTypes.bool.description('read only form item'),\n  /** focused state */\n  focused: PropTypes.bool.description('focused state'),\n  /** input type */\n  type: PropTypes.string.description('input type'),\n  /** auto focus input */\n  autoFocus: PropTypes.bool.description('auto focus input'),\n  /** disabled state */\n  disabled: PropTypes.bool.description('disabled state'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on blur handler */\n  onBlur: PropTypes.func.description('on blur handler'),\n  /** extra input props to inject */\n  extraInputProps: PropTypes.object.description('extra input props to inject'),\n  /** extra content */\n  extraContent: PropTypes.element.description('extra content'),\n  /** left addon for form item */\n  leftAddon: PropTypes.element.description('left addon for form item'),\n  /** right addon for form item */\n  rightAddon: PropTypes.element.description('right addon for form item'),\n  /** add required mark */\n  required: PropTypes.bool.description('add required mark'),\n  /** add optional mark */\n  optional: PropTypes.bool.description('add optional mark'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** on paste handler */\n  onPaste: PropTypes.func.description('on paste handler'),\n  /** add truncation and ellipsis */\n  truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n  /** on key up event handler */\n  onKeyUp: PropTypes.func.description('on key up event handler'),\n  /** mask for input mask component */\n  mask: PropTypes.oneOfType([\n    // PropTypes.oneOf(maskTypes),\n    PropTypes.string,\n    PropTypes.func,\n  ]).description('mask for input mask component'),\n  /** add suffix to input */\n  useSubfix: PropTypes.string.description('add suffix to input'),\n  /** suffix for input */\n  suffix: PropTypes.string.description('suffix for input'),\n  /** form item layout type */\n  variant: PropTypes.oneOf([\n    FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n    FORMITEM_LAYOUT_VARIANTS.FOCUS,\n    FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n    FORMITEM_LAYOUT_VARIANTS.DISABLED,\n    FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n    FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n  ]).description('form item layout type'),\n  withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,gBAAgB,UAAU,KACvB,YAAY,2DACZ,aAAa;AAAA,EAEhB,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,IAAI,UAAU,OAAO,YAAY;AAAA,EAEjC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF;AAAA,EAGF,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,UAAU,YAAY;AAAA,EAGrF,qBAAqB,UAAU,KAC5B,YAAY,kEACZ,aAAa;AAAA,EAEhB,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAE3C,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAE9C,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAAY;AAAA,EAElF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,YAAY,UAAU,KAAK,YACzB;AAAA,EAGF,iBAAiB,UAAU,MAAM,CAAC,WAAW,SAAS,YAAY,YAAY;AAAA,EAE9E,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAEhD,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAE9C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAE9C,cAAc,UAAU,QAAQ,YAAY;AAAA,EAE5C,WAAW,UAAU,QAAQ,YAAY;AAAA,EAEzC,YAAY,UAAU,QAAQ,YAAY;AAAA,EAE1C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,UAAU;AAAA,IAExB,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,SAAS,UAAU,MAAM;AAAA,IACvB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,KACxB,YAAY;AAAA,EACf,eAAe,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/FormItem/variants.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const FORMITEM_LAYOUT_VARIANTS = {
+  DEFAULT: "variant-default",
+  FOCUS: "variant-focus",
+  ACTIVE: "variant-active",
+  DISABLED: "variant-disabled",
+  READ_ONLY: "variant-read-only",
+  OPTIONAL: "variant-optional"
+};
+export {
+  FORMITEM_LAYOUT_VARIANTS
+};
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/variants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FORMITEM_LAYOUT_VARIANTS = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  READ_ONLY: 'variant-read-only',\n  OPTIONAL: 'variant-optional',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/Input/DSInput.js

@@ -0,0 +1,69 @@
+import * as React from "react";
+import React2 from "react";
+import { InputImpl } from "./InputImpl";
+import { InputAddonWrapper } from "./InputAddonWrapper";
+const DSInput = ({
+  containerProps = {},
+  id,
+  autoFocus = false,
+  disabled = false,
+  className = "",
+  clearable = false,
+  name = "",
+  maxLength = 255,
+  minLength = 0,
+  fluidWidth = false,
+  disableTooltip = true,
+  placeholder,
+  value = "",
+  hasError = false,
+  readOnly = false,
+  innerRef = null,
+  type = "text",
+  min = void 0,
+  max = void 0,
+  leftComponent = null,
+  rightComponent = null,
+  required = false,
+  customInputType = null,
+  variant,
+  isShowElipsisActive = true,
+  ...otherProps
+}) => /* @__PURE__ */ React2.createElement(InputImpl, {
+  ...otherProps,
+  "aria-label": otherProps["aria-label"],
+  "aria-describedby": otherProps["aria-describedby"],
+  autoFocus,
+  className: `${className} ${disabled ? "input-disabled" : ""}`,
+  clearable,
+  containerProps,
+  customInputType,
+  "data-testid": otherProps["data-testid"] || "ds-input_main-component",
+  disabled,
+  disableTooltip,
+  fluidWidth,
+  hasError,
+  id,
+  innerRef,
+  isShowElipsisActive,
+  leftComponent,
+  max,
+  maxLength,
+  min,
+  minLength,
+  name,
+  placeholder,
+  readOnly,
+  required,
+  rightComponent,
+  type,
+  value,
+  variant
+});
+var DSInput_default = DSInput;
+export {
+  DSInput,
+  InputAddonWrapper,
+  DSInput_default as default
+};
+//# sourceMappingURL=DSInput.js.map

package/dist/esm/Input/DSInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/DSInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { InputImpl } from './InputImpl';\nimport { InputAddonWrapper } from './InputAddonWrapper';\n\ninterface DSInputProps {\n  containerProps?: Record<any, unknown>;\n  id?: string;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  className?: string;\n  clearable?: boolean;\n  name?: string;\n  maxLength?: number;\n  minLength?: number;\n  fluidWidth?: boolean;\n  disableTooltip?: boolean;\n  placeholder?: string;\n  value?: string | number;\n  hasError?: boolean;\n  readOnly?: boolean;\n  innerRef?: React.RefObject<unknown>;\n  type?: string;\n  min?: number;\n  max?: number;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  required?: boolean;\n  customInputType?: React.Component;\n  variant?: string;\n  isShowElipsisActive?: boolean;\n}\n\nconst DSInput = ({\n  containerProps = {},\n  id,\n  autoFocus = false,\n  disabled = false,\n  className = '',\n  clearable = false,\n  name = '',\n  maxLength = 255,\n  minLength = 0,\n  fluidWidth = false,\n  disableTooltip = true,\n  placeholder,\n  value = '',\n  hasError = false,\n  readOnly = false,\n  innerRef = null,\n  type = 'text',\n  min = undefined,\n  max = undefined,\n  leftComponent = null,\n  rightComponent = null,\n  required = false,\n  customInputType = null,\n  variant,\n  isShowElipsisActive = true,\n  ...otherProps\n}: DSInputProps) => (\n  <InputImpl\n    {...otherProps}\n    aria-label={otherProps['aria-label']}\n    aria-describedby={otherProps['aria-describedby']}\n    autoFocus={autoFocus}\n    className={`${className} ${disabled ? 'input-disabled' : ''}`}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={customInputType}\n    data-testid={otherProps['data-testid'] || 'ds-input_main-component'}\n    disabled={disabled}\n    disableTooltip={disableTooltip}\n    fluidWidth={fluidWidth}\n    hasError={hasError}\n    id={id}\n    innerRef={innerRef}\n    isShowElipsisActive={isShowElipsisActive}\n    leftComponent={leftComponent}\n    max={max}\n    maxLength={maxLength}\n    min={min}\n    minLength={minLength}\n    name={name}\n    placeholder={placeholder}\n    readOnly={readOnly}\n    required={required}\n    rightComponent={rightComponent}\n    type={type}\n    value={value}\n    variant={variant}\n  />\n);\n\nexport { DSInput, InputAddonWrapper };\n\nexport default DSInput;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AA8BA,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AAAA,EACA,sBAAsB;AAAA,KACnB;AAAA,MAEH,qCAAC,WAAD;AAAA,KACM;AAAA,EACJ,cAAY,WAAW;AAAA,EACvB,oBAAkB,WAAW;AAAA,EAC7B;AAAA,EACA,WAAW,GAAG,aAAa,WAAW,mBAAmB;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAa,WAAW,kBAAkB;AAAA,EAC1C;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,EACA;AAAA;AAMJ,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/Input/InputAddonWrapper.js

@@ -0,0 +1,75 @@
+import * as React from "react";
+import React2, { Component } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "input-addon-wrapper";
+const InputWrapper = aggregatedClasses("div")(blockName);
+const InputAddon = aggregatedClasses("span")(blockName, "addon", ({ left, right, variant, hasError }) => ({
+  left,
+  right,
+  error: hasError,
+  [variant]: variant
+}));
+class InputAddonWrapper extends Component {
+  constructor(props) {
+    super(props);
+    this.renderAddonComponent = this.renderAddonComponent.bind(this);
+  }
+  getLeftAddon(components) {
+    return this.renderAddonComponent(true, components);
+  }
+  getRightAddon(components) {
+    return this.renderAddonComponent(false, components);
+  }
+  renderAddonComponent(left = true, components) {
+    if (!components)
+      return null;
+    if (Array.isArray(components)) {
+      if (!components.filter((comp) => comp).length)
+        return null;
+    }
+    const { containerProps, hasError } = this.props;
+    const classProps = left ? { left: true } : { right: true };
+    return /* @__PURE__ */ React2.createElement(InputAddon, {
+      classProps,
+      hasError,
+      ...containerProps
+    }, components.map((component, index) => component && React2.cloneElement(component, { ...component.props, key: index })));
+  }
+  render() {
+    const {
+      className,
+      innerRef,
+      rightComponents,
+      leftComponents,
+      children,
+      variant,
+      containerProps
+    } = this.props;
+    const InputComponent = React2.Children.only(children);
+    const { hasError, readOnly, disabled } = InputComponent.props;
+    const rightAddon = this.getRightAddon([...rightComponents]);
+    const leftAddon = this.getLeftAddon([...leftComponents]);
+    return /* @__PURE__ */ React2.createElement(InputWrapper, {
+      className,
+      classProps: {
+        hasError,
+        readOnly,
+        disabled,
+        variant
+      },
+      innerRef,
+      ...containerProps
+    }, leftAddon, InputComponent, rightAddon);
+  }
+}
+InputAddonWrapper.defaultProps = {
+  rightComponents: [],
+  leftComponents: [],
+  containerProps: {}
+};
+var InputAddonWrapper_default = InputAddonWrapper;
+export {
+  InputAddonWrapper,
+  InputAddonWrapper_default as default
+};
+//# sourceMappingURL=InputAddonWrapper.js.map

package/dist/esm/Input/InputAddonWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/InputAddonWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-addon-wrapper';\n\nconst InputWrapper = aggregatedClasses('div')(blockName);\nconst InputAddon = aggregatedClasses('span')(\n  blockName,\n  'addon',\n  ({ left, right, variant, hasError }) => ({\n    left,\n    right,\n    error: hasError,\n    [variant]: variant,\n  }),\n);\n\nclass InputAddonWrapper extends Component {\n  constructor(props) {\n    super(props);\n    this.renderAddonComponent = this.renderAddonComponent.bind(this);\n  }\n  static defaultProps = {\n    rightComponents: [],\n    leftComponents: [],\n    containerProps: {},\n  };\n\n  getLeftAddon(components) {\n    return this.renderAddonComponent(true, components);\n  }\n\n  getRightAddon(components) {\n    return this.renderAddonComponent(false, components);\n  }\n\n  renderAddonComponent(left = true, components) {\n    if (!components) return null;\n    if (Array.isArray(components)) {\n      if (!components.filter(comp => comp).length) return null;\n    }\n    const { containerProps, hasError } = this.props;\n    const classProps = left ? { left: true } : { right: true };\n\n    return (\n      <InputAddon classProps={classProps} hasError={hasError} {...containerProps}>\n        {components.map(\n          (component, index) =>\n            component &&\n            React.cloneElement(component, { ...component.props, key: index }),\n        )}\n      </InputAddon>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      innerRef,\n      rightComponents,\n      leftComponents,\n      children,\n      variant,\n      containerProps,\n    } = this.props;\n\n    const InputComponent = React.Children.only(children);\n\n    const { hasError, readOnly, disabled } = InputComponent.props;\n\n    const rightAddon = this.getRightAddon([...rightComponents]);\n    const leftAddon = this.getLeftAddon([...leftComponents]);\n    return (\n      <InputWrapper\n        className={className}\n        classProps={{\n          hasError,\n          readOnly,\n          disabled,\n          variant,\n        }}\n        innerRef={innerRef}\n        {...containerProps}\n      >\n        {leftAddon}\n        {InputComponent}\n        {rightAddon}\n      </InputWrapper>\n    );\n  }\n}\n\nexport { InputAddonWrapper };\nexport default InputAddonWrapper;"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,OAAO;AAC9C,MAAM,aAAa,kBAAkB,QACnC,WACA,SACA,CAAC,EAAE,MAAM,OAAO,SAAS,eAAgB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,GACN,UAAU;AAAA;AAIf,gCAAgC,UAAU;AAAA,EACxC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,uBAAuB,KAAK,qBAAqB,KAAK;AAAA;AAAA,EAQ7D,aAAa,YAAY;AACvB,WAAO,KAAK,qBAAqB,MAAM;AAAA;AAAA,EAGzC,cAAc,YAAY;AACxB,WAAO,KAAK,qBAAqB,OAAO;AAAA;AAAA,EAG1C,qBAAqB,OAAO,MAAM,YAAY;AAC5C,QAAI,CAAC;AAAY,aAAO;AACxB,QAAI,MAAM,QAAQ,aAAa;AAC7B,UAAI,CAAC,WAAW,OAAO,UAAQ,MAAM;AAAQ,eAAO;AAAA;AAEtD,UAAM,EAAE,gBAAgB,aAAa,KAAK;AAC1C,UAAM,aAAa,OAAO,EAAE,MAAM,SAAS,EAAE,OAAO;AAEpD,WACE,qCAAC,YAAD;AAAA,MAAY;AAAA,MAAwB;AAAA,SAAwB;AAAA,OACzD,WAAW,IACV,CAAC,WAAW,UACV,aACA,OAAM,aAAa,WAAW,KAAK,UAAU,OAAO,KAAK;AAAA;AAAA,EAMnE,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAE3C,UAAM,EAAE,UAAU,UAAU,aAAa,eAAe;AAExD,UAAM,aAAa,KAAK,cAAc,CAAC,GAAG;AAC1C,UAAM,YAAY,KAAK,aAAa,CAAC,GAAG;AACxC,WACE,qCAAC,cAAD;AAAA,MACE;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAEF;AAAA,SACI;AAAA,OAEH,WACA,gBACA;AAAA;AAAA;AAhEA,AALT,kBAKS,eAAe;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA;AAoEpB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/Input/InputImpl.js

@@ -0,0 +1,304 @@
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { omit } from "lodash";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { CloseCircle } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { DSTooltip } from "@elliemae/ds-tooltip";
+import { InputAddonWrapper } from "./InputAddonWrapper";
+const blockName = "input";
+const Input = aggregatedClasses("input")(blockName, null, ({ clearable, value }) => ({
+  clearable,
+  value
+}));
+const WrapperForTooltipInput = aggregatedClasses("div")(blockName, "tooltip-ref");
+const InputCustomWrapper = aggregatedClasses("div")(blockName, null, ({ clearable, value }) => ({
+  clearable,
+  value
+}));
+const ClearableButton = aggregatedClasses(DSButton)(blockName, "clearable");
+const getValidComponents = (component) => component;
+const noop = () => null;
+class InputImpl extends Component {
+  constructor(props) {
+    super(props);
+    this.handleOnChange = (e) => {
+      const { onChange, max } = this.props;
+      const { value } = e.target;
+      if (max && value > max)
+        return;
+      if (onChange)
+        onChange(e);
+      if (this.ref.current) {
+        this.setState({
+          isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
+        });
+      }
+    };
+    this.handleBlur = (e) => {
+      const { onBlur, onChange, min } = this.props;
+      const { value } = e.target;
+      if (min && value < min && value !== "") {
+        onChange({
+          target: {
+            value: min.toString()
+          }
+        });
+      }
+      onBlur(e);
+      this.setState({
+        active: false
+      });
+    };
+    this.handleFocus = (e) => {
+      const { onFocus } = this.props;
+      onFocus(e);
+      this.setState({
+        active: true
+      });
+    };
+    this.handleMouseEnter = () => {
+      if (!this.state.showTooltip) {
+        this.setState({
+          showTooltip: true
+        });
+      }
+    };
+    this.handleMouseLeave = () => {
+      if (this.state.showTooltip) {
+        this.setState({
+          showTooltip: false
+        });
+      }
+    };
+    this.setWidth = () => {
+      const client = this.refTooltip.current.getBoundingClientRect();
+      this.setState({
+        width: client.width
+      });
+    };
+    this.state = {
+      width: -1,
+      isEllipsisOn: false,
+      active: false,
+      showTooltip: false
+    };
+    this.ref = React2.createRef();
+    this.refTooltip = React2.createRef();
+    this.handleClear = this.handleClear.bind(this);
+  }
+  componentDidMount() {
+    this.setWidth();
+    window.addEventListener("resize", this.setWidth);
+    this.setState({
+      isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth < this.ref.current.scrollWidth : false
+    });
+  }
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.setWidth);
+  }
+  handleClear() {
+    const { onClear, onChange, clearable } = this.props;
+    if (clearable && onClear) {
+      onClear();
+    } else {
+      onChange({ target: { value: "" } });
+    }
+    if ((this.ref || {}).current)
+      this.ref.current.focus();
+  }
+  renderClearableComponent() {
+    const { clearable, value, disabled } = this.props;
+    if (disabled)
+      return null;
+    return clearable && value ? /* @__PURE__ */ React2.createElement(ClearableButton, {
+      buttonType: "text",
+      "data-testid": "ds-input_clearable-btn",
+      disabled,
+      icon: /* @__PURE__ */ React2.createElement(CloseCircle, null),
+      onClick: this.handleClear
+    }) : null;
+  }
+  render() {
+    const {
+      role,
+      id,
+      isShowElipsisActive,
+      autoFocus,
+      className,
+      name,
+      innerRef,
+      maxLength,
+      minLength,
+      placeholder,
+      leftComponent,
+      rightComponent,
+      disableTooltip,
+      readOnly,
+      disabled,
+      value,
+      onClick,
+      onChange,
+      onKeyDown,
+      onKeyUp,
+      onFocus,
+      onBlur,
+      onPaste,
+      required,
+      type,
+      customInputType,
+      min,
+      max,
+      clearable,
+      onMouseLeave,
+      onMouseOut,
+      style,
+      containerProps,
+      tabIndex,
+      hasError,
+      ...rest
+    } = this.props;
+    const { width, active, showTooltip, isEllipsisOn } = this.state;
+    const rightComponents = [this.renderClearableComponent(), rightComponent].filter(getValidComponents);
+    const leftComponents = [leftComponent].filter(getValidComponents);
+    const inputProps = {
+      "aria-label": rest["aria-label"],
+      "aria-invalid": rest["aria-invalid"],
+      "aria-placeholder": placeholder,
+      "aria-required": required,
+      "aria-multiline": false,
+      "aria-autocomplete": "none",
+      "data-testid": rest["data-testid"],
+      "aria-describedby": rest["aria-describedby"],
+      role,
+      id,
+      innerRef: (_ref) => {
+        this.ref = { current: _ref };
+        if (innerRef) {
+          if (typeof innerRef === "function")
+            innerRef(_ref);
+          else
+            innerRef.current = _ref;
+        }
+      },
+      className,
+      autoFocus,
+      disabled: disabled || readOnly,
+      maxLength,
+      minLength,
+      name,
+      onBlur,
+      onChange,
+      onClick,
+      onFocus,
+      onKeyDown,
+      onKeyUp,
+      onPaste,
+      onMouseLeave,
+      disableTooltip,
+      onMouseOut,
+      placeholder,
+      required,
+      type,
+      value,
+      min,
+      max,
+      style,
+      tabIndex,
+      ...containerProps
+    };
+    let InputComponent = /* @__PURE__ */ React2.createElement(WrapperForTooltipInput, {
+      ref: this.refTooltip,
+      style: { width: "100%" }
+    }, !customInputType ? /* @__PURE__ */ React2.createElement(Input, {
+      ...omit(inputProps, ["disableTooltip"]),
+      autoComplete: "off",
+      clearable: `${clearable}`,
+      onChange: this.handleOnChange,
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      onMouseOver: this.handleMouseEnter,
+      onMouseOut: this.handleMouseLeave,
+      value
+    }) : /* @__PURE__ */ React2.createElement(InputCustomWrapper, {
+      className,
+      ...containerProps,
+      clearable,
+      value
+    }, customInputType({
+      ...inputProps
+    })));
+    if (isShowElipsisActive) {
+      InputComponent = /* @__PURE__ */ React2.createElement(DSTooltip, {
+        isOpen: !disableTooltip && isEllipsisOn && !active && showTooltip && width,
+        title: String(value),
+        zIndex: 11,
+        triggerComponent: /* @__PURE__ */ React2.createElement(WrapperForTooltipInput, {
+          style: { width: "100%" }
+        }, InputComponent)
+      });
+    }
+    const renderInput = rightComponents.length || leftComponents.length || clearable ? /* @__PURE__ */ React2.createElement(InputAddonWrapper, {
+      className,
+      leftComponents,
+      rightComponents,
+      hasError,
+      ...containerProps
+    }, InputComponent) : InputComponent;
+    return renderInput;
+  }
+}
+InputImpl.defaultProps = {
+  onBlur: noop,
+  onFocus: noop
+};
+const propTypes = {
+  className: PropTypes.string,
+  customInputType: PropTypes.func,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  isShowElipsisActive: PropTypes.bool,
+  max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  name: PropTypes.string,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseOut: PropTypes.func,
+  onPaste: PropTypes.func,
+  onClear: PropTypes.func,
+  placeholder: PropTypes.string,
+  required: PropTypes.bool,
+  role: PropTypes.string,
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
+  maxLength: PropTypes.number,
+  minLength: PropTypes.number,
+  leftComponent: PropTypes.element,
+  rightComponent: PropTypes.element,
+  hasError: PropTypes.bool,
+  disableTooltip: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  disabled: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  type: PropTypes.string,
+  clearable: PropTypes.bool,
+  containerProps: PropTypes.object,
+  style: PropTypes.object,
+  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  value(props, propName, componentName) {
+    if (!!props.isShowElipsisActive && typeof props[propName] !== "string") {
+      return new Error(`Invalid prop \`${propName}\` of type \`${typeof props[propName]}\` supplied to \`${componentName}\`. Prop \`value\` should be of type \`string\` if prop \`isShowElipsisActive\` is set to \`true\`. Either set \`isShowElipsisActive\` to \`false\`, or properly format your \`value\` prop to \`string\`.`);
+    }
+  }
+};
+InputImpl.propTypes = propTypes;
+var InputImpl_default = InputImpl;
+export {
+  InputImpl,
+  InputImpl_default as default
+};
+//# sourceMappingURL=InputImpl.js.map

package/dist/esm/Input/InputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/InputImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CloseCircle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { InputAddonWrapper } from './InputAddonWrapper';\n\nconst blockName = 'input';\nconst Input = aggregatedClasses('input')(blockName, null, ({ clearable, value }) => ({\n  clearable,\n  value,\n}));\nconst WrapperForTooltipInput = aggregatedClasses('div')(blockName, 'tooltip-ref');\nconst InputCustomWrapper = aggregatedClasses('div')(blockName, null, ({ clearable, value }) => ({\n  clearable,\n  value,\n}));\nconst ClearableButton = aggregatedClasses(DSButton)(blockName, 'clearable');\n\nconst getValidComponents = (component) => component;\n\nconst noop = () => null;\ninterface InputImplStateT {\n  width: number;\n  active: boolean;\n  showTooltip: boolean;\n  isEllipsisOn: boolean;\n}\nclass InputImpl extends Component<InputImplPropsT, InputImplStateT> {\n  ref: React.RefObject<HTMLElement>;\n\n  refTooltip: React.RefObject<HTMLElement>;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      width: -1,\n      isEllipsisOn: false,\n      active: false,\n      showTooltip: false,\n    };\n    this.ref = React.createRef();\n    this.refTooltip = React.createRef();\n    this.handleClear = this.handleClear.bind(this);\n  }\n\n  componentDidMount() {\n    this.setWidth();\n    window.addEventListener('resize', this.setWidth);\n    this.setState({\n      isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth < this.ref.current.scrollWidth : false,\n    });\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.setWidth);\n  }\n\n  handleOnChange = (e) => {\n    const { onChange, max } = this.props;\n    const { value } = e.target;\n    if (max && value > max) return;\n    if (onChange) onChange(e);\n    if (this.ref.current) {\n      this.setState({\n        isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth,\n      });\n    }\n  };\n\n  handleBlur = (e) => {\n    const { onBlur, onChange, min } = this.props;\n    const { value } = e.target;\n    if (min && value < min && value !== '') {\n      onChange({\n        target: {\n          value: min.toString(),\n        },\n      });\n    }\n    onBlur(e);\n    this.setState({\n      active: false,\n    });\n  };\n\n  handleFocus = (e) => {\n    const { onFocus } = this.props;\n    onFocus(e);\n    this.setState({\n      active: true,\n    });\n  };\n\n  handleMouseEnter = () => {\n    if (!this.state.showTooltip) {\n      this.setState({\n        showTooltip: true,\n      });\n    }\n  };\n\n  handleMouseLeave = () => {\n    if (this.state.showTooltip) {\n      this.setState({\n        showTooltip: false,\n      });\n    }\n  };\n\n  setWidth = () => {\n    const client = this.refTooltip.current.getBoundingClientRect();\n    this.setState({\n      width: client.width,\n    });\n  };\n\n  handleClear() {\n    const { onClear, onChange, clearable } = this.props;\n    if (clearable && onClear) {\n      onClear();\n    } else {\n      onChange({ target: { value: '' } });\n    }\n\n    if ((this.ref || {}).current) this.ref.current.focus();\n  }\n\n  renderClearableComponent() {\n    const { clearable, value, disabled } = this.props;\n    if (disabled) return null;\n    return clearable && value ? (\n      <ClearableButton\n        buttonType=\"text\"\n        data-testid=\"ds-input_clearable-btn\"\n        disabled={disabled}\n        icon={<CloseCircle />}\n        onClick={this.handleClear}\n      />\n    ) : null;\n  }\n\n  render() {\n    const {\n      role,\n      id,\n      isShowElipsisActive,\n      autoFocus,\n      className,\n      name,\n      innerRef,\n      maxLength,\n      minLength,\n      placeholder,\n      leftComponent,\n      rightComponent,\n      disableTooltip,\n      readOnly,\n      disabled,\n      value,\n      onClick,\n      onChange,\n      onKeyDown,\n      onKeyUp,\n      onFocus,\n      onBlur,\n      onPaste,\n      required,\n      type,\n      customInputType,\n      min,\n      max,\n      clearable,\n      onMouseLeave,\n      onMouseOut,\n      style,\n      containerProps,\n      tabIndex,\n      hasError,\n      ...rest\n    } = this.props;\n    const { width, active, showTooltip, isEllipsisOn } = this.state;\n    const rightComponents = [this.renderClearableComponent(), rightComponent].filter(getValidComponents);\n    const leftComponents = [leftComponent].filter(getValidComponents);\n\n    const inputProps = {\n      'aria-label': rest['aria-label'],\n      'aria-invalid': rest['aria-invalid'],\n      'aria-placeholder': placeholder,\n      'aria-required': required,\n      'aria-multiline': false,\n      'aria-autocomplete': 'none',\n      'data-testid': rest['data-testid'],\n      'aria-describedby': rest['aria-describedby'],\n      role,\n      id,\n      innerRef: (_ref) => {\n        this.ref = { current: _ref };\n        if (innerRef) {\n          if (typeof innerRef === 'function') innerRef(_ref);\n          else innerRef.current = _ref;\n        }\n      },\n      className,\n      autoFocus,\n      disabled: disabled || readOnly,\n      maxLength,\n      minLength,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      onPaste,\n      onMouseLeave,\n      disableTooltip,\n      onMouseOut,\n      placeholder,\n      required,\n      type,\n      value,\n      min,\n      max,\n      style,\n      tabIndex,\n      ...containerProps,\n    };\n\n    let InputComponent = (\n      <WrapperForTooltipInput ref={this.refTooltip} style={{ width: '100%' }}>\n        {!customInputType ? (\n          <Input\n            {...omit(inputProps, ['disableTooltip'])}\n            autoComplete=\"off\"\n            clearable={`${clearable}`}\n            onChange={this.handleOnChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)\n            // https://github.com/facebook/react/issues/4251\n            onMouseOver={this.handleMouseEnter}\n            // using mouseOut instead of mouseLeave (doesn't trigger on disabled inputs)\n            // https://github.com/facebook/react/issues/4251\n            onMouseOut={this.handleMouseLeave}\n            value={value}\n          />\n        ) : (\n          <InputCustomWrapper className={className} {...containerProps} clearable={clearable} value={value}>\n            {customInputType({\n              ...inputProps,\n            })}\n          </InputCustomWrapper>\n        )}\n      </WrapperForTooltipInput>\n    );\n    if (isShowElipsisActive) {\n      InputComponent = (\n        <DSTooltip\n          isOpen={!disableTooltip && isEllipsisOn && !active && showTooltip && width}\n          title={String(value)}\n          zIndex={11}\n          triggerComponent={<WrapperForTooltipInput style={{ width: '100%' }}>{InputComponent}</WrapperForTooltipInput>}\n        />\n      );\n    }\n\n    const renderInput =\n      rightComponents.length || leftComponents.length || clearable ? (\n        <InputAddonWrapper\n          className={className}\n          leftComponents={leftComponents}\n          rightComponents={rightComponents}\n          hasError={hasError}\n          {...containerProps}\n        >\n          {InputComponent}\n        </InputAddonWrapper>\n      ) : (\n        InputComponent\n      );\n\n    return renderInput;\n  }\n}\n\nInputImpl.defaultProps = {\n  onBlur: noop,\n  onFocus: noop,\n};\nconst propTypes = {\n  className: PropTypes.string,\n  customInputType: PropTypes.func,\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  isShowElipsisActive: PropTypes.bool,\n  max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOut: PropTypes.func,\n  onPaste: PropTypes.func,\n  onClear: PropTypes.func,\n  placeholder: PropTypes.string,\n  required: PropTypes.bool,\n  role: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  hasError: PropTypes.bool,\n  disableTooltip: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  disabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  type: PropTypes.string,\n  clearable: PropTypes.bool,\n  containerProps: PropTypes.object,\n  // eslint-disable-next-line react/forbid-prop-types\n  style: PropTypes.object,\n  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  // eslint-disable-next-line jsdoc/require-returns\n  /**\n   * Should be of type string if using ellipsis tooltip [isShowElipsisActive] prop\n   *\n   * @param props\n   * @param propName\n   * @param componentName\n   */\n  // eslint-disable-next-line consistent-return\n  value(props, propName, componentName) {\n    // eslint-disable-line consistent-return\n    if (!!props.isShowElipsisActive && typeof props[propName] !== 'string') {\n      return new Error(\n        `Invalid prop \\`${propName}\\` of type \\`${typeof props[propName]}\\` supplied to` +\n          ` \\`${componentName}\\`. Prop \\`value\\` should be of type \\`string\\` if prop \\`isShowElipsisActive\\` is set to \\`true\\`.` +\n          ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.',\n      );\n    }\n  },\n};\n\ntype InputImplPropsT = PropTypes.InferProps<typeof propTypes>;\nInputImpl.propTypes = propTypes;\n\nexport { InputImpl };\nexport default InputImpl;\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,QAAQ,kBAAkB,SAAS,WAAW,MAAM,CAAC,EAAE,WAAW,YAAa;AAAA,EACnF;AAAA,EACA;AAAA;AAEF,MAAM,yBAAyB,kBAAkB,OAAO,WAAW;AACnE,MAAM,qBAAqB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,WAAW,YAAa;AAAA,EAC9F;AAAA,EACA;AAAA;AAEF,MAAM,kBAAkB,kBAAkB,UAAU,WAAW;AAE/D,MAAM,qBAAqB,CAAC,cAAc;AAE1C,MAAM,OAAO,MAAM;AAOnB,wBAAwB,UAA4C;AAAA,EAKlE,YAAY,OAAO;AACjB,UAAM;AAwBR,0BAAiB,CAAC,MAAM;AACtB,YAAM,EAAE,UAAU,QAAQ,KAAK;AAC/B,YAAM,EAAE,UAAU,EAAE;AACpB,UAAI,OAAO,QAAQ;AAAK;AACxB,UAAI;AAAU,iBAAS;AACvB,UAAI,KAAK,IAAI,SAAS;AACpB,aAAK,SAAS;AAAA,UACZ,cAAc,KAAK,IAAI,QAAQ,cAAc,KAAK,IAAI,QAAQ;AAAA;AAAA;AAAA;AAKpE,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,UAAU,QAAQ,KAAK;AACvC,YAAM,EAAE,UAAU,EAAE;AACpB,UAAI,OAAO,QAAQ,OAAO,UAAU,IAAI;AACtC,iBAAS;AAAA,UACP,QAAQ;AAAA,YACN,OAAO,IAAI;AAAA;AAAA;AAAA;AAIjB,aAAO;AACP,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA;AAAA;AAIZ,uBAAc,CAAC,MAAM;AACnB,YAAM,EAAE,YAAY,KAAK;AACzB,cAAQ;AACR,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA;AAAA;AAIZ,4BAAmB,MAAM;AACvB,UAAI,CAAC,KAAK,MAAM,aAAa;AAC3B,aAAK,SAAS;AAAA,UACZ,aAAa;AAAA;AAAA;AAAA;AAKnB,4BAAmB,MAAM;AACvB,UAAI,KAAK,MAAM,aAAa;AAC1B,aAAK,SAAS;AAAA,UACZ,aAAa;AAAA;AAAA;AAAA;AAKnB,oBAAW,MAAM;AACf,YAAM,SAAS,KAAK,WAAW,QAAQ;AACvC,WAAK,SAAS;AAAA,QACZ,OAAO,OAAO;AAAA;AAAA;AA9EhB,SAAK,QAAQ;AAAA,MACX,OAAO;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,aAAa;AAAA;AAEf,SAAK,MAAM,OAAM;AACjB,SAAK,aAAa,OAAM;AACxB,SAAK,cAAc,KAAK,YAAY,KAAK;AAAA;AAAA,EAG3C,oBAAoB;AAClB,SAAK;AACL,WAAO,iBAAiB,UAAU,KAAK;AACvC,SAAK,SAAS;AAAA,MACZ,cAAc,KAAK,IAAI,UAAU,KAAK,IAAI,QAAQ,cAAc,KAAK,IAAI,QAAQ,cAAc;AAAA;AAAA;AAAA,EAInG,uBAAuB;AACrB,WAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,EA8D5C,cAAc;AACZ,UAAM,EAAE,SAAS,UAAU,cAAc,KAAK;AAC9C,QAAI,aAAa,SAAS;AACxB;AAAA,WACK;AACL,eAAS,EAAE,QAAQ,EAAE,OAAO;AAAA;AAG9B,QAAK,MAAK,OAAO,IAAI;AAAS,WAAK,IAAI,QAAQ;AAAA;AAAA,EAGjD,2BAA2B;AACzB,UAAM,EAAE,WAAW,OAAO,aAAa,KAAK;AAC5C,QAAI;AAAU,aAAO;AACrB,WAAO,aAAa,QAClB,qCAAC,iBAAD;AAAA,MACE,YAAW;AAAA,MACX,eAAY;AAAA,MACZ;AAAA,MACA,MAAM,qCAAC,aAAD;AAAA,MACN,SAAS,KAAK;AAAA,SAEd;AAAA;AAAA,EAGN,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA,QACD,KAAK;AACT,UAAM,EAAE,OAAO,QAAQ,aAAa,iBAAiB,KAAK;AAC1D,UAAM,kBAAkB,CAAC,KAAK,4BAA4B,gBAAgB,OAAO;AACjF,UAAM,iBAAiB,CAAC,eAAe,OAAO;AAE9C,UAAM,aAAa;AAAA,MACjB,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA,MACrB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,qBAAqB;AAAA,MACrB,eAAe,KAAK;AAAA,MACpB,oBAAoB,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,aAAK,MAAM,EAAE,SAAS;AACtB,YAAI,UAAU;AACZ,cAAI,OAAO,aAAa;AAAY,qBAAS;AAAA;AACxC,qBAAS,UAAU;AAAA;AAAA;AAAA,MAG5B;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA;AAGL,QAAI,iBACF,qCAAC,wBAAD;AAAA,MAAwB,KAAK,KAAK;AAAA,MAAY,OAAO,EAAE,OAAO;AAAA,OAC3D,CAAC,kBACA,qCAAC,OAAD;AAAA,SACM,KAAK,YAAY,CAAC;AAAA,MACtB,cAAa;AAAA,MACb,WAAW,GAAG;AAAA,MACd,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,SAAS,KAAK;AAAA,MAGd,aAAa,KAAK;AAAA,MAGlB,YAAY,KAAK;AAAA,MACjB;AAAA,SAGF,qCAAC,oBAAD;AAAA,MAAoB;AAAA,SAA0B;AAAA,MAAgB;AAAA,MAAsB;AAAA,OACjF,gBAAgB;AAAA,SACZ;AAAA;AAMb,QAAI,qBAAqB;AACvB,uBACE,qCAAC,WAAD;AAAA,QACE,QAAQ,CAAC,kBAAkB,gBAAgB,CAAC,UAAU,eAAe;AAAA,QACrE,OAAO,OAAO;AAAA,QACd,QAAQ;AAAA,QACR,kBAAkB,qCAAC,wBAAD;AAAA,UAAwB,OAAO,EAAE,OAAO;AAAA,WAAW;AAAA;AAAA;AAK3E,UAAM,cACJ,gBAAgB,UAAU,eAAe,UAAU,YACjD,qCAAC,mBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA,OAEH,kBAGH;AAGJ,WAAO;AAAA;AAAA;AAIX,UAAU,eAAe;AAAA,EACvB,QAAQ;AAAA,EACR,SAAS;AAAA;AAEX,MAAM,YAAY;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,iBAAiB,UAAU;AAAA,EAC3B,IAAI,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EACrD,qBAAqB,UAAU;AAAA,EAC/B,KAAK,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EACtD,KAAK,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EACtD,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU;AAAA,EACzB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,gBAAgB,UAAU;AAAA,EAE1B,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAU3D,MAAM,OAAO,UAAU,eAAe;AAEpC,QAAI,CAAC,CAAC,MAAM,uBAAuB,OAAO,MAAM,cAAc,UAAU;AACtE,aAAO,IAAI,MACT,kBAAkB,wBAAwB,OAAO,MAAM,6BAC/C;AAAA;AAAA;AAAA;AAQhB,UAAU,YAAY;AAGtB,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/Input/index.js

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

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

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