carbon-react 118.5.0 → 118.5.2

package/lib/components/date-range/date-range.component.js

@@ -4,58 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../date/__internal__/utils");
-
 var _date = _interopRequireDefault(require("../date"));
-
 var _utils2 = require("../../style/utils");
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _dateRange = _interopRequireDefault(require("./date-range.style"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-
 var _dateFormats = _interopRequireDefault(require("../date/__internal__/date-formats"));
-
 var _dateRange2 = _interopRequireDefault(require("./date-range.context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
-const DateRange = ({
-  endDateProps = {},
-  id,
-  labelsInline,
-  name,
-  onBlur,
-  onChange,
-  startDateProps = {},
-  tooltipPosition,
-  validationOnLabel,
-  value,
-  startRef,
-  endRef,
-  ...rest
-}) => {
+const DateRange = _ref => {
+  let {
+    endDateProps = {},
+    id,
+    labelsInline,
+    name,
+    onBlur,
+    onChange,
+    startDateProps = {},
+    tooltipPosition,
+    validationOnLabel,
+    value,
+    startRef,
+    endRef,
+    ...rest
+  } = _ref;
   const l = (0, _useLocale.default)();
   const {
     dateFnsLocale
@@ -69,7 +51,6 @@ const DateRange = ({
     if ((0, _utils.checkISOFormatAndLength)(valueString)) {
       return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(valueString));
     }
-
     return valueString;
   }, [format]);
   const getStartDate = (0, _react.useCallback)(() => {
@@ -98,11 +79,9 @@ const DateRange = ({
       setOpen: null
     }
   });
-
   function isEmptyValue(allowEmpty, inputValue) {
     return allowEmpty && !inputValue.length;
   }
-
   const [startDateValue, setStartDateValue] = (0, _react.useState)({
     formattedValue: getStartDate(),
     rawValue: isEmptyValue(startDateProps.allowEmptyValue, getStartDate()) ? "" : (0, _utils.formatToISO)(format, getStartDate())
@@ -123,10 +102,8 @@ const DateRange = ({
         rawValue: isEmptyValue(endDateProps.allowEmptyValue, getEndDate()) ? "" : (0, _utils.formatToISO)(format, getEndDate())
       });
     };
-
-    const hasPreviousValues = previousValue === null || previousValue === void 0 ? void 0 : previousValue.length;
+    const hasPreviousValues = previousValue?.length;
     const hasUpdated = hasPreviousValues && (value[0] !== previousValue[0] || value[1] !== previousValue[1]);
-
     if (hasUpdated) {
       updateValues();
     }
@@ -136,7 +113,8 @@ const DateRange = ({
     const endValue = changedDate === "end" && newValue ? newValue : endDateValue;
     setLastChangedDate(changedDate);
     return {
-      target: { ...(name && {
+      target: {
+        ...(name && {
           name
         }),
         ...(id && {
@@ -146,54 +124,47 @@ const DateRange = ({
       }
     };
   }, [endDateValue, id, name, startDateValue]);
-
   const handleOnChange = (changedDate, ev) => {
     if (changedDate === "start") {
-      setStartDateValue({ ...ev.target.value
+      setStartDateValue({
+        ...ev.target.value
       });
     } else {
-      setEndDateValue({ ...ev.target.value
+      setEndDateValue({
+        ...ev.target.value
       });
     }
-
     const event = buildCustomEvent(changedDate, ev.target.value);
     onChange(event);
   };
-
   const startDateOnChange = ev => {
     handleOnChange("start", ev);
   };
-
   const endDateOnChange = ev => {
     handleOnChange("end", ev);
   };
-
   const updateInputMap = newState => {
     setInputRefMap(prev => {
-      return { ...prev,
+      return {
+        ...prev,
         ...newState
       };
     });
   };
-
   const isBlurBlocked = () => inputRefMap.start.isBlurBlocked.current || inputRefMap.end.isBlurBlocked.current;
-
   const handleOnBlur = ev => {
     if (isBlurBlocked()) {
       return;
     }
-
     if (onBlur) {
       const event = buildCustomEvent(lastChangedDate, ev.target.value);
       onBlur(event);
     }
   };
-
   const closePicker = activeInput => {
     inputRefMap[activeInput].setOpen(false);
     inputRefMap[activeInput].isBlurBlocked.current = false;
   };
-
   const handleOnKeyDown = (ev, activeInput) => {
     if (_events.default.isTabKey(ev) && _events.default.isShiftKey(ev)) {
       if (activeInput === "start") {
@@ -209,12 +180,10 @@ const DateRange = ({
       }
     }
   };
-
   const handleFocus = inputName => {
     closePicker(inputName);
     setLastChangedDate(inputName === "start" ? "end" : "start");
   };
-
   const dateProps = propsKey => {
     const props = propsKey === "start" ? startDateProps : endDateProps;
     const {
@@ -235,7 +204,6 @@ const DateRange = ({
       ...props
     };
   };
-
   return /*#__PURE__*/_react.default.createElement(_dateRange.default, _extends({}, (0, _tags.default)("date-range", rest), {
     labelsInline: labelsInline
   }, (0, _utils2.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_dateRange2.default.Provider, {
@@ -245,7 +213,6 @@ const DateRange = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_date.default, _extends({
     my: 0 // prevents any form spacing being applied
-
   }, dateProps("start"), {
     onFocus: () => handleFocus("end"),
     "data-element": "start-date",
@@ -255,7 +222,6 @@ const DateRange = ({
     ref: startRef
   })), /*#__PURE__*/_react.default.createElement(_date.default, _extends({
     my: 0 // prevents any form spacing being applied
-
   }, dateProps("end"), {
     onFocus: () => handleFocus("start"),
     "data-element": "end-date",
@@ -265,8 +231,8 @@ const DateRange = ({
     ref: endRef
   }))));
 };
-
-const dateInputPropTypes = { // eslint-disable-next-line react/forbid-foreign-prop-types
+const dateInputPropTypes = {
+  // eslint-disable-next-line react/forbid-foreign-prop-types
   ..._date.default.propTypes,
   onChange: _propTypes.default.func,
   value: _propTypes.default.string
@@ -274,90 +240,72 @@ const dateInputPropTypes = { // eslint-disable-next-line react/forbid-foreign-pr
 DateRange.propTypes = {
   /** Filtered styled system margin props */
   ...marginPropTypes,
-
   /**
    * Optional label for endDate field
    */
   endLabel: _propTypes.default.string,
-
   /** Custom callback - receives array of startDate and endDate */
   onChange: _propTypes.default.func.isRequired,
-
   /** Custom callback - receives array of startDate and endDate */
   onBlur: _propTypes.default.func,
-
   /** An array containing the value of startDate and endDate */
   value: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-
   /** Indicate that error has occurred on start date
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   startError: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that warning has occurred on start date
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   startWarning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate additional information for start date
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   startInfo: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /**
    * A React ref to pass to the first of the two Date Input fields
    */
   startRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(HTMLInputElement)
   })]),
-
   /** Indicate that error has occurred on end date
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   endError: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that warning has occurred on end date
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   endWarning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate additional information for end date
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   endInfo: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /**
    * A React ref to pass to the second of the two Date Input fields
    */
   endRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(HTMLInputElement)
   })]),
-
   /** When true, validation icons will be placed on labels instead of being placed on the inputs */
   validationOnLabel: _propTypes.default.bool,
-
   /**
    * Optional label for startDate field
    */
   startLabel: _propTypes.default.string,
-
   /** Display labels inline */
   labelsInline: _propTypes.default.bool,
-
   /** Props for the child start Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
-  startDateProps: _propTypes.default.shape({ ...dateInputPropTypes
+  startDateProps: _propTypes.default.shape({
+    ...dateInputPropTypes
   }),
-
   /** Props for the child end Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
-  endDateProps: _propTypes.default.shape({ ...dateInputPropTypes
+  endDateProps: _propTypes.default.shape({
+    ...dateInputPropTypes
   }),
-
   /** An optional string prop to provide a name to the component */
   name: _propTypes.default.string,
-
   /** An optional string prop to provide an id to the component */
   id: _propTypes.default.string,
-
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };

package/lib/components/date-range/date-range.context.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = /*#__PURE__*/_react.default.createContext({});
-
 exports.default = _default;

package/lib/components/date-range/date-range.style.js

@@ -4,30 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _date = _interopRequireDefault(require("../date/date.style"));
-
 var _label = require("../../__internal__/label/label.style");
-
 var _inputPresentation = require("../../__internal__/input/input-presentation.style");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledDateRange = _styledComponents.default.div`
   ${_styledSystem.margin}
 
   & ${_date.default} {
     width: auto;
     display: inline-block;
-    vertical-align: ${({
-  labelsInline
-}) => labelsInline ? "top" : "bottom"};
+    vertical-align: ${_ref => {
+  let {
+    labelsInline
+  } = _ref;
+  return labelsInline ? "top" : "bottom";
+}};
   }
 
   & ${_date.default}:first-child {

package/lib/components/date-range/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _dateRange.default;
   }
 });
-
 var _dateRange = _interopRequireDefault(require("./date-range.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/decimal/decimal.component.js

@@ -4,115 +4,92 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Decimal = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _textbox = _interopRequireDefault(require("../textbox"));
-
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
-
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-
-const Decimal = /*#__PURE__*/_react.default.forwardRef(({
-  align = "right",
-  defaultValue,
-  precision = 2,
-  inputWidth,
-  readOnly,
-  onChange,
-  onBlur,
-  onKeyPress,
-  id,
-  name,
-  allowEmptyValue = false,
-  required,
-  locale,
-  value,
-  inputRef,
-  ...rest
-}, ref) => {
+const Decimal = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    align = "right",
+    defaultValue,
+    precision = 2,
+    inputWidth,
+    readOnly,
+    onChange,
+    onBlur,
+    onKeyPress,
+    id,
+    name,
+    allowEmptyValue = false,
+    required,
+    locale,
+    value,
+    inputRef,
+    ...rest
+  } = _ref;
   const l = (0, _react.useContext)(_i18nContext.default);
-
   if (!deprecateInputRefWarnTriggered && inputRef) {
     deprecateInputRefWarnTriggered = true;
-
     _logger.default.deprecate("The `inputRef` prop in `Decimal` component is deprecated and will soon be removed. Please use `ref` instead.");
   }
-
   const emptyValue = allowEmptyValue ? "" : "0.00";
   const getSafeValueProp = (0, _react.useCallback)(initialValue => {
     // We're intentionally preventing the use of number values to help prevent any unintentional rounding issues
     !(typeof initialValue === "string") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Decimal `value` prop must be a string") : (0, _invariant.default)(false) : void 0;
-
     if (initialValue && !allowEmptyValue) {
       !(initialValue !== "") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Decimal `value` must not be an empty string. Please use `allowEmptyValue` or `0.00`") : (0, _invariant.default)(false) : void 0;
     }
-
     return initialValue;
   }, [allowEmptyValue]);
   const getSeparator = (0, _react.useCallback)(separatorType => {
-    var _Intl$NumberFormat$fo;
-
     const numberWithGroupAndDecimalSeparator = 10000.1;
-    return (_Intl$NumberFormat$fo = Intl.NumberFormat(locale || l.locale()).formatToParts(numberWithGroupAndDecimalSeparator).find(part => part.type === separatorType)) === null || _Intl$NumberFormat$fo === void 0 ? void 0 : _Intl$NumberFormat$fo.value;
+    return Intl.NumberFormat(locale || l.locale()).formatToParts(numberWithGroupAndDecimalSeparator).find(part => part.type === separatorType)?.value;
   }, [l, locale]);
   const isNaN = (0, _react.useCallback)(valueToTest => {
     return Number.isNaN(Number(valueToTest));
   }, []);
+
   /**
    * Format a user defined value
    */
-
   const formatValue = (0, _react.useCallback)(valueToFormat => {
     if (isNaN(valueToFormat)) {
       return valueToFormat;
     }
+
     /* Guards against any white-space only strings like "   " being 
     mishandled and returned as `NaN` for the value displayed in the textbox */
-
-
     if (valueToFormat === "" || valueToFormat.match(/\s+/g)) {
       return valueToFormat;
     }
-
     const separator = getSeparator("decimal");
     const [integer, remainder] = valueToFormat.split(".");
     const formattedInteger = Intl.NumberFormat(locale || l.locale(), {
       maximumFractionDigits: 0
     }).format(integer);
     let formattedNumber = formattedInteger;
-
-    if ((remainder === null || remainder === void 0 ? void 0 : remainder.length) > precision) {
+    if (remainder?.length > precision) {
       formattedNumber += `${separator + remainder}`;
-    } else if ((remainder === null || remainder === void 0 ? void 0 : remainder.length) <= precision) {
+    } else if (remainder?.length <= precision) {
       formattedNumber += `${separator + remainder + "0".repeat(precision - remainder.length)}`;
     } else {
       formattedNumber += `${precision ? separator + "0".repeat(precision) : ""}`;
     }
-
     return formattedNumber;
   }, [getSeparator, isNaN, l, locale, precision]);
+
   /**
    * Determine if the precision value has changed from the previous ref value for precision
    */
-
   const prevPrecisionValue = (0, _usePrevious.default)(precision);
   (0, _react.useEffect)(() => {
     if (prevPrecisionValue && prevPrecisionValue !== precision) {
@@ -124,34 +101,28 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
     const delimiterMatcher = new RegExp(`[\\${getSeparator("group")} ]*`, "g");
     return valueToFormat.replace(delimiterMatcher, "");
   }, [getSeparator]);
+
   /**
    * Convert raw input to a standard decimal format
    */
-
   const toStandardDecimal = (0, _react.useCallback)(i18nValue => {
-    var _getSeparator;
-
-    const valueWithoutNBS = (_getSeparator = getSeparator("group")) !== null && _getSeparator !== void 0 && _getSeparator.match(/\s+/) && !i18nValue.match(/\s{2,}/) ? i18nValue.replace(/\s+/g, "") : i18nValue;
+    const valueWithoutNBS = getSeparator("group")?.match(/\s+/) && !i18nValue.match(/\s{2,}/) ? i18nValue.replace(/\s+/g, "") : i18nValue;
     /* If a value is passed in that is a number but has too many delimiters in succession, we want to handle this
     value without formatting it or removing delimiters. We also want to consider that,
     if a value consists of only delimiters, we want to treat that 
     value in the same way as if the value was NaN. We want to pass this value to the 
     formatValue function, before the delimiters can be removed. */
-
     const errorsWithDelimiter = new RegExp(`([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$`, "g");
     const separator = getSeparator("decimal");
     const separatorRegex = new RegExp(separator === "." ? `\\${separator}` : separator, "g");
-
     if (valueWithoutNBS.match(errorsWithDelimiter) || (valueWithoutNBS.match(separatorRegex) || []).length > 1) {
       return valueWithoutNBS;
     }
-
     const withoutDelimiters = removeDelimiters(valueWithoutNBS);
     return withoutDelimiters.replace(new RegExp(`\\${separator}`, "g"), ".");
   }, [getSeparator, removeDelimiters]);
   const decimalValue = getSafeValueProp(defaultValue || value || emptyValue);
   const [stateValue, setStateValue] = (0, _react.useState)(isNaN(toStandardDecimal(decimalValue)) ? decimalValue : formatValue(decimalValue));
-
   const createEvent = (formatted, raw) => {
     return {
       target: {
@@ -164,7 +135,6 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
       }
     };
   };
-
   const handleOnChange = ev => {
     const {
       value: val
@@ -172,13 +142,11 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
     setStateValue(val);
     if (onChange) onChange(createEvent(val));
   };
-
   const handleOnBlur = ev => {
     const {
       value: updatedValue
     } = ev.target;
     let event;
-
     if (updatedValue) {
       const standardVisible = toStandardDecimal(updatedValue);
       const formattedValue = isNaN(standardVisible) ? updatedValue : formatValue(standardVisible);
@@ -188,10 +156,8 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
       event = createEvent(emptyValue);
       setStateValue(emptyValue);
     }
-
     if (onBlur) onBlur(event);
   };
-
   const isControlled = value !== undefined;
   const prevControlledRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -202,10 +168,8 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
   const prevValue = (0, _usePrevious.default)(value);
   (0, _react.useEffect)(() => {
     const standardDecimalValue = toStandardDecimal(stateValue);
-
     if (isControlled) {
       const valueProp = getSafeValueProp(value);
-
       if (standardDecimalValue !== valueProp) {
         if (valueProp === "" && prevValue === "") {
           setStateValue(formatValue(emptyValue));
@@ -215,13 +179,10 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
       }
     }
   }, [emptyValue, formatValue, getSafeValueProp, isControlled, prevValue, stateValue, toStandardDecimal, value]);
-
   if (!deprecateUncontrolledWarnTriggered && !isControlled) {
     deprecateUncontrolledWarnTriggered = true;
-
     _logger.default.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
     onKeyPress: onKeyPress,
     align: align,
@@ -242,7 +203,6 @@ const Decimal = /*#__PURE__*/_react.default.forwardRef(({
     "data-component": "hidden-input"
   }));
 });
-
 exports.Decimal = Decimal;
 Decimal.propTypes = {
   "about": _propTypes.default.string,
@@ -312,14 +272,12 @@ Decimal.propTypes = {
   "children": _propTypes.default.node,
   "className": _propTypes.default.string,
   "color": _propTypes.default.string,
+  "content": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
-  "crossOrigin": _propTypes.default.string,
-  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__emotion_styles": _propTypes.default.any.isRequired
-  }), _propTypes.default.string, _propTypes.default.bool]),
+  "crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
-    "__html": _propTypes.default.string.isRequired
+    "__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
   }),
   "data-component": _propTypes.default.string,
   "data-element": _propTypes.default.string,
@@ -532,6 +490,7 @@ Decimal.propTypes = {
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string]),
   "name": _propTypes.default.string,
+  "nonce": _propTypes.default.string,
   "onAbort": _propTypes.default.func,
   "onAbortCapture": _propTypes.default.func,
   "onAnimationEnd": _propTypes.default.func,
@@ -700,9 +659,11 @@ Decimal.propTypes = {
   "property": _propTypes.default.string,
   "radioGroup": _propTypes.default.string,
   "readOnly": _propTypes.default.bool,
+  "rel": _propTypes.default.string,
   "required": _propTypes.default.bool,
   "resource": _propTypes.default.string,
   "results": _propTypes.default.number,
+  "rev": _propTypes.default.string,
   "reverse": _propTypes.default.bool,
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,