@elliemae/ds-form 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/InputMask/mask_types/DateTimeInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -33,7 +39,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['/', 2], ['/', 5], [' ', 10], [':', 13]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -41,11 +49,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -56,7 +66,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const DateTimeInputMask = _ref => {
+const DateTimeInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -89,17 +99,18 @@ const DateTimeInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/DictionaryInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -87,12 +93,13 @@ const DictionaryInputMask = _ref => {
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref2 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref2;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/NumberInputMask.js

@@ -3,6 +3,12 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/es.string.replace.js');
+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');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -21,22 +27,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
 
-const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
-  prefix,
-  suffix,
-  includeThousandsSeparator,
-  thousandsSeparatorSymbol,
-  allowDecimal,
-  decimalSymbol,
-  decimalLimit,
-  requireDecimal,
-  allowNegative,
-  allowLeadingZeroes,
-  integerLimit,
-  shouldCompleteDecimals
-}) => {
+const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
   var _decimal;
 
+  let {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    shouldCompleteDecimals
+  } = _ref;
   const prefixIndex = prevRawValue.indexOf(prefix);
   const suffixIndex = prevRawValue.lastIndexOf(suffix);
   const negativeIndex = prevRawValue.indexOf('-');
@@ -97,7 +104,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
     maskedPos += prefix.length;
 
     if (isNegative) {
-      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = `-${nextMaskedValue}`;
+      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = "-".concat(nextMaskedValue);
       maskedPos += 1;
     }
 
@@ -118,7 +125,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
   };
 };
 
