@elliemae/ds-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/InputProtected/options.js

@@ -1,43 +1,15 @@
-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 options_exports = {};
-__export(options_exports, {
-  LEFT_ADDON_OPTIONS: () => LEFT_ADDON_OPTIONS,
-  RIGHT_ADDON_OPTIONS: () => RIGHT_ADDON_OPTIONS
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const LEFT_ADDON_OPTIONS = {
-  LockUnlocked: "LockUnlocked",
-  LockLocked: "LockLocked"
+  LockUnlocked: 'LockUnlocked',
+  LockLocked: 'LockLocked'
 };
 const RIGHT_ADDON_OPTIONS = {
-  VisibleView: "VisibleView",
-  InvisibleHide: "InvisibleHide"
+  VisibleView: 'VisibleView',
+  InvisibleHide: 'InvisibleHide'
 };
-module.exports = __toCommonJS(options_exports);
-//# sourceMappingURL=options.js.map
+
+exports.LEFT_ADDON_OPTIONS = LEFT_ADDON_OPTIONS;
+exports.RIGHT_ADDON_OPTIONS = RIGHT_ADDON_OPTIONS;

package/cjs/InputProtected/props.js

@@ -1,56 +1,24 @@
-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 props_exports = {};
-__export(props_exports, {
-  inputProtectedProps: () => inputProtectedProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_options = require("./options");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var options = require('./options.js');
+
 const inputProtectedProps = {
-  leftAddon: import_react_desc.PropTypes.oneOf([
-    import_options.LEFT_ADDON_OPTIONS.LockLocked,
-    import_options.LEFT_ADDON_OPTIONS.LockUnlocked
-  ]).description("left addon component to display"),
-  rightAddon: import_react_desc.PropTypes.oneOf([
-    import_options.RIGHT_ADDON_OPTIONS.VisibleView,
-    import_options.RIGHT_ADDON_OPTIONS.InvisibleHide
-  ]).description("right addon component to display").defaultValue(import_options.RIGHT_ADDON_OPTIONS.InvisibleHide),
-  onChange: import_react_desc.PropTypes.func.description("Function executed when input s value changes"),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("input s value"),
-  readOnly: import_react_desc.PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
-  mask: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string),
-    import_react_desc.PropTypes.func
-  ]).description("mask to apply"),
-  type: import_react_desc.PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
-  placeholderChar: import_react_desc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
-  * The default placeholder character is underscore, _.`)
+  leftAddon: reactDesc.PropTypes.oneOf([options.LEFT_ADDON_OPTIONS.LockLocked, options.LEFT_ADDON_OPTIONS.LockUnlocked]).description('left addon component to display'),
+  rightAddon: reactDesc.PropTypes.oneOf([options.RIGHT_ADDON_OPTIONS.VisibleView, options.RIGHT_ADDON_OPTIONS.InvisibleHide]).description('right addon component to display').defaultValue(options.RIGHT_ADDON_OPTIONS.InvisibleHide),
+  onChange: reactDesc.PropTypes.func.description('Function executed when input s value changes'),
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('input s value'),
+  readOnly: reactDesc.PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),
+  mask: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.func]).description('mask to apply'),
+  type: reactDesc.PropTypes.oneOf(['password', 'number', 'text']).description('type of input'),
+
+  /**
+   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.
+   * The default placeholder character is underscore, _.
+   */
+  placeholderChar: reactDesc.PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.")
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.inputProtectedProps = inputProtectedProps;

package/cjs/LargeInputText/DSLargeInputText.js

@@ -1,133 +1,136 @@
-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);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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 CounterArea = dsClassnames.aggregatedClasses('div')('counter', 'textarea', _ref => {
+  let {
+    limitError
+  } = _ref;
+  return {
+    'limit-error': limitError
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSLargeInputText_exports = {};
-__export(DSLargeInputText_exports, {
-  DSLargeInputText: () => DSLargeInputText,
-  DSLargeInputTextWithSchema: () => DSLargeInputTextWithSchema,
-  default: () => DSLargeInputText_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-const CounterArea = (0, import_ds_classnames.aggregatedClasses)("div")("counter", "textarea", ({ limitError }) => ({
-  "limit-error": limitError
-}));
-const DSLargeInputText = ({
-  containerProps,
-  autoFocus,
-  className,
-  disabled,
-  name,
-  id,
-  maxLength,
-  minLength,
-  placeholder,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onKeyUp,
-  onKeyDown,
-  onPaste,
-  value,
-  hasError,
-  required,
-  readOnly,
-  resize,
-  innerRef,
-  ariaLabel,
-  ariaAutocomplete,
-  role,
-  characterLimitCounter,
-  rows,
-  errorLimit,
-  tabIndex
-}) => {
-  const limitError = (0, import_react.useMemo)(() => characterLimitCounter < String(value).length && characterLimitCounter > 0, [characterLimitCounter, value]);
-  const {
-    cssClassName,
-    classNameElement,
-    classNameBlock
-  } = (0, import_ds_classnames.convertPropToCssClassName)("form-element-textarea", "text", {
-    hasError: limitError || hasError,
-    readOnly,
-    disabled
-  });
-  const handleKeyUp = (e) => {
-    onKeyUp(e);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    ...containerProps,
-    className: `${cssClassName} ${className}`
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: classNameBlock("wrapper")
-  }, /* @__PURE__ */ import_react.default.createElement("textarea", {
-    ref: innerRef,
-    "aria-autocomplete": ariaAutocomplete,
-    "aria-label": ariaLabel,
-    "aria-multiline": true,
-    "aria-placeholder": placeholder,
-    "aria-required": required,
+
+const DSLargeInputText = _ref2 => {
+  let {
+    containerProps,
     autoFocus,
-    className: classNameElement("textarea"),
-    "data-testid": "ds-large-input_main-component",
+    className,
     disabled,
+    name,
     id,
     maxLength,
     minLength,
-    name,
-    onBlur,
-    onChange,
+    placeholder,
     onClick,
+    onChange,
     onFocus,
+    onBlur,
+    onKeyUp,
     onKeyDown,
-    onKeyUp: handleKeyUp,
     onPaste,
-    placeholder,
-    role,
-    rows: String(rows),
-    style: {
-      resize
-    },
     value,
+    hasError,
+    required,
+    readOnly,
+    resize,
+    innerRef,
+    ariaLabel,
+    ariaAutocomplete,
+    role,
+    characterLimitCounter,
+    rows,
+    errorLimit,
     tabIndex
-  }))), characterLimitCounter > 0 && /* @__PURE__ */ import_react.default.createElement(CounterArea, {
-    classProps: { limitError },
-    "data-testid": "counter-area"
-  }, `${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ""}${String(value).length} / ${characterLimitCounter}`));
+  } = _ref2;
+  const limitError = React.useMemo(() => characterLimitCounter < String(value).length && characterLimitCounter > 0, [characterLimitCounter, value]);
+  const {
+    cssClassName,
+    classNameElement,
+    classNameBlock
+  } = dsClassnames.convertPropToCssClassName('form-element-textarea', 'text', {
+    hasError: limitError || hasError,
+    readOnly,
+    disabled
+  }); // auto size when user types
+
+  const handleKeyUp = e => {
+    // const { target } = e
+    onKeyUp(e); // if (e.key !== 'Enter') return
+    // target.style.cssText = 'height:auto; padding:0'
+    // target.style.cssText = `height: ${target.scrollHeight}px`
+  };
+
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName, " ").concat(className),
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        className: classNameBlock('wrapper')
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx("textarea", {
+        ref: innerRef,
+        "aria-autocomplete": ariaAutocomplete,
+        "aria-label": ariaLabel,
+        "aria-multiline": true,
+        "aria-placeholder": placeholder,
+        "aria-required": required,
+        autoFocus: autoFocus,
+        className: classNameElement('textarea'),
+        "data-testid": "ds-large-input_main-component",
+        disabled: disabled,
+        id: id,
+        maxLength: maxLength,
+        minLength: minLength,
+        name: name,
+        onBlur: onBlur,
+        onChange: onChange,
+        onClick: onClick,
+        onFocus: onFocus,
+        onKeyDown: onKeyDown,
+        onKeyUp: handleKeyUp,
+        onPaste: onPaste,
+        placeholder: placeholder,
+        role: role,
+        rows: String(rows),
+        style: {
+          resize
+        },
+        value: value,
+        tabIndex: tabIndex
+      }))
+    })), characterLimitCounter > 0 && /*#__PURE__*/_jsx__default["default"](CounterArea, {
+      classProps: {
+        limitError
+      },
+      "data-testid": "counter-area"
+    }, void 0, "".concat(limitError ? "".concat(errorLimit, " ").concat(characterLimitCounter, " characters.   ") : '').concat(String(value).length, " / ").concat(characterLimitCounter))]
+  });
 };
-DSLargeInputText.propTypes = import_props.props;
-DSLargeInputText.defaultProps = import_defaultProps.defaultProps;
-const DSLargeInputTextWithSchema = (0, import_react_desc.describe)(DSLargeInputText).description("A large input");
-DSLargeInputTextWithSchema.propTypes = import_props.props;
-var DSLargeInputText_default = DSLargeInputText;
-module.exports = __toCommonJS(DSLargeInputText_exports);
-//# sourceMappingURL=DSLargeInputText.js.map
+
+DSLargeInputText.defaultProps = defaultProps.defaultProps;
+const DSLargeInputTextWithSchema = reactDesc.describe(DSLargeInputText).description('A large input');
+DSLargeInputTextWithSchema.propTypes = props.props;
+
+exports.DSLargeInputTextWithSchema = DSLargeInputTextWithSchema;
+exports["default"] = DSLargeInputText;

package/cjs/LargeInputText/defaultProps.js

@@ -1,45 +1,17 @@
-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 defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const defaultProps = {
   containerProps: {},
   autoFocus: false,
-  className: "",
+  className: '',
   disabled: false,
-  name: "",
+  name: '',
   id: null,
   maxLength: null,
   minLength: 0,
-  placeholder: "",
+  placeholder: '',
   onClick: () => null,
   onChange: () => null,
   onFocus: () => null,
@@ -47,19 +19,19 @@ const defaultProps = {
   onKeyUp: () => null,
   onKeyDown: () => null,
   onPaste: () => null,
-  value: "",
+  value: '',
   hasError: false,
   required: false,
   readOnly: false,
-  resize: "vertical",
+  resize: 'vertical',
   innerRef: null,
-  ariaLabel: "Enter text",
-  ariaAutocomplete: "none",
-  role: "textbox",
+  ariaLabel: 'Enter text',
+  ariaAutocomplete: 'none',
+  role: 'textbox',
   characterLimitCounter: 0,
   rows: 3,
-  errorLimit: "Please limit your entry to",
-  tabIndex: ""
+  errorLimit: 'Please limit your entry to',
+  tabIndex: ''
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/LargeInputText/index.js

@@ -1,37 +1,10 @@
-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 LargeInputText_exports = {};
-__export(LargeInputText_exports, {
-  DSLargeInputText: () => import_DSLargeInputText.DSLargeInputText,
-  DSLargeInputTextWithSchema: () => import_DSLargeInputText.DSLargeInputTextWithSchema,
-  default: () => import_DSLargeInputText.default
-});
-var React = __toESM(require("react"));
-var import_DSLargeInputText = require("./DSLargeInputText");
-module.exports = __toCommonJS(LargeInputText_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSLargeInputText = require('./DSLargeInputText.js');
+
+
+
+exports.DSLargeInputTextWithSchema = DSLargeInputText.DSLargeInputTextWithSchema;
+exports["default"] = DSLargeInputText["default"];