@elliemae/ds-form 3.2.1-rc.3 → 3.2.1-rc.6

package/dist/cjs/InputMask/mask_types/index.js

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -67,98 +41,84 @@ const emptyString = "";
 const comma = ",";
 const period = ".";
 const OutOfTheBoxMaskTypes = {
-  "ds-mask-date": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateInputMask.DateInputMask, __spreadValues({}, props)),
-  "ds-mask-date-time": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateTimeInputMask.DateTimeInputMask, __spreadValues({}, props)),
-  "ds-mask-dictionary": (_a) => {
-    var _b = _a, { ignoreCase = true } = _b, rest = __objRest(_b, ["ignoreCase"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_DictionaryInputMask.DictionaryInputMask, __spreadValues({
-      ignoreCase
-    }, rest));
-  },
-  "ds-mask-number": (_c) => {
-    var _d = _c, {
-      prefix = dollarSign,
-      suffix = emptyString,
-      includeThousandsSeparator = true,
-      thousandsSeparatorSymbol = comma,
-      allowDecimal = false,
-      decimalSymbol = period,
-      decimalLimit = 2,
-      requireDecimal = false,
-      allowNegative = false,
-      allowLeadingZeroes = false,
-      integerLimit = null
-    } = _d, rest = __objRest(_d, [
-      "prefix",
-      "suffix",
-      "includeThousandsSeparator",
-      "thousandsSeparatorSymbol",
-      "allowDecimal",
-      "decimalSymbol",
-      "decimalLimit",
-      "requireDecimal",
-      "allowNegative",
-      "allowLeadingZeroes",
-      "integerLimit"
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, __spreadValues({
-      prefix,
-      suffix,
-      includeThousandsSeparator,
-      thousandsSeparatorSymbol,
-      allowDecimal,
-      decimalSymbol,
-      decimalLimit,
-      requireDecimal,
-      allowNegative,
-      allowLeadingZeroes,
-      integerLimit
-    }, rest));
-  },
-  "ds-mask-percent": (_e) => {
-    var _f = _e, {
-      prefix = emptyString,
-      suffix = percentSign,
-      includeThousandsSeparator = true,
-      thousandsSeparatorSymbol = comma,
-      allowDecimal = false,
-      decimalSymbol = period,
-      decimalLimit = 2,
-      requireDecimal = false,
-      allowNegative = false,
-      allowLeadingZeroes = false,
-      integerLimit = null
-    } = _f, rest = __objRest(_f, [
-      "prefix",
-      "suffix",
-      "includeThousandsSeparator",
-      "thousandsSeparatorSymbol",
-      "allowDecimal",
-      "decimalSymbol",
-      "decimalLimit",
-      "requireDecimal",
-      "allowNegative",
-      "allowLeadingZeroes",
-      "integerLimit"
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, __spreadValues({
-      prefix,
-      suffix,
-      includeThousandsSeparator,
-      thousandsSeparatorSymbol,
-      allowDecimal,
-      decimalSymbol,
-      decimalLimit,
-      requireDecimal,
-      allowNegative,
-      allowLeadingZeroes,
-      integerLimit
-    }, rest));
-  },
-  "ds-mask-phone": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInputMask.PhoneInputMask, __spreadValues({}, props)),
-  "ds-mask-phone-international": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInternationalInputMask.PhoneInternationalInputMask, __spreadValues({}, props)),
-  "ds-mask-ssn": (props) => /* @__PURE__ */ import_react.default.createElement(import_SsnInputMask.SsnInputMask, __spreadValues({}, props)),
-  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ import_react.default.createElement(import_UsZipCodeInputMask.UsZipCodeInputMask, __spreadValues({}, props)),
-  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ import_react.default.createElement(import_ZipCodeSearchInputMask.ZipCodeSearchInputMask, __spreadValues({}, props))
+  "ds-mask-date": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateInputMask.DateInputMask, {
+    ...props
+  }),
+  "ds-mask-date-time": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateTimeInputMask.DateTimeInputMask, {
+    ...props
+  }),
+  "ds-mask-dictionary": ({ ignoreCase = true, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_DictionaryInputMask.DictionaryInputMask, {
+    ignoreCase,
+    ...rest
+  }),
+  "ds-mask-number": ({
+    prefix = dollarSign,
+    suffix = emptyString,
+    includeThousandsSeparator = true,
+    thousandsSeparatorSymbol = comma,
+    allowDecimal = false,
+    decimalSymbol = period,
+    decimalLimit = 2,
+    requireDecimal = false,
+    allowNegative = false,
+    allowLeadingZeroes = false,
+    integerLimit = null,
+    ...rest
+  }) => /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    ...rest
+  }),
+  "ds-mask-percent": ({
+    prefix = emptyString,
+    suffix = percentSign,
+    includeThousandsSeparator = true,
+    thousandsSeparatorSymbol = comma,
+    allowDecimal = false,
+    decimalSymbol = period,
+    decimalLimit = 2,
+    requireDecimal = false,
+    allowNegative = false,
+    allowLeadingZeroes = false,
+    integerLimit = null,
+    ...rest
+  }) => /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    ...rest
+  }),
+  "ds-mask-phone": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInputMask.PhoneInputMask, {
+    ...props
+  }),
+  "ds-mask-phone-international": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInternationalInputMask.PhoneInternationalInputMask, {
+    ...props
+  }),
+  "ds-mask-ssn": (props) => /* @__PURE__ */ import_react.default.createElement(import_SsnInputMask.SsnInputMask, {
+    ...props
+  }),
+  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ import_react.default.createElement(import_UsZipCodeInputMask.UsZipCodeInputMask, {
+    ...props
+  }),
+  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ import_react.default.createElement(import_ZipCodeSearchInputMask.ZipCodeSearchInputMask, {
+    ...props
+  })
 };
 //# sourceMappingURL=index.js.map

