@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/InputMask/props.js

@@ -1,46 +1,146 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const inputProps = {
-  autoFocus: PropTypes.bool.description("Should component focus automatically"),
-  style: PropTypes.object.description("Set style for the input mask"),
-  disabled: PropTypes.bool.description("Whether the input mask is disabled or not"),
-  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
-  className: PropTypes.string.description("css class"),
-  name: PropTypes.string.description("html name prop for form"),
-  maxLength: PropTypes.number.description("Max length for the input mask"),
-  minLength: PropTypes.number.description("Min length for the input mask"),
-  fluidWidth: PropTypes.bool.description("Whether to make the content of the input mask fit the container or not"),
-  isShowElipsisActive: PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
-  placeholder: PropTypes.node.description("Component that works as placeholder"),
-  onKeyDown: PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
-  onClick: PropTypes.func.description("Allows a function that is triggered once the input mask is clicked"),
-  onChange: PropTypes.func.description("Allows a function that is triggered once the input mask changes"),
-  onFocus: PropTypes.func.description("Allows a function that is triggered once the input mask is focused"),
-  onBlur: PropTypes.func.description("Allows a function that is triggered once the input mask loses focus"),
-  onPaste: PropTypes.func.description("Allows a function that is triggered once the input mask is pasted"),
-  onKeyUp: PropTypes.func.description("Allows a function that is triggered once in the input mask a keyboard key is released"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  hasError: PropTypes.bool.description("Whether the input mask has error or not"),
-  readOnly: PropTypes.bool.description("Whether the input mask is read only or not"),
-  innerRef: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.shape({ current: PropTypes.any })
-  ]).description("Whether the input mask is read only or not"),
+  /** Should component focus automatically */
+  autoFocus: PropTypes.bool.description('Should component focus automatically'),
+
+  /**
+   * Set style for the input mask
+   */
+  style: PropTypes.object.description('Set style for the input mask'),
+
+  /**
+   * Whether the input mask is disabled or not
+   */
+  disabled: PropTypes.bool.description('Whether the input mask is disabled or not'),
+
+  /** disableTooltip */
+  disableTooltip: PropTypes.bool.description('Whether to show a tooltip or not when text does not fit').defaultValue(true),
+
+  /** css class */
+  className: PropTypes.string.description('css class'),
+
+  /** html name prop for form */
+  name: PropTypes.string.description('html name prop for form'),
+
+  /**
+   * Max length for the input mask
+   */
+  maxLength: PropTypes.number.description('Max length for the input mask'),
+
+  /**
+   * Min length for the input mask
+   */
+  minLength: PropTypes.number.description('Min length for the input mask'),
+
+  /**
+   * Whether to make the content of the input mask fit the container or not
+   */
+  fluidWidth: PropTypes.bool.description('Whether to make the content of the input mask fit the container or not'),
+
+  /** isShowElipsisActive */
+  isShowElipsisActive: PropTypes.bool.description('Wheter to enable the ellipsis and tooltip functionality or not').defaultValue(true),
+
+  /**
+   * Component that works as placeholder
+   */
+  placeholder: PropTypes.node.description('Component that works as placeholder'),
+
+  /**
+   * Allows a function that is triggered once a key is being pressed
+   */
+  onKeyDown: PropTypes.func.description('Allows a function that is triggered once a key is being pressed'),
+
+  /**
+   * Allows a function that is triggered once the input mask is clicked
+   */
+  onClick: PropTypes.func.description('Allows a function that is triggered once the input mask is clicked'),
+
+  /**
+   * Allows a function that is triggered once the input mask changes
+   */
+  onChange: PropTypes.func.description('Allows a function that is triggered once the input mask changes'),
+
+  /**
+   * Allows a function that is triggered once the input mask is focused
+   */
+  onFocus: PropTypes.func.description('Allows a function that is triggered once the input mask is focused'),
+
+  /**
+   * Allows a function that is triggered once the input mask loses focus
+   */
+  onBlur: PropTypes.func.description('Allows a function that is triggered once the input mask loses focus'),
+
+  /**
+   * Allows a function that is triggered once the input mask is pasted
+   */
+  onPaste: PropTypes.func.description('Allows a function that is triggered once the input mask is pasted'),
+
+  /**
+   * Allows a function that is triggered once in the input mask a keyboard key is released
+   */
+  onKeyUp: PropTypes.func.description('Allows a function that is triggered once in the input mask a keyboard key is released'),
+
+  /**
+   * Default value once the component is initialized
+   */
+  value: PropTypes.string.description('Default value once the component is initialized'),
+
+  /**
+   * Whether the input mask has error or not
+   */
+  hasError: PropTypes.bool.description('Whether the input mask has error or not'),
+
+  /**
+   * Whether the input mask is read only or not
+   */
+  readOnly: PropTypes.bool.description('Whether the input mask is read only or not'),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('Whether the input mask is read only or not'),
+
+  /**
+   * Type of input. Ex: 'text'
+   */
   type: PropTypes.string.description("Type of input. Ex: 'text'"),
