carbon-react 111.12.1 → 111.12.3

package/lib/components/confirm/index.js

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

package/lib/components/content/content.component.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Content = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _content = require("./content.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 Content = ({
   variant = "primary",
   children,
@@ -45,7 +39,6 @@ const Content = ({
     align: align
   }, children));
 };
-
 exports.Content = Content;
 Content.propTypes = {
   "align": _propTypes.default.oneOf(["center", "left", "right"]),

package/lib/components/content/content.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledContentBody = exports.StyledContentTitle = exports.StyledContent = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 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 StyledContent = _styledComponents.default.div`
   ${({
   bodyFullWidth,

package/lib/components/content/index.js

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

package/lib/components/date/__internal__/date-formats/index.js

@@ -5,33 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // The order of this array is important, when an input value matches more than one format the last one is used
-const EU_FORMATS = ["d M yyyy", "dd M yyyy", "d MM yyyy", "dd MM yyyy", "d M yy", "dd M yy", "d MM yy", "dd MM yy", "d", "d M", "dd", "d MM", "dd M", "dd MM"]; // The order of this array is important, when an input value matches more than one format the last one is used
+const EU_FORMATS = ["d M yyyy", "dd M yyyy", "d MM yyyy", "dd MM yyyy", "d M yy", "dd M yy", "d MM yy", "dd MM yy", "d", "d M", "dd", "d MM", "dd M", "dd MM"];
 
-const NA_FORMATS = ["M", "M d", "MM", "M dd", "MM d", "MM dd", "M d yy", "MM d yy", "M dd yy", "MM dd yy", "M d yyyy", "MM d yyyy", "M dd yyyy", "MM dd yyyy"]; // The order of this array is important, when an input value matches more than one format the last one is used
+// The order of this array is important, when an input value matches more than one format the last one is used
+const NA_FORMATS = ["M", "M d", "MM", "M dd", "MM d", "MM dd", "M d yy", "MM d yy", "M dd yy", "MM dd yy", "M d yyyy", "MM d yyyy", "M dd yyyy", "MM dd yyyy"];
 
+// The order of this array is important, when an input value matches more than one format the last one is used
 const CN_FORMATS = ["yyyy M", "yyyy M d", "yyyy MM d", "yyyy M dd", "yyyy MM dd", "yy M", "yy MM", "yy M d", "yy MM d", "yy M dd", "yy MM dd", "M", "M d", "MM", "M dd", "MM d", "MM dd"];
 const SEPARATORS = ["", ".", ",", "-", "/", ":"];
 const STANDARD_FORMAT_LENGTH = 10;
-
 const generateFormats = (formatArray, separator, trailingChar) => {
   const separators = SEPARATORS.includes(separator) ? SEPARATORS : [...SEPARATORS, separator];
   return formatArray.reduce((arr, formatString) => {
     const array = [...arr, formatString];
-
     if (formatString.includes(" ")) {
       separators.forEach(char => {
         if (separator === char && trailingChar) {
           array.push(`${formatString.replace(/ /g, char)}${trailingChar}`);
         }
-
         array.push(formatString.replace(/ /g, char));
       });
     }
-
     return array;
   }, []);
 };
-
 const getOutputFormatForLocale = localeCode => {
   const formatMap = {
     day: "dd",
@@ -47,14 +44,11 @@ const getOutputFormatForLocale = localeCode => {
     if (type !== "literal") {
       return formatMap[type];
     }
-
     if (!separator) {
       separator = value;
     }
-
     return value;
   }).join("");
-
   if (localeCode.startsWith("bg")) {
     // this locale adds an additional char that has no effect on the output formatting
     return {
@@ -62,31 +56,26 @@ const getOutputFormatForLocale = localeCode => {
       separator
     };
   }
-
   return {
     format,
     separator
   };
 };
-
 const getInputFormatsArrayForLocale = format => {
   if (format.startsWith("y")) {
     return CN_FORMATS;
   }
-
   if (format.startsWith("M")) {
     return NA_FORMATS;
   }
-
   return EU_FORMATS;
-}; // we need this to handle for formats that add extra chars at the end of the format
-
+};
 
+// we need this to handle for formats that add extra chars at the end of the format
 const getTrailingChar = format => {
   const lastChar = format.split("").pop();
   return ["y", "M", "d"].includes(lastChar) ? "" : lastChar;
 };
-
 const getFormatData = ({
   code
 }) => {
@@ -98,7 +87,6 @@ const getFormatData = ({
       formats: generateFormats(formats, "/")
     };
   }
-
   const {
     format,
     separator
@@ -110,6 +98,5 @@ const getFormatData = ({
     formats: generateFormats(formatsForLocale, separator, getTrailingChar(format))
   };
 };
-
 var _default = getFormatData;
 exports.default = _default;

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -4,39 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDayPicker = _interopRequireDefault(require("react-day-picker"));
-
 var _dom = require("@floating-ui/dom");
-
 var _utils = require("../utils");
-
 var _popover = _interopRequireDefault(require("../../../../__internal__/popover"));
-
 var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
-
 var _navbar = _interopRequireDefault(require("../navbar"));
-
 var _weekday = _interopRequireDefault(require("../weekday"));
-
 var _dayPicker = _interopRequireDefault(require("./day-picker.style"));
-
 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 popoverMiddleware = [(0, _dom.offset)(3), (0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
-
 const DatePicker = /*#__PURE__*/_react.default.forwardRef(({
   inputElement,
   minDate,
@@ -77,31 +61,27 @@ const DatePicker = /*#__PURE__*/_react.default.forwardRef(({
   } : {
     width: "abbreviated"
   }).substring(0, 3)), [l, localize]);
-
   const handleDayClick = (date, {
     disabled
   }, ev) => {
     if (!disabled) {
       var _inputElement$current;
-
       const {
         id,
         name
       } = inputElement === null || inputElement === void 0 ? void 0 : (_inputElement$current = inputElement.current) === null || _inputElement$current === void 0 ? void 0 : _inputElement$current.firstChild;
-      ev.target = { ...ev.target,
+      ev.target = {
+        ...ev.target,
         id,
         name
       };
       onDayClick(date, ev);
     }
   };
-
   const formatDay = date => `${weekdaysShort[date.getDay()]} ${date.getDate()} ${monthsShort[date.getMonth()]} ${date.getFullYear()}`;
-
   if (!open) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_popover.default, {
     placement: "bottom-start",
     reference: inputElement,
@@ -138,32 +118,23 @@ const DatePicker = /*#__PURE__*/_react.default.forwardRef(({
     }
   }, pickerProps))));
 });
-
 DatePicker.propTypes = {
   /** Minimum possible date */
   minDate: _propTypes.default.string,
-
   /** Maximum possible date */
   maxDate: _propTypes.default.string,
-
   /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
   disablePortal: _propTypes.default.bool,
-
   /** Element that the DatePicker will be displayed under */
   inputElement: _propTypes.default.object.isRequired,
-
   /** Currently selected date */
   selectedDays: _propTypes.default.instanceOf(Date),
-
   /** Callback to set selected date */
   onDayClick: _propTypes.default.func,
-
   /** Pass any props that match the DayPickerProps interface to override default behaviors */
   pickerProps: _propTypes.default.object,
-
   /** Callback to handle mousedown event on picker */
   pickerMouseDown: _propTypes.default.func,
-
   /** Sets whether the picker should be displayed */
   open: _propTypes.default.bool
 };

package/lib/components/date/__internal__/date-picker/day-picker.style.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _base = _interopRequireDefault(require("../../../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // Styles copied from https://github.com/gpbl/react-day-picker/blob/v6.1.1/src/style.css
 const addReactDayPickerStyles = () => `
   .DayPicker {
@@ -185,7 +181,6 @@ const addReactDayPickerStyles = () => `
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   }
 `;
-
 const StyledDayPicker = _styledComponents.default.div`
   ${addReactDayPickerStyles}
 

package/lib/components/date/__internal__/date-picker/index.js

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

package/lib/components/date/__internal__/navbar/button.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledButton = _styledComponents.default.button.attrs({
   type: "button"
 })`

package/lib/components/date/__internal__/navbar/index.js

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

package/lib/components/date/__internal__/navbar/navbar.component.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _button = _interopRequireDefault(require("./button.style"));
-
 var _navbar = _interopRequireDefault(require("./navbar.style"));
-
 var _icon = _interopRequireDefault(require("../../../icon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Navbar = ({
   onPreviousClick,
   onNextClick,
@@ -30,7 +23,6 @@ const Navbar = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "chevron_right"
 })));