package/dist/cjs/InputMask/mask_types/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/InputMask/mask_types/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DateInputMask } from './DateInputMask';\nimport { DateTimeInputMask } from './DateTimeInputMask';\nimport { DictionaryInputMask } from './DictionaryInputMask';\nimport { NumberInputMask } from './NumberInputMask';\nimport { PhoneInputMask } from './PhoneInputMask';\nimport { PhoneInternationalInputMask } from './PhoneInternationalInputMask';\nimport { SsnInputMask } from './SsnInputMask';\nimport { UsZipCodeInputMask } from './UsZipCodeInputMask';\nimport { ZipCodeSearchInputMask } from './ZipCodeSearchInputMask';\n\nconst dollarSign = '$';\nconst percentSign = '%';\nconst emptyString = '';\nconst comma = ',';\nconst period = '.';\n\nexport const OutOfTheBoxMaskTypes = {\n  'ds-mask-date': (props) => <DateInputMask {...props} />,\n  'ds-mask-date-time': (props) => <DateTimeInputMask {...props} />,\n  'ds-mask-dictionary': ({ ignoreCase = true, ...rest }) => (\n    <DictionaryInputMask ignoreCase={ignoreCase} {...rest} />\n  ),\n  'ds-mask-number': ({\n    prefix = dollarSign,\n    suffix = emptyString,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-percent': ({\n    prefix = emptyString,\n    suffix = percentSign,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-phone': (props) => <PhoneInputMask {...props} />,\n  'ds-mask-phone-international': (props) => (\n    <PhoneInternationalInputMask {...props} />\n  ),\n  'ds-mask-ssn': (props) => <SsnInputMask {...props} />,\n  'ds-mask-us-zip-code': (props) => <UsZipCodeInputMask {...props} />,\n  'ds-mask-zip-code-search': (props) => <ZipCodeSearchInputMask {...props} />,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA8B;AAC9B,+BAAkC;AAClC,iCAAoC;AACpC,6BAAgC;AAChC,4BAA+B;AAC/B,yCAA4C;AAC5C,0BAA6B;AAC7B,gCAAmC;AACnC,oCAAuC;AAEvC,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,mDAAC,uDAAkB,MAAO;AAAA,EACrD,qBAAqB,CAAC,UAAU,mDAAC,+DAAsB,MAAO;AAAA,EAC9D,sBAAsB,CAAC,OAAgC;AAAhC,iBAAE,eAAa,SAAf,IAAwB,iBAAxB,IAAwB,CAAtB;AACvB,8DAAC;AAAA,MAAoB;AAAA,OAA4B,KAAM;AAAA;AAAA,EAEzD,kBAAkB,CAAC,OAahB;AAbgB,iBACjB;AAAA,eAAS;AAAA,MACT,SAAS;AAAA,MACT,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,MAC3B,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,qBAAqB;AAAA,MACrB,eAAe;AAAA,QAXE,IAYd,iBAZc,IAYd;AAAA,MAXH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGA,8DAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,KACN;AAAA;AAAA,EAEF,mBAAmB,CAAC,OAajB;AAbiB,iBAClB;AAAA,eAAS;AAAA,MACT,SAAS;AAAA,MACT,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,MAC3B,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,qBAAqB;AAAA,MACrB,eAAe;AAAA,QAXG,IAYf,iBAZe,IAYf;AAAA,MAXH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGA,8DAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,KACN;AAAA;AAAA,EAEF,iBAAiB,CAAC,UAAU,mDAAC,yDAAmB,MAAO;AAAA,EACvD,+BAA+B,CAAC,UAC9B,mDAAC,mFAAgC,MAAO;AAAA,EAE1C,eAAe,CAAC,UAAU,mDAAC,qDAAiB,MAAO;AAAA,EACnD,uBAAuB,CAAC,UAAU,mDAAC,iEAAuB,MAAO;AAAA,EACjE,2BAA2B,CAAC,UAAU,mDAAC,yEAA2B,MAAO;AAC3E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA8B;AAC9B,+BAAkC;AAClC,iCAAoC;AACpC,6BAAgC;AAChC,4BAA+B;AAC/B,yCAA4C;AAC5C,0BAA6B;AAC7B,gCAAmC;AACnC,oCAAuC;AAEvC,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,mDAAC;AAAA,IAAe,GAAG;AAAA,GAAO;AAAA,EACrD,qBAAqB,CAAC,UAAU,mDAAC;AAAA,IAAmB,GAAG;AAAA,GAAO;AAAA,EAC9D,sBAAsB,CAAC,EAAE,aAAa,SAAS,WAC7C,mDAAC;AAAA,IAAoB;AAAA,IAAyB,GAAG;AAAA,GAAM;AAAA,EAEzD,kBAAkB,CAAC;AAAA,IACjB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,OACZ;AAAA,QAEH,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,GACN;AAAA,EAEF,mBAAmB,CAAC;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,OACZ;AAAA,QAEH,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,GACN;AAAA,EAEF,iBAAiB,CAAC,UAAU,mDAAC;AAAA,IAAgB,GAAG;AAAA,GAAO;AAAA,EACvD,+BAA+B,CAAC,UAC9B,mDAAC;AAAA,IAA6B,GAAG;AAAA,GAAO;AAAA,EAE1C,eAAe,CAAC,UAAU,mDAAC;AAAA,IAAc,GAAG;AAAA,GAAO;AAAA,EACnD,uBAAuB,CAAC,UAAU,mDAAC;AAAA,IAAoB,GAAG;AAAA,GAAO;AAAA,EACjE,2BAA2B,CAAC,UAAU,mDAAC;AAAA,IAAwB,GAAG;AAAA,GAAO;AAC3E;",
   "names": []
 }

package/dist/cjs/InputProtected/DSInputProtected.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -71,26 +42,17 @@ const ADDON_ICON_OPTIONS = {
   VisibleView: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.VisibleView, null),
   InvisibleHide: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InvisibleHide, null)
 };
