@elliemae/ds-form 2.1.0 → 2.2.0-alpha.3

package/esm/Input/DSInput.js

@@ -1,81 +1,69 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import InputImpl from './InputImpl.js';
-export { default as InputAddonWrapper } from './InputAddonWrapper.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "id", "autoFocus", "disabled", "className", "clearable", "name", "maxLength", "minLength", "fluidWidth", "disableTooltip", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "leftComponent", "rightComponent", "required", "customInputType", "variant", "isShowElipsisActive"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSInput = _ref => {
-  let {
-    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 = undefined,
-    max = undefined,
-    leftComponent = null,
-    rightComponent = null,
-    required = false,
-    customInputType = null,
-    variant,
-    isShowElipsisActive = true
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(InputImpl, _objectSpread(_objectSpread({}, otherProps), {}, {
-    "aria-label": otherProps['aria-label'],
-    "aria-describedby": otherProps['aria-describedby'],
-    autoFocus: autoFocus,
-    className: "".concat(className, " ").concat(disabled ? 'input-disabled' : ''),
-    clearable: clearable,
-    containerProps: containerProps,
-    customInputType: customInputType,
-    "data-testid": otherProps['data-testid'] || 'ds-input_main-component',
-    disabled: disabled,
-    disableTooltip: disableTooltip,
-    fluidWidth: fluidWidth,
-    hasError: hasError,
-    id: id,
-    innerRef: innerRef,
-    isShowElipsisActive: isShowElipsisActive,
-    leftComponent: leftComponent,
-    max: max,
-    maxLength: maxLength,
-    min: min,
-    minLength: minLength,
-    name: name,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    required: required,
-    rightComponent: rightComponent,
-    type: type,
-    value: value,
-    variant: variant
-  }));
+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
 };
-
-export { DSInput as default };
+//# sourceMappingURL=DSInput.js.map

package/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/esm/Input/InputAddonWrapper.js

@@ -1,77 +1,40 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { Component } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'input-addon-wrapper';
-const InputWrapper = aggregatedClasses('div')(blockName);
-const InputAddon = aggregatedClasses('span')(blockName, 'addon', _ref => {
-  let {
-    left,
-    right,
-    variant,
-    hasError
-  } = _ref;
-  return {
-    left,
-    right,
-    error: hasError,
-    [variant]: variant
-  };
-});
+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() {
-    let left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    let components = arguments.length > 1 ? arguments[1] : undefined;
-    if (!components) return null;
-
+  renderAddonComponent(left = true, components) {
+    if (!components)
+      return null;
     if (Array.isArray(components)) {
-      if (!components.filter(comp => comp).length) return null;
+      if (!components.filter((comp) => comp).length)
+        return null;
     }
-
-    const {
-      containerProps,
-      hasError
-    } = this.props;
-    const classProps = left ? {
-      left: true
-    } : {
-      right: true
-    };
-    return /*#__PURE__*/jsx(InputAddon, _objectSpread(_objectSpread({
-      classProps: classProps,
-      hasError: hasError
-    }, containerProps), {}, {
-      children: components.map((component, index) => component && /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
-        key: index
-      })))
-    }));
+    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,
@@ -82,33 +45,31 @@ class InputAddonWrapper extends Component {
       variant,
       containerProps
     } = this.props;
-    const InputComponent = React.Children.only(children);
-    const {
-      hasError,
-      readOnly,
-      disabled
-    } = InputComponent.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__*/jsxs(InputWrapper, _objectSpread(_objectSpread({
-      className: className,
+    return /* @__PURE__ */ React2.createElement(InputWrapper, {
+      className,
       classProps: {
         hasError,
         readOnly,
         disabled,
         variant
       },
-      innerRef: innerRef
-    }, containerProps), {}, {
-      children: [leftAddon, InputComponent, rightAddon]
-    }));
+      innerRef,
+      ...containerProps
+    }, leftAddon, InputComponent, rightAddon);
   }
-
 }
 InputAddonWrapper.defaultProps = {
   rightComponents: [],
   leftComponents: [],
   containerProps: {}
 };
-
-export { InputAddonWrapper as default };
+var InputAddonWrapper_default = InputAddonWrapper;
+export {
+  InputAddonWrapper,
+  InputAddonWrapper_default as default
+};
+//# sourceMappingURL=InputAddonWrapper.js.map

package/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": []
+}