-const NumberInputMask = _ref => {
+const NumberInputMask = _ref2 => {
   let {
     focus,
     setFocus,
@@ -163,18 +170,19 @@ const NumberInputMask = _ref => {
     thousandsSeparatorSymbol,
     type,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true,
-    shouldCompleteDecimals = false
-  }) => {
+  const conform = React.useCallback(_ref3 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true,
+      shouldCompleteDecimals = false
+    } = _ref3;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/PhoneInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -32,7 +38,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['(', 0], [') ', 4], ['-', 9]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -40,11 +48,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -55,7 +65,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const PhoneInputMask = _ref => {
+const PhoneInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -88,17 +98,18 @@ const PhoneInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -32,7 +38,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['+1 (', 0], [') ', 7], ['-', 12]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -40,11 +48,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -55,7 +65,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const PhoneInternationalInputMask = _ref => {
+const PhoneInternationalInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -88,17 +98,18 @@ const PhoneInternationalInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/SsnInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -28,7 +34,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['-', 3], ['-', 6]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -36,11 +44,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -51,7 +61,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const SsnInputMask = _ref => {
+const SsnInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -84,17 +94,18 @@ const SsnInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/UsZipCodeInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -70,12 +76,13 @@ const UsZipCodeInputMask = _ref => {
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref2 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref2;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -28,7 +34,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['-', 5]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -36,11 +44,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -51,7 +61,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const ZipCodeSearchInputMask = _ref => {
+const ZipCodeSearchInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -84,17 +94,18 @@ const ZipCodeSearchInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/cjs/InputMask/mask_types/index.js

@@ -2,6 +2,11 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');

package/cjs/InputMask/props.js

@@ -144,8 +144,7 @@ const inputProps = {
    * 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.
- The default placeholder character is underscore, _.`).defaultValue('_')
+  placeholderChar: reactDesc.PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.").defaultValue('_')
 };
 
 exports.inputProps = inputProps;

package/cjs/InputProtected/DSInputProtected.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 React = require('react');
 var reactDesc = require('react-desc');
-var LockUnlocked = require('@elliemae/ds-icons/LockUnlocked');
-var LockLocked = require('@elliemae/ds-icons/LockLocked');
-var VisibleView = require('@elliemae/ds-icons/VisibleView');
-var InvisibleHide = require('@elliemae/ds-icons/InvisibleHide');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var DSInputGroup = require('../InputGroup/DSInputGroup.js');
 var DSInputMask = require('../InputMask/DSInputMask.js');
@@ -24,10 +27,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var LockUnlocked__default = /*#__PURE__*/_interopDefaultLegacy(LockUnlocked);
-var LockLocked__default = /*#__PURE__*/_interopDefaultLegacy(LockLocked);
-var VisibleView__default = /*#__PURE__*/_interopDefaultLegacy(VisibleView);
-var InvisibleHide__default = /*#__PURE__*/_interopDefaultLegacy(InvisibleHide);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
@@ -36,10 +35,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const ADDON_ICON_OPTIONS = {
-  LockUnlocked: /*#__PURE__*/_jsx__default["default"](LockUnlocked__default["default"], {}),
-  LockLocked: /*#__PURE__*/_jsx__default["default"](LockLocked__default["default"], {}),
-  VisibleView: /*#__PURE__*/_jsx__default["default"](VisibleView__default["default"], {}),
-  InvisibleHide: /*#__PURE__*/_jsx__default["default"](InvisibleHide__default["default"], {})
+  LockUnlocked: /*#__PURE__*/_jsx__default["default"](dsIcons.LockUnlocked, {}),
+  LockLocked: /*#__PURE__*/_jsx__default["default"](dsIcons.LockLocked, {}),
+  VisibleView: /*#__PURE__*/_jsx__default["default"](dsIcons.VisibleView, {}),
+  InvisibleHide: /*#__PURE__*/_jsx__default["default"](dsIcons.InvisibleHide, {})
 };
 
 const DSInputProtected = _ref => {
@@ -71,14 +70,14 @@ const DSInputProtected = _ref => {
   }, [rightAddon, inputHidden]);
   return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
     leftAddon: left ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": `${inputLocked ? 'Allow' : 'Disallow'} Edition`,
+      "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? options.LEFT_ADDON_OPTIONS.LockUnlocked : options.LEFT_ADDON_OPTIONS.LockLocked],
       onClick: handleLeft
     }) : undefined,
     readOnly: left ? inputLocked : readOnly,
     rightAddon: right ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": `${inputHidden ? 'Show' : 'Hide'} Characters`,
+      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? options.RIGHT_ADDON_OPTIONS.VisibleView : options.RIGHT_ADDON_OPTIONS.InvisibleHide],
       onClick: handleRight,
@@ -97,10 +96,9 @@ const DSInputProtected = _ref => {
 };
 
 DSInputProtected.defaultProps = defaultProps.defaultProps;
-const InputProtectedWithSchema = reactDesc.describe(DSInputProtected);
-InputProtectedWithSchema.propTypes = props.inputProtectedProps;
+const DSInputProtectedWithSchema = reactDesc.describe(DSInputProtected);
+DSInputProtectedWithSchema.propTypes = props.inputProtectedProps;
 
-exports.LEFT_ADDON_OPTIONS = options.LEFT_ADDON_OPTIONS;
-exports.RIGHT_ADDON_OPTIONS = options.RIGHT_ADDON_OPTIONS;
-exports.InputProtectedWithSchema = InputProtectedWithSchema;
+exports.DSInputProtected = DSInputProtected;
+exports.DSInputProtectedWithSchema = DSInputProtectedWithSchema;
 exports["default"] = DSInputProtected;

package/cjs/InputProtected/index.js

@@ -7,7 +7,8 @@ var options = require('./options.js');
 
 
 
-exports.InputProtectedWithSchema = DSInputProtected.InputProtectedWithSchema;
-exports["default"] = DSInputProtected["default"];
+exports.DSInputProtected = DSInputProtected.DSInputProtected;
+exports.DSInputProtectedWithSchema = DSInputProtected.DSInputProtectedWithSchema;
+exports["default"] = DSInputProtected.DSInputProtected;
 exports.LEFT_ADDON_OPTIONS = options.LEFT_ADDON_OPTIONS;
 exports.RIGHT_ADDON_OPTIONS = options.RIGHT_ADDON_OPTIONS;

package/cjs/InputProtected/props.js

@@ -18,8 +18,7 @@ const inputProtectedProps = {
    * 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.
-  * 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, _.")
 };
 
 exports.inputProtectedProps = inputProtectedProps;