-const DSInputProtected = (_a) => {
-  var _b = _a, {
-    leftAddon,
-    rightAddon,
-    onChange,
-    value,
-    readOnly,
-    mask,
-    type,
-    placeholderChar = void 0
-  } = _b, rest = __objRest(_b, [
-    "leftAddon",
-    "rightAddon",
-    "onChange",
-    "value",
-    "readOnly",
-    "mask",
-    "type",
-    "placeholderChar"
-  ]);
+const DSInputProtected = ({
+  leftAddon,
+  rightAddon,
+  onChange,
+  value,
+  readOnly,
+  mask,
+  type,
+  placeholderChar = void 0,
+  ...rest
+}) => {
   const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
   const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
   const [inputLocked, setLocked] = (0, import_react.useState)(leftAddon === import_options.LEFT_ADDON_OPTIONS.LockLocked);
@@ -121,14 +83,15 @@ const DSInputProtected = (_a) => {
         "data-testid": "inputprotected-show-hide-button"
       }
     }) : void 0
-  }, /* @__PURE__ */ import_react.default.createElement(import_InputMask.DSInputMask, __spreadProps(__spreadValues({}, rest), {
+  }, /* @__PURE__ */ import_react.default.createElement(import_InputMask.DSInputMask, {
+    ...rest,
     mask,
     placeholderChar,
     onChange,
     disabled: left ? inputLocked : readOnly,
     type: right && inputHidden ? "password" : type,
     value
-  }))));
+  })));
 };
 DSInputProtected.propTypes = import_props.inputProtectedProps;
 DSInputProtected.defaultProps = import_defaultProps.defaultProps;