-
 Navbar.propTypes = {
   onPreviousClick: _propTypes.default.func,
   onNextClick: _propTypes.default.func

package/lib/components/date/__internal__/navbar/navbar.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledNavbar = _styledComponents.default.div`
   &.DayPicker-NavBar {
     display: flex;

package/lib/components/date/__internal__/utils.js

@@ -13,32 +13,24 @@ exports.parseISODate = parseISODate;
 exports.getDisabledDays = getDisabledDays;
 exports.checkISOFormatAndLength = checkISOFormatAndLength;
 exports.getSeparator = void 0;
-
 var _fp = require("date-fns/fp");
-
 function parseDate(formatString, valueString) {
   if (!valueString || !formatString) return null;
   return (0, _fp.parse)(new Date(), formatString, valueString);
 }
-
 function formatToISO(formatString, valueString) {
   const dateValue = parseDate(formatString, valueString);
-
   if (!isDateValid(dateValue)) {
     return null;
   }
-
   return (0, _fp.formatISO)(dateValue).split("T")[0];
 }
-
 function formattedValue(formatString, value) {
   return (0, _fp.format)(formatString, value);
 }
-
 function isDateValid(date) {
   return date && date.toString() !== "Invalid Date";
 }
-
 function hasMatchedFormat(formatString, valueString, fullFormat, fullValue) {
   if (formatString.includes("d")) {
     return formatString.length === valueString.length && (0, _fp.isMatch)(fullFormat.join("."), fullValue.join(".")) // need to check day value with month value
@@ -47,14 +39,11 @@ function hasMatchedFormat(formatString, valueString, fullFormat, fullValue) {
 
   return formatString.length === valueString.length && (0, _fp.isMatch)(formatString, valueString);
 }
-
 const THRESHOLD_FOR_ADDITIONAL_YEARS = 69;
-
 function additionalYears(formatString, value) {
   if (formatString.split("y").length - 1 !== 2) {
     return [formatString, value];
   }
-
   const formatStartWithYear = formatString.startsWith("yy");
   const yearStringStartIndex = formatStartWithYear ? 0 : value.length - 2;
   const yearStringEndIndex = formatStartWithYear ? 2 : value.length;
@@ -63,136 +52,106 @@ function additionalYears(formatString, value) {
   let year = value.substring(yearStringStartIndex, yearStringEndIndex);
   const dayAndMonth = value.substring(dayAndMonthStringStartIndex, dayAndMonthStringEndIndex);
   const yearAsNumber = Number(year);
-
   if (yearAsNumber < THRESHOLD_FOR_ADDITIONAL_YEARS) {
     year = String(2000 + yearAsNumber);
   } else {
     year = String(1900 + yearAsNumber);
   }
-
   if (formatStartWithYear) {
     return [`yyyy${formatString.substring(2, formatString.length)}`, `${year}${dayAndMonth}`];
   }
-
   return [`${formatString.substring(0, formatString.length - 2)}yyyy`, `${dayAndMonth}${year}`];
 }
-
 function makeSeparatedValues(arr, str) {
   return arr.map((_, i) => str.substring(arr[i], arr[i + 1]));
 }
-
 function checkForCompleteMatch(formatArray, valueArray) {
   return formatArray.every((formatString, i) => hasMatchedFormat(formatString, valueArray[i], formatArray, valueArray));
 }
-
 function findMatchWithNoSeparators(valueString, formatString) {
   const indexArray = formatString.split("").reduce((arr, char, index) => {
     if (index === 0 || char !== formatString[index - 1]) {
       return [...arr, index];
     }
-
     return arr;
   }, []);
   const formatArray = makeSeparatedValues(indexArray, formatString);
   const valueArray = makeSeparatedValues(indexArray, valueString);
-
   if (checkForCompleteMatch(formatArray, valueArray)) {
     return [formatArray.join(" "), valueArray.join(" ")];
   }
-
   return null;
 }
-
 function findMatchWithSeparators(valueString, formatString, separator) {
   const formatArray = formatString.split(separator);
   const valueArray = valueString.split(separator);
-
   if (checkForCompleteMatch(formatArray, valueArray)) {
     return [formatString, valueString];
   }
-
   return null;
 }
-
 const getSeparator = value => {
   const separator = ["", ".", ",", "-", "/", " ", ":"].slice(1).find(char => value.includes(char));
   return separator || "";
 };
-
 exports.getSeparator = getSeparator;
-
 function findMatchedFormatAndValue(valueString, formats) {
   if (!valueString) {
     return ["", ""];
   }
-
   const valueSeparator = getSeparator(valueString);
   const filteredFormats = formats.filter(formatString => formatString.length === valueString.length && getSeparator(formatString) === valueSeparator);
   const matchedFormatAndValue = filteredFormats.reduce((acc, formatString) => {
     const formatSeparator = getSeparator(formatString);
-
     if (valueSeparator === "" && formatSeparator === "") {
       // This check is added as there is a bug in date-fns https://github.com/date-fns/date-fns/issues/2785
       // it incorrectly matches or fails to parse valid dates with no separators
       const match = findMatchWithNoSeparators(valueString, formatString);
-
       if (match) {
         return match;
       }
     }
-
     if (valueSeparator && formatSeparator && valueSeparator === formatSeparator) {
       const match = findMatchWithSeparators(valueString, formatString, valueSeparator);
-
       if (match) {
         return match;
       }
     }
-
     return acc;
   }, []);
   return matchedFormatAndValue;
 }
-
 function parseISODate(value) {
   return (0, _fp.parseISO)(value);
 }
+
 /**
  * Returns the disabled array of days specified by props maxDate and minDate
  */
-
-
 function getDisabledDays(minDate, maxDate) {
   const days = [];
-
   if (!minDate && !maxDate) {
     return null;
   }
-
   if (checkISOFormatAndLength(minDate)) {
     days.push({
       before: parseISODate(minDate)
     });
   }
-
   if (checkISOFormatAndLength(maxDate)) {
     days.push({
       after: parseISODate(maxDate)
     });
   }
-
   return days;
 }
-
 function checkISOFormatAndLength(value) {
   if (!value || value.length !== 10 || !isValidISODate(value)) {
     return false;
   }
-
   const array = value.split("-");
   return array.length === 3 && array[0].length === 4 && array[1].length === 2 && array[2].length === 2;
 }
-
 function isValidISODate(dateString) {
   return parseISODate(dateString).toString() !== "Invalid Date";
 }

package/lib/components/date/__internal__/weekday/abbr.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledAbbr = _styledComponents.default.abbr`
   text-decoration: none;
 `;

package/lib/components/date/__internal__/weekday/index.js

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

package/lib/components/date/__internal__/weekday/weekday.component.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _weekday = _interopRequireDefault(require("./weekday.style"));
-
 var _abbr = _interopRequireDefault(require("./abbr.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 Weekday = ({
   className,
   title,
@@ -28,7 +21,6 @@ const Weekday = ({
 }, props), /*#__PURE__*/_react.default.createElement(_abbr.default, {
   title: title
 }, children));
-
 Weekday.propTypes = {
   className: _propTypes.default.string,
   title: _propTypes.default.string,

package/lib/components/date/__internal__/weekday/weekday.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledWeekday = _styledComponents.default.div`
   &,
   &.DayPicker-Weekday {