carbon-react 111.12.3 → 111.12.4

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

@@ -4,24 +4,43 @@ 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); }
+
 const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const DateRange = ({
   endDateProps = {},
   id,
@@ -48,6 +67,7 @@ const DateRange = ({
     if ((0, _utils.checkISOFormatAndLength)(valueString)) {
       return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(valueString));
     }
+
     return valueString;
   }, [format]);
   const getStartDate = (0, _react.useCallback)(() => {
@@ -76,9 +96,11 @@ 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())
@@ -99,8 +121,10 @@ const DateRange = ({
         rawValue: isEmptyValue(endDateProps.allowEmptyValue, getEndDate()) ? "" : (0, _utils.formatToISO)(format, getEndDate())
       });
     };
+
     const hasPreviousValues = previousValue === null || previousValue === void 0 ? void 0 : previousValue.length;
     const hasUpdated = hasPreviousValues && (value[0] !== previousValue[0] || value[1] !== previousValue[1]);
+
     if (hasUpdated) {
       updateValues();
     }
@@ -110,8 +134,7 @@ const DateRange = ({
     const endValue = changedDate === "end" && newValue ? newValue : endDateValue;
     setLastChangedDate(changedDate);
     return {
-      target: {
-        ...(name && {
+      target: { ...(name && {
           name
         }),
         ...(id && {
@@ -121,47 +144,54 @@ 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") {
@@ -177,10 +207,12 @@ const DateRange = ({
       }
     }
   };
+
   const handleFocus = inputName => {
     closePicker(inputName);
     setLastChangedDate(inputName === "start" ? "end" : "start");
   };
+
   const dateProps = propsKey => {
     const props = propsKey === "start" ? startDateProps : endDateProps;
     const {
@@ -201,6 +233,7 @@ 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, {
@@ -222,8 +255,8 @@ const DateRange = ({
     tooltipPosition: tooltipPosition
   }))));
 };
-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
@@ -231,60 +264,76 @@ const dateInputPropTypes = {
 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]),
+
   /** 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]),
+
   /** 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,7 +4,11 @@ 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,13 +4,21 @@ 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}
 

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

@@ -9,5 +9,7 @@ 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,16 +4,27 @@ 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"));
+
 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); }
+
 const Decimal = ({
   align = "right",
   defaultValue,
@@ -36,39 +47,45 @@ const Decimal = ({
   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;
   }, [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) {
       formattedNumber += `${separator + remainder}`;
     } else if ((remainder === null || remainder === void 0 ? void 0 : remainder.length) <= precision) {
@@ -76,12 +93,13 @@ const Decimal = ({
     } 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) {
@@ -93,29 +111,34 @@ const Decimal = ({
     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;
     /* 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: {
@@ -128,6 +151,7 @@ const Decimal = ({
       }
     };
   };
+
   const handleOnChange = ev => {
     const {
       value: val
@@ -135,11 +159,13 @@ const Decimal = ({
     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);
@@ -149,8 +175,10 @@ const Decimal = ({
       event = createEvent(emptyValue);
       setStateValue(emptyValue);
     }
+
     if (onBlur) onBlur(event);
   };
+
   const isControlled = value !== undefined;
   const prevControlledRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -161,8 +189,10 @@ const Decimal = ({
   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));
@@ -190,6 +220,7 @@ const Decimal = ({
     "data-component": "hidden-input"
   }));
 };
+
 exports.Decimal = Decimal;
 Decimal.propTypes = {
   "about": _propTypes.default.string,
@@ -260,6 +291,9 @@ Decimal.propTypes = {
   "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]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/components/decimal/index.js

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

package/lib/components/definition-list/__internal__/dl.context.js

@@ -4,7 +4,11 @@ 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/definition-list/dd.component.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _definitionList = require("./definition-list.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const Dd = ({
   children,
   ...rest
@@ -20,6 +26,7 @@ const Dd = ({
     mb: mb || 2
   }, rest), children);
 };
+
 Dd.propTypes = {
   "children": _propTypes.default.node,
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({

package/lib/components/definition-list/definition-list.style.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDd = exports.StyledDt = exports.StyledDdDiv = exports.StyledDtDiv = exports.StyledDl = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _button = _interopRequireDefault(require("../button/button.style"));
+
 var _themes = require("../../style/themes");
+
 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; }
+
 const StyledDl = _styledComponents.default.dl`
   ${_styledSystem.space}
 

package/lib/components/definition-list/dl.component.js

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactIs = require("react-is");
+
 var _definitionList = require("./definition-list.style");
+
 var _dt = _interopRequireDefault(require("./dt.component"));
+
 var _dd = _interopRequireDefault(require("./dd.component"));
+
 var _dl = _interopRequireDefault(require("./__internal__/dl.context"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const Dl = ({
   children,
   w = 50,
@@ -22,8 +32,11 @@ const Dl = ({
   ...rest
 }) => {
   const dlComponent = [];
+
   const listChildren = _react.default.Children.toArray(children);
+
   let key = "";
+
   const composeDlComponent = childrenArray => {
     let dtLabel;
     let ddContent = [];
@@ -36,14 +49,19 @@ const Dl = ({
         if ((0, _reactIs.isElement)(child) && child.type === _dt.default) {
           dtLabel = child;
         }
+
         if ((0, _reactIs.isElement)(child) && child.type === _dd.default) {
           ddContent.push(child);
         }
+
         isLastChild = index === childrenArray.length - 1;
         const originalKey = (0, _reactIs.isElement)(child) && child.props.key;
         const nextItem = childrenArray[index + 1];
+
         const isNextItemDt = (0, _reactIs.isElement)(nextItem) && nextItem.type === _dt.default;
+
         nextItemIsNotDd = !isLastChild && (isNextItemDt || (0, _reactIs.isFragment)(nextItem));
+
         if (dtLabel && (nextItemIsNotDd || isLastChild)) {
           key = `${key + 1}`;
           dlComponent.push( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -59,6 +77,7 @@ const Dl = ({
     });
     return dlComponent;
   };
+
   return /*#__PURE__*/_react.default.createElement(_definitionList.StyledDl, _extends({
     w: w,
     "data-component": "dl",
@@ -69,6 +88,7 @@ const Dl = ({
     }
   }, composeDlComponent(listChildren)));
 };
+
 Dl.propTypes = {
   "asSingleColumn": _propTypes.default.bool,
   "children": _propTypes.default.node,

package/lib/components/definition-list/dt.component.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _definitionList = require("./definition-list.style");
+
 var _dl = _interopRequireDefault(require("./__internal__/dl.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); }
+
 const Dt = ({
   children,
   ...rest
@@ -29,6 +38,7 @@ const Dt = ({
     pr: pr || asSingleColumn ? undefined : 3
   }, rest), children);
 };
+
 Dt.propTypes = {
   "children": _propTypes.default.node,
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({