package/dist/cjs/InputProtected/DSInputProtected.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InputProtected/DSInputProtected.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSInputMask } from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nconst ADDON_ICON_OPTIONS = {\n  LockUnlocked: <LockUnlocked />,\n  LockLocked: <LockLocked />,\n  VisibleView: <VisibleView />,\n  InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n  leftAddon,\n  rightAddon,\n  onChange,\n  value,\n  readOnly,\n  mask,\n  type,\n  placeholderChar = undefined,\n  ...rest\n}) => {\n  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n  useEffect(() => {\n    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n  }, [leftAddon, rightAddon]);\n\n  const handleLeft = useCallback(() => {\n    setLocked(!inputLocked);\n  }, [inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [inputHidden]);\n\n  return (\n    <div>\n      <DSInputGroup\n        leftAddon={\n          left ? (\n            <DSButton\n              aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n              buttonType=\"secondary\"\n              icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockLocked : LEFT_ADDON_OPTIONS.LockUnlocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        rightAddon={\n          right ? (\n            <DSButton\n              aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.InvisibleHide : RIGHT_ADDON_OPTIONS.VisibleView]\n              }\n              onClick={handleRight}\n              containerProps={{\n                'data-testid': 'inputprotected-show-hide-button',\n              }}\n            />\n          ) : undefined\n        }\n      >\n        <DSInputMask\n          {...rest}\n          mask={mask}\n          placeholderChar={placeholderChar}\n          onChange={onChange}\n          disabled={left ? inputLocked : readOnly}\n          type={right && inputHidden ? 'password' : type}\n          value={value}\n        />\n      </DSInputGroup>\n    </div>\n  );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\nDSInputProtected.displayName = 'DSInputProtected';\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAwD;AACxD,0BAAyB;AACzB,sBAAqE;AACrE,uBAAyB;AACzB,wBAA6B;AAC7B,uBAA4B;AAC5B,mBAAoC;AACpC,0BAA6B;AAC7B,qBAAwD;AAExD,MAAM,qBAAqB;AAAA,EACzB,cAAc,mDAAC,kCAAa;AAAA,EAC5B,YAAY,mDAAC,gCAAW;AAAA,EACxB,aAAa,mDAAC,iCAAY;AAAA,EAC1B,eAAe,mDAAC,mCAAc;AAChC;AAEA,MAAM,mBAAmB,CAAC,OAUpB;AAVoB,eACxB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MARM,IASrB,iBATqB,IASrB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,2BAAS,cAAc,kCAAmB,UAAU;AACrF,QAAM,CAAC,aAAa,aAAa,2BAAS,eAAe,mCAAoB,aAAa;AAE1F,8BAAU,MAAM;AACd,cAAU,cAAc,kCAAmB,UAAU;AACrD,cAAU,eAAe,mCAAoB,aAAa;AAAA,EAC5D,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,aAAa,8BAAY,MAAM;AACnC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,cAAc,8BAAY,MAAM;AACpC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,mDAAC,aACC,mDAAC;AAAA,IACC,WACE,OACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,kCAAmB,aAAa,kCAAmB;AAAA,MAC1F,SAAS;AAAA,KACX,IACE;AAAA,IAEN,YACE,QACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,mCAAoB,gBAAgB,mCAAoB;AAAA,MAE3F,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF,IACE;AAAA,KAGN,mDAAC,+DACK,OADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA,IACF,CACF,CACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAwD;AACxD,0BAAyB;AACzB,sBAAqE;AACrE,uBAAyB;AACzB,wBAA6B;AAC7B,uBAA4B;AAC5B,mBAAoC;AACpC,0BAA6B;AAC7B,qBAAwD;AAExD,MAAM,qBAAqB;AAAA,EACzB,cAAc,mDAAC,kCAAa;AAAA,EAC5B,YAAY,mDAAC,gCAAW;AAAA,EACxB,aAAa,mDAAC,iCAAY;AAAA,EAC1B,eAAe,mDAAC,mCAAc;AAChC;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,KACf;AAAA,MACC;AACJ,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,2BAAS,cAAc,kCAAmB,UAAU;AACrF,QAAM,CAAC,aAAa,aAAa,2BAAS,eAAe,mCAAoB,aAAa;AAE1F,8BAAU,MAAM;AACd,cAAU,cAAc,kCAAmB,UAAU;AACrD,cAAU,eAAe,mCAAoB,aAAa;AAAA,EAC5D,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,aAAa,8BAAY,MAAM;AACnC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,cAAc,8BAAY,MAAM;AACpC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,mDAAC,aACC,mDAAC;AAAA,IACC,WACE,OACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,kCAAmB,aAAa,kCAAmB;AAAA,MAC1F,SAAS;AAAA,KACX,IACE;AAAA,IAEN,YACE,QACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,mCAAoB,gBAAgB,mCAAoB;AAAA,MAE3F,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF,IACE;AAAA,KAGN,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA,GACF,CACF,CACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/LargeInputText/DSLargeInputText.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -96,9 +79,10 @@ const DSLargeInputText = ({
   const handleKeyUp = (e) => {
     onKeyUp(e);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+  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", {
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
     className: classNameBlock("wrapper")
   }, /* @__PURE__ */ import_react.default.createElement("textarea", {
     ref: innerRef,

package/dist/cjs/LargeInputText/DSLargeInputText.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/LargeInputText/DSLargeInputText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport {\n  convertPropToCssClassName,\n  aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n  'counter',\n  'textarea',\n  ({ limitError }) => ({\n    'limit-error': limitError,\n  }),\n);\n\nconst DSLargeInputText = ({\n  containerProps,\n  autoFocus,\n  className,\n  disabled,\n  name,\n  id,\n  maxLength,\n  minLength,\n  placeholder,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  onPaste,\n  value,\n  hasError,\n  required,\n  readOnly,\n  resize,\n  innerRef,\n  ariaLabel,\n  ariaAutocomplete,\n  role,\n  characterLimitCounter,\n  rows,\n  errorLimit,\n  tabIndex,\n}) => {\n  const limitError = useMemo(\n    () =>\n      characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const {\n    cssClassName,\n    classNameElement,\n    classNameBlock,\n  } = convertPropToCssClassName('form-element-textarea', 'text', {\n    hasError: limitError || hasError,\n    readOnly,\n    disabled,\n  });\n  // auto size when user types\n  const handleKeyUp = (e) => {\n    // const { target } = e\n    onKeyUp(e);\n    // if (e.key !== 'Enter') return\n    // target.style.cssText = 'height:auto; padding:0'\n    // target.style.cssText = `height: ${target.scrollHeight}px`\n  };\n  return (\n    <>\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={classNameBlock('wrapper')}>\n          <textarea\n            ref={innerRef}\n            aria-autocomplete={ariaAutocomplete}\n            aria-label={ariaLabel}\n            aria-multiline\n            aria-placeholder={placeholder}\n            aria-required={required}\n            autoFocus={autoFocus}\n            className={classNameElement('textarea')}\n            data-testid=\"ds-large-input_main-component\"\n            disabled={disabled}\n            id={id}\n            maxLength={maxLength}\n            minLength={minLength}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            onClick={onClick}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            onKeyUp={handleKeyUp}\n            onPaste={onPaste}\n            placeholder={placeholder}\n            role={role}\n            rows={String(rows)}\n            style={{\n              resize,\n            }}\n            value={value}\n            tabIndex={tabIndex}\n          />\n        </div>\n      </div>\n      {characterLimitCounter > 0 && (\n        <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n          {`${\n            limitError\n              ? `${errorLimit} ${characterLimitCounter} characters.   `\n              : ''\n          }${String(value).length} / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,0BAAyB;AACzB,2BAGO;AACP,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,4CAAkB,KAAK,EACzC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AACjB,EACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,0BACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB,KAAK,CAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,wFACE,mDAAC,wCAAQ,iBAAR;AAAA,IAAwB,WAAW,GAAG,gBAAgB;AAAA,MACrD,mDAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,KACtC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB,UAAU;AAAA,IACtC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO,IAAI;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF,CACF,GACC,wBAAwB,KACvB,mDAAC;AAAA,IAAY,YAAY,EAAE,WAAW;AAAA,IAAG,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY,uBAC/B,CAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB,EAAE,YAC5D,eACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,0BAAyB;AACzB,2BAGO;AACP,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,4CAAkB,KAAK,EACzC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AACjB,EACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,0BACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB,KAAK,CAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,wFACE,mDAAC;AAAA,IAAK,GAAG;AAAA,IAAgB,WAAW,GAAG,gBAAgB;AAAA,KACrD,mDAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,KACtC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB,UAAU;AAAA,IACtC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO,IAAI;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF,CACF,GACC,wBAAwB,KACvB,mDAAC;AAAA,IAAY,YAAY,EAAE,WAAW;AAAA,IAAG,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY,uBAC/B,CAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB,EAAE,YAC5D,eACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/Radio/DSRadio.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -60,52 +31,38 @@ var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_Circle = require("./Circle");
-const DSRadio = (_a) => {
-  var _b = _a, {
-    containerProps,
-    className,
-    style,
-    labelText,
-    htmlFor,
-    hasError,
-    readOnly,
-    disabled,
-    checked,
-    value,
-    name,
-    onChange,
-    children,
-    tabIndex,
-    innerRef
-  } = _b, otherProps = __objRest(_b, [
-    "containerProps",
-    "className",
-    "style",
-    "labelText",
-    "htmlFor",
-    "hasError",
-    "readOnly",
-    "disabled",
-    "checked",
-    "value",
-    "name",
-    "onChange",
-    "children",
-    "tabIndex",
-    "innerRef"
-  ]);
+const DSRadio = ({
+  containerProps,
+  className,
+  style,
+  labelText,
+  htmlFor,
+  hasError,
+  readOnly,
+  disabled,
+  checked,
+  value,
+  name,
+  onChange,
+  children,
+  tabIndex,
+  innerRef,
+  ...otherProps
+}) => {
   const { cssClassName, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("form-element-radio", className, {
     hasError,
     readOnly,
     disabled
   });
   const checkRef = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ...containerProps,
     className: cssClassName
-  }), /* @__PURE__ */ import_react.default.createElement("label", {
+  }, /* @__PURE__ */ import_react.default.createElement("label", {
     className: classNameElement("label"),
     htmlFor
-  }, /* @__PURE__ */ import_react.default.createElement("input", __spreadProps(__spreadValues({}, otherProps), {
+  }, /* @__PURE__ */ import_react.default.createElement("input", {
+    ...otherProps,
     ref: checkRef,
     "aria-disabled": disabled,
     checked: disabled ? false : checked,
@@ -121,7 +78,7 @@ const DSRadio = (_a) => {
     tabIndex: -1,
     type: "radio",
     value
-  })), /* @__PURE__ */ import_react.default.createElement("span", {
+  }), /* @__PURE__ */ import_react.default.createElement("span", {
     ref: innerRef,
     "aria-checked": checked,
     "aria-disabled": disabled,

package/dist/cjs/Radio/DSRadio.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Radio/DSRadio.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: React.CSSProperties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  innerRef,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.object.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }