@elliemae/ds-form 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -1,3 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import * as React from "react";
 import React2 from "react";
 import { DateInputMask } from "./DateInputMask";
@@ -15,85 +43,99 @@ const emptyString = "";
 const comma = ",";
 const period = ".";
 const OutOfTheBoxMaskTypes = {
-  "ds-mask-date": (props) => /* @__PURE__ */ React2.createElement(DateInputMask, {
-    ...props
-  }),
-  "ds-mask-date-time": (props) => /* @__PURE__ */ React2.createElement(DateTimeInputMask, {
-    ...props
-  }),
-  "ds-mask-dictionary": ({ ignoreCase = true, ...rest }) => /* @__PURE__ */ React2.createElement(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__ */ React2.createElement(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__ */ React2.createElement(NumberInputMask, {
-    prefix,
-    suffix,
-    includeThousandsSeparator,
-    thousandsSeparatorSymbol,
-    allowDecimal,
-    decimalSymbol,
-    decimalLimit,
-    requireDecimal,
-    allowNegative,
-    allowLeadingZeroes,
-    integerLimit,
-    ...rest
-  }),
-  "ds-mask-phone": (props) => /* @__PURE__ */ React2.createElement(PhoneInputMask, {
-    ...props
-  }),
-  "ds-mask-phone-international": (props) => /* @__PURE__ */ React2.createElement(PhoneInternationalInputMask, {
-    ...props
-  }),
-  "ds-mask-ssn": (props) => /* @__PURE__ */ React2.createElement(SsnInputMask, {
-    ...props
-  }),
-  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ React2.createElement(UsZipCodeInputMask, {
-    ...props
-  }),
-  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ React2.createElement(ZipCodeSearchInputMask, {
-    ...props
-  })
+  "ds-mask-date": (props) => /* @__PURE__ */ React2.createElement(DateInputMask, __spreadValues({}, props)),
+  "ds-mask-date-time": (props) => /* @__PURE__ */ React2.createElement(DateTimeInputMask, __spreadValues({}, props)),
+  "ds-mask-dictionary": (_a) => {
+    var _b = _a, { ignoreCase = true } = _b, rest = __objRest(_b, ["ignoreCase"]);
+    return /* @__PURE__ */ React2.createElement(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__ */ React2.createElement(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__ */ React2.createElement(NumberInputMask, __spreadValues({
+      prefix,
+      suffix,
+      includeThousandsSeparator,
+      thousandsSeparatorSymbol,
+      allowDecimal,
+      decimalSymbol,
+      decimalLimit,
+      requireDecimal,
+      allowNegative,
+      allowLeadingZeroes,
+      integerLimit
+    }, rest));
+  },
+  "ds-mask-phone": (props) => /* @__PURE__ */ React2.createElement(PhoneInputMask, __spreadValues({}, props)),
+  "ds-mask-phone-international": (props) => /* @__PURE__ */ React2.createElement(PhoneInternationalInputMask, __spreadValues({}, props)),
+  "ds-mask-ssn": (props) => /* @__PURE__ */ React2.createElement(SsnInputMask, __spreadValues({}, props)),
+  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ React2.createElement(UsZipCodeInputMask, __spreadValues({}, props)),
+  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ React2.createElement(ZipCodeSearchInputMask, __spreadValues({}, props))
 };
 export {
   OutOfTheBoxMaskTypes

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,qCAAC,eAAD;AAAA,OAAmB;AAAA;AAAA,EAC9C,qBAAqB,CAAC,UAAU,qCAAC,mBAAD;AAAA,OAAuB;AAAA;AAAA,EACvD,sBAAsB,CAAC,EAAE,aAAa,SAAS,WAC7C,qCAAC,qBAAD;AAAA,IAAqB;AAAA,OAA4B;AAAA;AAAA,EAEnD,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,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA;AAAA,EAGR,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,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA;AAAA,EAGR,iBAAiB,CAAC,UAAU,qCAAC,gBAAD;AAAA,OAAoB;AAAA;AAAA,EAChD,+BAA+B,CAAC,UAC9B,qCAAC,6BAAD;AAAA,OAAiC;AAAA;AAAA,EAEnC,eAAe,CAAC,UAAU,qCAAC,cAAD;AAAA,OAAkB;AAAA;AAAA,EAC5C,uBAAuB,CAAC,UAAU,qCAAC,oBAAD;AAAA,OAAwB;AAAA;AAAA,EAC1D,2BAA2B,CAAC,UAAU,qCAAC,wBAAD;AAAA,OAA4B;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,qCAAC,eAAD,mBAAmB;AAAA,EAC9C,qBAAqB,CAAC,UAAU,qCAAC,mBAAD,mBAAuB;AAAA,EACvD,sBAAsB,CAAC,OAAgC;AAAhC,iBAAE,eAAa,SAAf,IAAwB,iBAAxB,IAAwB,CAAtB;AACvB,gDAAC,qBAAD;AAAA,MAAqB;AAAA,OAA4B;AAAA;AAAA,EAEnD,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,gDAAC,iBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA;AAAA,EAGR,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,gDAAC,iBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA;AAAA,EAGR,iBAAiB,CAAC,UAAU,qCAAC,gBAAD,mBAAoB;AAAA,EAChD,+BAA+B,CAAC,UAC9B,qCAAC,6BAAD,mBAAiC;AAAA,EAEnC,eAAe,CAAC,UAAU,qCAAC,cAAD,mBAAkB;AAAA,EAC5C,uBAAuB,CAAC,UAAU,qCAAC,oBAAD,mBAAwB;AAAA,EAC1D,2BAA2B,CAAC,UAAU,qCAAC,wBAAD,mBAA4B;AAAA;",
   "names": []
 }

package/dist/esm/InputProtected/DSInputProtected.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import * as React from "react";
 import React2, { useState, useCallback, useEffect } from "react";
 import { describe } from "react-desc";
@@ -14,17 +45,26 @@ const ADDON_ICON_OPTIONS = {
   VisibleView: /* @__PURE__ */ React2.createElement(VisibleView, null),
   InvisibleHide: /* @__PURE__ */ React2.createElement(InvisibleHide, null)
 };
-const DSInputProtected = ({
-  leftAddon,
-  rightAddon,
-  onChange,
-  value,
-  readOnly,
-  mask,
-  type,
-  placeholderChar = void 0,
-  ...rest
-}) => {
+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 left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
   const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
   const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
@@ -56,15 +96,14 @@ const DSInputProtected = ({
         "data-testid": "inputprotected-show-hide-button"
       }
     }) : void 0
-  }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-    ...rest,
+  }, /* @__PURE__ */ React2.createElement(DSInputMask, __spreadProps(__spreadValues({}, rest), {
     mask,
     placeholderChar,
     onChange,
     readOnly: left ? inputLocked : readOnly,
     type: right && inputHidden ? "password" : type,
     value
-  })));
+  }))));
 };
 DSInputProtected.propTypes = inputProtectedProps;
 DSInputProtected.defaultProps = defaultProps;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/DSInputProtected.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\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  }, [leftAddon, inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [rightAddon, 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.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        readOnly={left ? inputLocked : readOnly}\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.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\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          readOnly={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;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAAA,EACzB,cAAc,qCAAC,cAAD;AAAA,EACd,YAAY,qCAAC,YAAD;AAAA,EACZ,aAAa,qCAAC,aAAD;AAAA,EACb,eAAe,qCAAC,eAAD;AAAA;AAGjB,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,SAAS,cAAc,mBAAmB;AAC3E,QAAM,CAAC,aAAa,aAAa,SAAS,eAAe,oBAAoB;AAE7E,YAAU,MAAM;AACd,cAAU,cAAc,mBAAmB;AAC3C,cAAU,eAAe,oBAAoB;AAAA,KAC5C,CAAC,WAAW;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC;AAAA,KACV,CAAC,WAAW;AACf,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,CAAC;AAAA,KACV,CAAC,YAAY;AAEhB,SACE,qCAAC,OAAD,MACE,qCAAC,cAAD;AAAA,IACE,WACE,OACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,mBAAmB,eAAe,mBAAmB;AAAA,MAC5F,SAAS;AAAA,SAET;AAAA,IAEN,UAAU,OAAO,cAAc;AAAA,IAC/B,YACE,QACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,oBAAoB,cAAc,oBAAoB;AAAA,MAEzF,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,SAGjB;AAAA,KAGN,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA;AAAA;AAOV,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAAA,EACzB,cAAc,qCAAC,cAAD;AAAA,EACd,YAAY,qCAAC,YAAD;AAAA,EACZ,aAAa,qCAAC,aAAD;AAAA,EACb,eAAe,qCAAC,eAAD;AAAA;AAGjB,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,SAAS,cAAc,mBAAmB;AAC3E,QAAM,CAAC,aAAa,aAAa,SAAS,eAAe,oBAAoB;AAE7E,YAAU,MAAM;AACd,cAAU,cAAc,mBAAmB;AAC3C,cAAU,eAAe,oBAAoB;AAAA,KAC5C,CAAC,WAAW;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC;AAAA,KACV,CAAC,WAAW;AACf,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,CAAC;AAAA,KACV,CAAC,YAAY;AAEhB,SACE,qCAAC,OAAD,MACE,qCAAC,cAAD;AAAA,IACE,WACE,OACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,mBAAmB,eAAe,mBAAmB;AAAA,MAC5F,SAAS;AAAA,SAET;AAAA,IAEN,UAAU,OAAO,cAAc;AAAA,IAC/B,YACE,QACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,oBAAoB,cAAc,oBAAoB;AAAA,MAEzF,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,SAGjB;AAAA,KAGN,qCAAC,aAAD,iCACM,OADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA;AAAA;AAOV,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/LargeInputText/DSLargeInputText.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as React from "react";
 import React2, { useMemo } from "react";
 import { describe } from "react-desc";
@@ -54,10 +73,9 @@ const DSLargeInputText = ({
   const handleKeyUp = (e) => {
     onKeyUp(e);
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps,
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
     className: `${cssClassName} ${className}`
-  }, /* @__PURE__ */ React2.createElement("div", {
+  }), /* @__PURE__ */ React2.createElement("div", {
     className: classNameBlock("wrapper")
   }, /* @__PURE__ */ React2.createElement("textarea", {
     ref: innerRef,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/DSLargeInputText.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\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;\n\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA,MAAM,cAAc,kBAAkB,OACpC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AAAA;AAInB,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,QACjB,MACE,wBAAwB,OAAO,OAAO,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB;AAE1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ;AAAA;AAKV,SACE,4DACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,WAAW,GAAG,gBAAgB;AAAA,KACrD,qCAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAC7B,qCAAC,YAAD;AAAA,IACE,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B,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;AAAA,IACb,OAAO;AAAA,MACL;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,QAIL,wBAAwB,KACvB,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE;AAAA,IAAc,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,OAAO,YAAY;AAAA;AAOvC,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS,kBAAkB,YAC5D;AAEF,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA,MAAM,cAAc,kBAAkB,OACpC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AAAA;AAInB,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,QACjB,MACE,wBAAwB,OAAO,OAAO,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB;AAE1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ;AAAA;AAKV,SACE,4DACE,qCAAC,OAAD,iCAAS,iBAAT;AAAA,IAAyB,WAAW,GAAG,gBAAgB;AAAA,MACrD,qCAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAC7B,qCAAC,YAAD;AAAA,IACE,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B,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;AAAA,IACb,OAAO;AAAA,MACL;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,QAIL,wBAAwB,KACvB,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE;AAAA,IAAc,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,OAAO,YAAY;AAAA;AAOvC,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS,kBAAkB,YAC5D;AAEF,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/Radio/DSRadio.js

@@ -1,39 +1,83 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
 import * as React from "react";
 import React2, { useRef } from "react";
 import { PropTypes, describe } from "react-desc";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { Circle } from "./Circle";
-const DSRadio = ({
-  containerProps,
-  className,
-  style,
-  labelText,
-  htmlFor,
-  hasError,
-  readOnly,
-  disabled,
-  checked,
-  value,
-  name,
-  onChange,
-  children,
-  tabIndex,
-  ...otherProps
-}) => {
+const DSRadio = (_a) => {
+  var _b = _a, {
+    containerProps,
+    className,
+    style,
+    labelText,
+    htmlFor,
+    hasError,
+    readOnly,
+    disabled,
+    checked,
+    value,
+    name,
+    onChange,
+    children,
+    tabIndex
+  } = _b, otherProps = __objRest(_b, [
+    "containerProps",
+    "className",
+    "style",
+    "labelText",
+    "htmlFor",
+    "hasError",
+    "readOnly",
+    "disabled",
+    "checked",
+    "value",
+    "name",
+    "onChange",
+    "children",
+    "tabIndex"
+  ]);
   const { cssClassName, classNameElement } = convertPropToCssClassName("form-element-radio", className, {
     hasError,
     readOnly,
     disabled
   });
   const checkRef = useRef(null);
-  return /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps,
+  return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
     className: cssClassName
-  }, /* @__PURE__ */ React2.createElement("label", {
+  }), /* @__PURE__ */ React2.createElement("label", {
     className: classNameElement("label"),
     htmlFor
-  }, /* @__PURE__ */ React2.createElement("input", {
-    ...otherProps,
+  }, /* @__PURE__ */ React2.createElement("input", __spreadProps(__spreadValues({}, otherProps), {
     ref: checkRef,
     "aria-disabled": disabled,
     checked: disabled ? false : checked,
@@ -49,7 +93,7 @@ const DSRadio = ({
     tabIndex: -1,
     type: "radio",
     value
-  }), /* @__PURE__ */ React2.createElement("span", {
+  })), /* @__PURE__ */ React2.createElement("span", {
     ref: otherProps.innerRef,
     "aria-checked": checked,
     "aria-disabled": disabled,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/DSRadio.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport * as CSS from 'csstype';\nimport { PropTypes, describe } from 'react-desc';\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?: CSS.Properties;\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  ...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={otherProps.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.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\n\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n"],
-  "mappings": "AAAA;ACEA;AAEA;AACA;AACA;AAsBA,MAAM,UAAU,CAAC;AAAA,EACf;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,KACG;AAAA,MACW;AAGd,QAAM,EAAE,cAAc,qBAAqB,0BAA0B,sBAAsB,WAAW;AAAA,IACpG;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,WAAW,OAAgC;AACjD,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,WAAW;AAAA,KAClC,qCAAC,SAAD;AAAA,IAAO,WAAW,iBAAiB;AAAA,IAAU;AAAA,KAC3C,qCAAC,SAAD;AAAA,OACM;AAAA,IACJ,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,SAAS,WAAW,QAAQ;AAAA,IAC5B,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,UAAU,CAAC,MAAM;AACf,UAAI,CAAC,YAAY,CAAC,UAAU;AAC1B,iBAAS;AAAA;AAAA;AAAA,IAGb;AAAA,IACA,UAAU;AAAA,IACV,MAAK;AAAA,IACL;AAAA,MAEF,qCAAC,QAAD;AAAA,IACE,KAAK,WAAW;AAAA,IAChB,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,iBAAiB;AAAA,IAC5B,WAAW,CAAC,MAAM;AAIhB,QAAE,SAAS,SAAS;AACpB,UAAI;AAAU;AACd,UAAI,EAAE,QAAQ,WAAW,EAAE,YAAY,IAAI;AACzC,iBAAS;AAAA,iBACA,WAAW,WAAW;AAC/B,mBAAW,UAAU;AAAA;AAAA;AAAA,IAGzB,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,KAAK;AAAA,KAG1B,qCAAC,QAAD;AAAA,IAAQ;AAAA,OAEV,qCAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAgB,aAEnD,YAAY,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAoB;AAAA;AAKxE,QAAQ,eAAe;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA;AAGZ,MAAM,aAAa;AAAA,EAEjB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,MAAM,UAAU,OAAO,YAAY;AAAA,EAInC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,SAAS,UAAU,QAAQ,YAAY;AAAA,EAIvC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF,kDACA;AAAA,EAIF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,QAAQ,YAAY;AAEpB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAI9B,IAAO,kBAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/RadioGroup/DSRadioGroup.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as React from "react";
 import React2 from "react";
 import { describe } from "react-desc";
@@ -9,12 +28,11 @@ import { defaultProps } from "./defaultProps";
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-radio-group`;
 const RadioItem = (props) => /* @__PURE__ */ React2.createElement(GroupItem, {
-  render: (context) => /* @__PURE__ */ React2.createElement(DSRadio, {
-    ...props,
+  render: (context) => /* @__PURE__ */ React2.createElement(DSRadio, __spreadProps(__spreadValues({}, props), {
     checked: context.activeValue === props.value,
     disabled: context.disabled || props.disabled,
     onChange: context.onChange
-  })
+  }))
 });
 const DSRadioGroup = ({
   containerProps,
@@ -46,29 +64,27 @@ const DSRadioGroup = ({
     activeValue,
     disabled,
     onChange
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": "ds-radiogroup",
-    ...labelProps && labelProps.labelText ? {} : containerProps,
+  }, /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({
+    "data-testid": "ds-radiogroup"
+  }, labelProps && labelProps.labelText ? {} : containerProps), {
     className: `${baseClass} ${baseClass}--${orientation}`,
     role: "group"
-  }, React2.Children.map(children, (child, index) => /* @__PURE__ */ React2.createElement(RadioItem, {
-    ...child.props,
+  }), React2.Children.map(children, (child, index) => /* @__PURE__ */ React2.createElement(RadioItem, __spreadProps(__spreadValues({}, child.props), {
     innerRef: (t) => {
       checkRefs.push(t);
     },
     onKeyDown: (e) => onKeyDown(e, index)
-  }), null)));
+  })), null)));
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${baseClass}-form-item-layout-wrapper`,
-      ...containerProps,
+    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({
+      className: `${baseClass}-form-item-layout-wrapper`
+    }, containerProps), {
       role: "group"
-    }, /* @__PURE__ */ React2.createElement(DSFormItemLayout, {
-      ...labelProps,
+    }), /* @__PURE__ */ React2.createElement(DSFormItemLayout, __spreadProps(__spreadValues({}, labelProps), {
       inputComponent: group,
       onChange,
       truncateText
-    }));
+    })));
   }
   return group;
 };