-  clearable: PropTypes.bool.description("Whether the input mask is clearable or not"),
-  leftComponent: PropTypes.node.description("Component to be added at the right side of the input"),
-  rightComponent: PropTypes.node.description("Component to be added at the right side of the input"),
-  mask: PropTypes.oneOfType([
-    PropTypes.array,
-    PropTypes.string,
-    PropTypes.func
-  ]).description("Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']"),
-  pipe: PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
-  useSubfix: PropTypes.string.description("Put a sufix after the input mask"),
-  placeholderChar: PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
- The default placeholder character is underscore, _.`).defaultValue("_")
+
+  /**
+   * Whether the input mask is clearable or not
+   */
+  clearable: PropTypes.bool.description('Whether the input mask is clearable or not'),
+
+  /**
+   * Component to be added at the right side of the input
+   */
+  leftComponent: PropTypes.node.description('Component to be added at the right side of the input'),
+
+  /**
+   * Component to be added at the right side of the input
+   */
+  rightComponent: PropTypes.node.description('Component to be added at the right side of the input'),
+
+  /**
+   * Mask that has to match with the input information entered
+   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']
+   */
+  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.func]).description("Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']"),
+
+  /**
+    Expects pipe functions. i.e. autoCorrectedDatePipe
+    link a docu de text-mask
+   */
+  pipe: PropTypes.func.description('Expects pipe functions. i.e. autoCorrectedDatePipe'),
+
+  /**
+   * Put a sufix after the input mask
+   */
+  useSubfix: PropTypes.string.description('Put a sufix after the input mask'),
+
+  /**
+   * The placeholder character represents the fillable spot in the mask.
+   * The default placeholder character is underscore, _
+   */
+  placeholderChar: PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.").defaultValue('_')
 };
-export {
-  inputProps
-};
-//# sourceMappingURL=props.js.map
+
+export { inputProps };

package/esm/InputMask/types/index.js

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

package/esm/InputMask/utils/setCaretPosition.js

@@ -1,19 +1,15 @@
-import * as React from "react";
 const setCaretPosition = (ctrl, pos) => {
-  if (ctrl?.setSelectionRange) {
-    ctrl?.focus();
-    ctrl?.setSelectionRange(pos, pos);
-  } else if (ctrl?.createTextRange) {
-    const range = ctrl?.createTextRange();
-    range?.collapse(true);
-    range?.moveEnd("character", pos);
-    range?.moveStart("character", pos);
-    range?.select();
+  // Modern browsers
+  if (ctrl !== null && ctrl !== void 0 && ctrl.setSelectionRange) {
+    ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus();
+    ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos); // IE8 and below
+  } else if (ctrl !== null && ctrl !== void 0 && ctrl.createTextRange) {
+    const range = ctrl === null || ctrl === void 0 ? void 0 : ctrl.createTextRange();
+    range === null || range === void 0 ? void 0 : range.collapse(true);
+    range === null || range === void 0 ? void 0 : range.moveEnd('character', pos);
+    range === null || range === void 0 ? void 0 : range.moveStart('character', pos);
+    range === null || range === void 0 ? void 0 : range.select();
   }
 };
-var setCaretPosition_default = setCaretPosition;
-export {
-  setCaretPosition_default as default,
-  setCaretPosition
-};
-//# sourceMappingURL=setCaretPosition.js.map
+
+export { setCaretPosition as default };

package/esm/InputProtected/DSInputProtected.js

@@ -1,30 +1,48 @@
-import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
-import { describe } from "react-desc";
-import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { DSInputGroup } from "../InputGroup";
-import { DSInputMask } from "../InputMask";
-import { inputProtectedProps } from "./props";
-import { defaultProps } from "./defaultProps";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 { useState, useEffect, useCallback } from 'react';
+import { describe } from 'react-desc';
+import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
+import DSInputGroup from '../InputGroup/DSInputGroup.js';
+import { DSInputMask } from '../InputMask/DSInputMask.js';
+import { inputProtectedProps } from './props.js';
+import { defaultProps } from './defaultProps.js';
+import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
+
+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 ADDON_ICON_OPTIONS = {
-  LockUnlocked: /* @__PURE__ */ React2.createElement(LockUnlocked, null),
-  LockLocked: /* @__PURE__ */ React2.createElement(LockLocked, null),
-  VisibleView: /* @__PURE__ */ React2.createElement(VisibleView, null),
-  InvisibleHide: /* @__PURE__ */ React2.createElement(InvisibleHide, null)
+  LockUnlocked: /*#__PURE__*/_jsx(LockUnlocked, {}),
+  LockLocked: /*#__PURE__*/_jsx(LockLocked, {}),
+  VisibleView: /*#__PURE__*/_jsx(VisibleView, {}),
+  InvisibleHide: /*#__PURE__*/_jsx(InvisibleHide, {})
 };
-const DSInputProtected = ({
-  leftAddon,
-  rightAddon,
-  onChange,
-  value,
-  readOnly,
-  mask,
-  type,
-  placeholderChar = void 0,
-  ...rest
-}) => {
+
+const DSInputProtected = _ref => {
+  let {
+    leftAddon,
+    rightAddon,
+    onChange,
+    value,
+    readOnly,
+    mask,
+    type,
+    placeholderChar = undefined
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
   const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
   const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
@@ -39,41 +57,35 @@ const DSInputProtected = ({
   const handleRight = useCallback(() => {
     setHidden(!inputHidden);
   }, [rightAddon, inputHidden]);
-  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSInputGroup, {
-    leftAddon: left ? /* @__PURE__ */ React2.createElement(DSButton, {
-      "aria-label": `${inputLocked ? "Allow" : "Disallow"} Edition`,
+  return /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSInputGroup, {
+    leftAddon: left ? /*#__PURE__*/_jsx(DSButton, {
+      "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked],
       onClick: handleLeft
-    }) : void 0,
+    }) : undefined,
     readOnly: left ? inputLocked : readOnly,
-    rightAddon: right ? /* @__PURE__ */ React2.createElement(DSButton, {
-      "aria-label": `${inputHidden ? "Show" : "Hide"} Characters`,
+    rightAddon: right ? /*#__PURE__*/_jsx(DSButton, {
+      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide],
       onClick: handleRight,
       containerProps: {
-        "data-testid": "inputprotected-show-hide-button"
+        'data-testid': 'inputprotected-show-hide-button'
       }
-    }) : void 0
-  }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-    ...rest,
-    mask,
-    placeholderChar,
-    onChange,
+    }) : undefined
+  }, void 0, /*#__PURE__*/jsx(DSInputMask, _objectSpread(_objectSpread({}, rest), {}, {
+    mask: mask,
+    placeholderChar: placeholderChar,
+    onChange: onChange,
     readOnly: left ? inputLocked : readOnly,
-    type: right && inputHidden ? "password" : type,
-    value
-  })));
+    type: right && inputHidden ? 'password' : type,
+    value: value
+  }))));
 };
-DSInputProtected.propTypes = inputProtectedProps;
+
 DSInputProtected.defaultProps = defaultProps;
 const DSInputProtectedWithSchema = describe(DSInputProtected);
 DSInputProtectedWithSchema.propTypes = inputProtectedProps;
-var DSInputProtected_default = DSInputProtected;
-export {
-  DSInputProtected,
-  DSInputProtectedWithSchema,
-  DSInputProtected_default as default
-};
-//# sourceMappingURL=DSInputProtected.js.map
+
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default };

package/esm/InputProtected/defaultProps.js

@@ -1,10 +1,8 @@
-import * as React from "react";
-import { RIGHT_ADDON_OPTIONS } from "./options";
+import { RIGHT_ADDON_OPTIONS } from './options.js';
+
 const defaultProps = {
   rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,
-  mask: (data) => new Array(data.length).fill(/./)
+  mask: data => new Array(data.length).fill(/./)
 };
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { defaultProps };

package/esm/InputProtected/index.js

@@ -1,4 +1,2 @@
-import * as React from "react";
-export * from "./DSInputProtected";
-export * from "./options";
-//# sourceMappingURL=index.js.map
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default } from './DSInputProtected.js';
+export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';

package/esm/InputProtected/options.js

@@ -1,14 +1,10 @@
-import * as React from "react";
 const LEFT_ADDON_OPTIONS = {
-  LockUnlocked: "LockUnlocked",
-  LockLocked: "LockLocked"
+  LockUnlocked: 'LockUnlocked',
+  LockLocked: 'LockLocked'
 };
 const RIGHT_ADDON_OPTIONS = {
-  VisibleView: "VisibleView",
-  InvisibleHide: "InvisibleHide"
+  VisibleView: 'VisibleView',
+  InvisibleHide: 'InvisibleHide'
 };
-export {
-  LEFT_ADDON_OPTIONS,
-  RIGHT_ADDON_OPTIONS
-};
-//# sourceMappingURL=options.js.map
+
+export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS };

package/esm/InputProtected/props.js

@@ -1,27 +1,20 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
+import { PropTypes } from 'react-desc';
+import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
+
 const inputProtectedProps = {
-  leftAddon: PropTypes.oneOf([
-    LEFT_ADDON_OPTIONS.LockLocked,
-    LEFT_ADDON_OPTIONS.LockUnlocked
-  ]).description("left addon component to display"),
-  rightAddon: PropTypes.oneOf([
-    RIGHT_ADDON_OPTIONS.VisibleView,
-    RIGHT_ADDON_OPTIONS.InvisibleHide
-  ]).description("right addon component to display").defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),
-  onChange: PropTypes.func.description("Function executed when input s value changes"),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("input s value"),
-  readOnly: PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
-  mask: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.func
-  ]).description("mask to apply"),
-  type: PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
-  placeholderChar: PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
-  * The default placeholder character is underscore, _.`)
+  leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description('left addon component to display'),
+  rightAddon: PropTypes.oneOf([RIGHT_ADDON_OPTIONS.VisibleView, RIGHT_ADDON_OPTIONS.InvisibleHide]).description('right addon component to display').defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),
+  onChange: PropTypes.func.description('Function executed when input s value changes'),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('input s value'),
+  readOnly: PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),
+  mask: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]).description('mask to apply'),
+  type: 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: PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.")
 };
-export {
-  inputProtectedProps
-};
-//# sourceMappingURL=props.js.map
+
+export { inputProtectedProps };