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

package/cjs/Input/InputAddonWrapper.js

@@ -1,84 +1,72 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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__default["default"](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 = dsClassnames.aggregatedClasses('div')(blockName);
-const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon', _ref => {
-  let {
-    left,
-    right,
-    variant,
-    hasError
-  } = _ref;
-  return {
-    left,
-    right,
-    error: hasError,
-    [variant]: variant
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var InputAddonWrapper_exports = {};
+__export(InputAddonWrapper_exports, {
+  InputAddonWrapper: () => InputAddonWrapper,
+  default: () => InputAddonWrapper_default
 });
-class InputAddonWrapper extends React.Component {
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "input-addon-wrapper";
+const InputWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const InputAddon = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "addon", ({ left, right, variant, hasError }) => ({
+  left,
+  right,
+  error: hasError,
+  [variant]: variant
+}));
+class InputAddonWrapper extends import_react.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__*/jsxRuntime.jsx(InputAddon, _objectSpread(_objectSpread({
-      classProps: classProps,
-      hasError: hasError
-    }, containerProps), {}, {
-      children: components.map((component, index) => component && /*#__PURE__*/React__default["default"].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
-        key: index
-      })))
-    }));
+    const { containerProps, hasError } = this.props;
+    const classProps = left ? { left: true } : { right: true };
+    return /* @__PURE__ */ import_react.default.createElement(InputAddon, {
+      classProps,
+      hasError,
+      ...containerProps
+    }, components.map((component, index) => component && import_react.default.cloneElement(component, { ...component.props, key: index })));
   }
-
   render() {
     const {
       className,
@@ -89,33 +77,28 @@ class InputAddonWrapper extends React.Component {
       variant,
       containerProps
     } = this.props;
-    const InputComponent = React__default["default"].Children.only(children);
-    const {
-      hasError,
-      readOnly,
-      disabled
-    } = InputComponent.props;
+    const InputComponent = import_react.default.Children.only(children);
+    const { hasError, readOnly, disabled } = InputComponent.props;
     const rightAddon = this.getRightAddon([...rightComponents]);
     const leftAddon = this.getLeftAddon([...leftComponents]);
-    return /*#__PURE__*/jsxRuntime.jsxs(InputWrapper, _objectSpread(_objectSpread({
-      className: className,
+    return /* @__PURE__ */ import_react.default.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: {}
 };
-
-module.exports = InputAddonWrapper;
+var InputAddonWrapper_default = InputAddonWrapper;
+module.exports = __toCommonJS(InputAddonWrapper_exports);
+//# sourceMappingURL=InputAddonWrapper.js.map

package/cjs/Input/InputAddonWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Input/InputAddonWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,eAAe,4CAAkB,OAAO;AAC9C,MAAM,aAAa,4CAAkB,QACnC,WACA,SACA,CAAC,EAAE,MAAM,OAAO,SAAS,eAAgB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,GACN,UAAU;AAAA;AAIf,gCAAgC,uBAAU;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,mDAAC,YAAD;AAAA,MAAY;AAAA,MAAwB;AAAA,SAAwB;AAAA,OACzD,WAAW,IACV,CAAC,WAAW,UACV,aACA,qBAAM,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,qBAAM,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,mDAAC,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": []
+}