carbon-react 154.4.1 → 154.4.2

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

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledContentTitle = exports.StyledContentBody = exports.StyledContent = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _themes = require("../../style/themes");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledContent = exports.StyledContent = _styledComponents.default.div`
-  ${({
-  bodyFullWidth,
-  align
-}) => (0, _styledComponents.css)`
-    ${_styledSystem.margin}
-
-    & + & {
-      margin-top: 15px;
-    }
-
-    ${align && (0, _styledComponents.css)`
-      text-align: ${align};
-    `}
-    ${bodyFullWidth && (0, _styledComponents.css)`
-      text-align: left;
-    `}
-  `}
-`;
-StyledContent.defaultProps = {
-  theme: _themes.baseTheme
-};
-const StyledContentTitle = exports.StyledContentTitle = _styledComponents.default.div`
-  ${({
-  titleWidth,
-  inline,
-  variant,
-  align
-}) => {
-  return (0, _styledComponents.css)`
-      display: ${inline ? "inline-block" : "block"};
-      font-weight: 500;
-      width: ${titleWidth && `calc(${titleWidth}% - 30px)`};
-      text-align: ${!inline && align};
-
-      ${align === "center" && inline && (0, _styledComponents.css)`
-        text-align: right;
-        width: calc(50% - 30px);
-      `}
-
-      ${variant === "secondary" && (0, _styledComponents.css)`
-        color: var(--colorsUtilityYin055);
-        font-weight: normal;
-      `}
-    `;
-}};
-`;
-const StyledContentBody = exports.StyledContentBody = _styledComponents.default.div`
-  ${({
-  bodyFullWidth,
-  titleWidth,
-  inline,
-  align
-}) => {
-  return (0, _styledComponents.css)`
-      display: ${inline ? "inline-block" : "block"};
-      margin-top: 2px;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-      font-weight: normal;
-
-      ${align === "center" && inline && (0, _styledComponents.css)`
-        width: 50%;
-      `}
-      ${titleWidth && (0, _styledComponents.css)`
-        width: ${100 - Number(titleWidth)}%;
-      `}
-      ${bodyFullWidth && (0, _styledComponents.css)`
-        width: 100%;
-      `}
-
-      ${inline && bodyFullWidth && (0, _styledComponents.css)`
-        margin-top: 15px;
-      `}
-
-      ${inline && !bodyFullWidth && (0, _styledComponents.css)`
-        margin-top: 0;
-        margin-left: var(--spacing300);
-        text-align: left;
-      `}
-    `;
-}};
-`;
+"use strict";var t=require("styled-components"),e=require("styled-system");require("../../style/themes/sage/index.js");var n=require("../../style/themes/base/index.js");function i(t){return t&&t.__esModule?t:{default:t}}require("../../style/themes/none/index.js");var s=i(t);const l=s.default.div.withConfig({displayName:"content.style__StyledContent",componentId:"sc-621cdc5f-0"})(["",""],(({bodyFullWidth:n,align:i})=>t.css([""," & + &{margin-top:15px;}"," ",""],e.margin,i&&t.css(["text-align:",";"],i),n&&t.css(["text-align:left;"]))));l.defaultProps={theme:n.default};const o=s.default.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-621cdc5f-1"})(["",";"],(({titleWidth:e,inline:n,variant:i,align:s})=>t.css(["display:",";font-weight:500;width:",";text-align:",";"," ",""],n?"inline-block":"block",e&&`calc(${e}% - 30px)`,!n&&s,"center"===s&&n&&t.css(["text-align:right;width:calc(50% - 30px);"]),"secondary"===i&&t.css(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),d=s.default.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-621cdc5f-2"})(["",";"],(({bodyFullWidth:e,titleWidth:n,inline:i,align:s})=>t.css(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],i?"inline-block":"block","center"===s&&i&&t.css(["width:50%;"]),n&&t.css(["width:","%;"],100-Number(n)),e&&t.css(["width:100%;"]),i&&e&&t.css(["margin-top:15px;"]),i&&!e&&t.css(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));exports.StyledContent=l,exports.StyledContentBody=d,exports.StyledContentTitle=o;

package/lib/components/content/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _content.default;
-  }
-});
-var _content = _interopRequireDefault(require("./content.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./content.component.js");exports.default=e.Content;

package/lib/components/content/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/content/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/content/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/date/__internal__/date-fns-fp/index.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "format", {
-  enumerable: true,
-  get: function () {
-    return _format.format;
-  }
-});
-Object.defineProperty(exports, "formatISO", {
-  enumerable: true,
-  get: function () {
-    return _formatISO.formatISO;
-  }
-});
-Object.defineProperty(exports, "isMatch", {
-  enumerable: true,
-  get: function () {
-    return _isMatch.isMatch;
-  }
-});
-Object.defineProperty(exports, "isValid", {
-  enumerable: true,
-  get: function () {
-    return _isValid.isValid;
-  }
-});
-Object.defineProperty(exports, "parse", {
-  enumerable: true,
-  get: function () {
-    return _parse.parse;
-  }
-});
-Object.defineProperty(exports, "parseISO", {
-  enumerable: true,
-  get: function () {
-    return _parseISO.parseISO;
-  }
-});
-Object.defineProperty(exports, "parseWithOptions", {
-  enumerable: true,
-  get: function () {
-    return _parseWithOptions.parseWithOptions;
-  }
-});
-var _format = require("date-fns/fp/format");
-var _formatISO = require("date-fns/fp/formatISO");
-var _isMatch = require("date-fns/fp/isMatch");
-var _isValid = require("date-fns/fp/isValid");
-var _parse = require("date-fns/fp/parse");
-var _parseWithOptions = require("date-fns/fp/parseWithOptions");
-var _parseISO = require("date-fns/fp/parseISO");
+"use strict";var e=require("date-fns/fp/format"),r=require("date-fns/fp/formatISO"),t=require("date-fns/fp/isMatch"),n=require("date-fns/fp/isValid"),i=require("date-fns/fp/parse"),a=require("date-fns/fp/parseWithOptions"),f=require("date-fns/fp/parseISO");Object.defineProperty(exports,"format",{enumerable:!0,get:function(){return e.format}}),Object.defineProperty(exports,"formatISO",{enumerable:!0,get:function(){return r.formatISO}}),Object.defineProperty(exports,"isMatch",{enumerable:!0,get:function(){return t.isMatch}}),Object.defineProperty(exports,"isValid",{enumerable:!0,get:function(){return n.isValid}}),Object.defineProperty(exports,"parse",{enumerable:!0,get:function(){return i.parse}}),Object.defineProperty(exports,"parseWithOptions",{enumerable:!0,get:function(){return a.parseWithOptions}}),Object.defineProperty(exports,"parseISO",{enumerable:!0,get:function(){return f.parseISO}});

package/lib/components/date/__internal__/date-fns-fp/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../../esm/components/date/__internal__/date-fns-fp/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/date/__internal__/date-fns-fp/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,124 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 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",
-    month: "MM",
-    year: "yyyy"
-  };
-  const formatter = new Intl.DateTimeFormat(localeCode);
-  let separator = "";
-  const format = formatter.formatToParts(new Date()).map(({
-    type,
-    value
-  }) => {
-    if (["day", "month", "year"].includes(type)) {
-      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 {
-      format: format.substring(0, STANDARD_FORMAT_LENGTH),
-      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
-const getTrailingChar = format => {
-  const lastChar = format.split("").pop();
-  return ["y", "M", "d"].includes(lastChar) ? "" : lastChar;
-};
-const getFormatData = (locale, dateFormatOverride) => {
-  const code = locale?.code || "en-GB";
-  if (dateFormatOverride) {
-    const {
-      format
-    } = getOutputFormatForLocale(code);
-    let formatFromLocale;
-    switch (code) {
-      case "en-CA":
-      case "en-US":
-        formatFromLocale = "MM/dd/yyyy";
-        break;
-      case "ar-EG":
-      case "en-ZA":
-      case "fr-CA":
-        formatFromLocale = "dd/MM/yyyy";
-        break;
-      default:
-        formatFromLocale = format;
-    }
-    const formatsForLocale = getInputFormatsArrayForLocale(formatFromLocale);
-    return {
-      format: dateFormatOverride,
-      formats: generateFormats(formatsForLocale, "/")
-    };
-  }
-  if (["en-CA", "en-US"].includes(code)) {
-    const format = "MM/dd/yyyy";
-    const formats = getInputFormatsArrayForLocale(format);
-    return {
-      format,
-      formats: generateFormats(formats, "/")
-    };
-  }
-  const {
-    format,
-    separator
-  } = getOutputFormatForLocale(code);
-  const outputFormat = ["fr-CA", "en-ZA", "ar-EG"].includes(code) ? "dd/MM/yyyy" : format;
-  const formatsForLocale = getInputFormatsArrayForLocale(outputFormat);
-  return {
-    format: outputFormat,
-    formats: generateFormats(formatsForLocale, separator, getTrailingChar(format))
-  };
-};
-var _default = exports.default = getFormatData;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["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"],d=["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"],M=["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"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},s=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const a=s(t);return{format:d,formats:e(a,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=s(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=s(o);return{format:o,formats:e(c,n,a(t))}};

package/lib/components/date/__internal__/date-formats/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../../esm/components/date/__internal__/date-formats/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/date/__internal__/date-formats/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,214 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DatePicker = void 0;
-var _dom = require("@floating-ui/dom");
-var _react = _interopRequireWildcard(require("react"));
-var _reactDayPicker = require("react-day-picker");
-var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
-var _popover = _interopRequireDefault(require("../../../../__internal__/popover"));
-var _navbar = _interopRequireDefault(require("../navbar"));
-var _weekday = _interopRequireDefault(require("../weekday"));
-var _utils = require("../utils");
-var _focusTrapUtils = require("../../../../__internal__/focus-trap/focus-trap-utils");
-var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
-var _flatTable = _interopRequireDefault(require("../../../flat-table/__internal__/flat-table.context"));
-var _dayPicker = _interopRequireDefault(require("./day-picker.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const popoverMiddleware = [(0, _dom.offset)(3), (0, _dom.flip)({
-  fallbackStrategy: "initialPlacement"
-})];
-const Nav = _navbar.default;
-const DatePicker = ({
-  inputElement,
-  minDate,
-  maxDate,
-  selectedDays,
-  disablePortal,
-  onDayClick,
-  pickerMouseDown,
-  pickerProps,
-  open,
-  setOpen,
-  pickerTabGuardId,
-  onPickerClose,
-  ariaLabel: datePickerAriaLabel,
-  ariaLabelledBy: datePickerAriaLabelledBy
-}) => {
-  const [focusedMonth, setFocusedMonth] = (0, _react.useState)(selectedDays || new Date());
-  const locale = (0, _useLocale.default)();
-  const {
-    localize,
-    options
-  } = locale.date.dateFnsLocale();
-  const {
-    weekStartsOn
-  } = options || /* istanbul ignore next */{};
-  const weekdaysLong = (0, _react.useMemo)(() => Array.from({
-    length: 7
-  }).map((_, i) => localize?.day(i)), [localize]);
-  const weekdaysShort = (0, _react.useMemo)(() => {
-    const isGivenLocale = str => locale.locale().includes(str);
-    return Array.from({
-      length: 7
-    }).map((_, i) => localize?.day(i, ["de", "pl"].some(isGivenLocale) ? {
-      width: "wide"
-    } : {
-      width: "abbreviated"
-    }).substring(0, isGivenLocale("de") ? 2 : 3));
-  }, [locale, localize]);
-  const ref = (0, _react.useRef)(null);
-  const handleDayClick = (date, e) => {
-    /* istanbul ignore else */
-    if (date) onDayClick?.(date, e);
-    onPickerClose?.();
-  };
-  const handleKeyUp = (0, _react.useCallback)(ev => {
-    /* istanbul ignore else */
-    if (open && _events.default.isEscKey(ev)) {
-      setFocusedMonth(selectedDays);
-      inputElement.current?.querySelector("input")?.focus();
-      setOpen(false);
-      onPickerClose?.();
-      ev.stopPropagation();
-    }
-  }, [inputElement, onPickerClose, open, selectedDays, setOpen]);
-  const handleOnKeyDown = ev => {
-    /* istanbul ignore else */
-    if (ref.current?.querySelector(".rdp-nav button") === document.activeElement && _events.default.isTabKey(ev) && _events.default.isShiftKey(ev)) {
-      ev.preventDefault();
-      setOpen(false);
-      onPickerClose?.();
-      inputElement.current?.querySelector("input")?.focus();
-    }
-  };
-  const handleOnDayKeyDown = (_day, _modifiers, ev) => {
-    // timeout added to prevent this handler from interfering with the useFocusPortalContent hook, when the date-range
-    // is used inside of a popover-container and it is the last focusable element of the popover-container
-    setTimeout(() => {
-      // we need to manually handle this as the picker may be in a Portal
-      /* istanbul ignore else */
-      if (_events.default.isTabKey(ev) && !_events.default.isShiftKey(ev)) {
-        ev.preventDefault();
-        setOpen(false);
-        onPickerClose?.();
-        const input = inputElement.current?.querySelector("input");
-
-        /* istanbul ignore else */
-        if (input) {
-          const elements = Array.from(document.querySelectorAll(_focusTrapUtils.defaultFocusableSelectors) || /* istanbul ignore next */[]);
-          const elementsInPicker = Array.from(ref.current?.querySelectorAll("button, [tabindex]") || /* istanbul ignore next */[]);
-          const filteredElements = elements.filter(el => Number(el.tabIndex) !== -1 && !elementsInPicker.includes(el));
-          const nextIndex = filteredElements.indexOf(input) + 1;
-          filteredElements[nextIndex]?.focus();
-        }
-      }
-    }, 0);
-  };
-  const {
-    isInFlatTable,
-    setHasOpenDatePicker
-  } = (0, _react.useContext)(_flatTable.default);
-  (0, _react.useEffect)(() => {
-    setHasOpenDatePicker?.(!!open);
-  }, [open, setHasOpenDatePicker]);
-  (0, _react.useEffect)(() => {
-    if (selectedDays) {
-      setFocusedMonth(selectedDays);
-    }
-  }, [selectedDays]);
-  (0, _react.useEffect)(() => {
-    if (!open && selectedDays) {
-      const fMonth = focusedMonth?.getMonth();
-      const sMonth = selectedDays?.getMonth();
-      if (fMonth !== sMonth) setFocusedMonth(selectedDays);
-    }
-  }, [focusedMonth, open, selectedDays]);
-  if (!open) {
-    return null;
-  }
-  const handleTabGuardFocus = () => {
-    ref.current?.querySelector("button")?.focus();
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_popover.default, {
-    placement: "bottom-start",
-    reference: inputElement,
-    middleware: popoverMiddleware,
-    disablePortal: disablePortal,
-    disableBackgroundUI: isInFlatTable
-  }, /*#__PURE__*/_react.default.createElement(_dayPicker.default, {
-    id: "styled-day-picker",
-    "data-role": "date-picker",
-    ref: ref,
-    onMouseDown: pickerMouseDown,
-    onKeyUp: handleKeyUp,
-    onKeyDown: handleOnKeyDown,
-    role: "region",
-    "aria-label": datePickerAriaLabel,
-    "aria-labelledby": datePickerAriaLabelledBy
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: pickerTabGuardId
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    ,
-    tabIndex: 0,
-    onFocus: handleTabGuardFocus
-  }), /*#__PURE__*/_react.default.createElement(_reactDayPicker.DayPicker, _extends({
-    formatters: {
-      formatCaption: month => `${localize?.month(month.getMonth())} ${month.getFullYear()}`
-    },
-    required: false,
-    weekStartsOn: weekStartsOn,
-    onMonthChange: setFocusedMonth,
-    disabled: (0, _utils.getDisabledDays)(minDate, maxDate),
-    locale: {
-      localize: {
-        ..._reactDayPicker.defaultLocale.localize
-      }
-    },
-    selected: selectedDays,
-    month: focusedMonth || /* istanbul ignore next */new Date(),
-    onDayClick: (d, _, e) => {
-      const date = d;
-      handleDayClick(date, e);
-    },
-    components: {
-      Nav,
-      Weekday: props => {
-        const fixedDays = {
-          Sunday: 0,
-          Monday: 1,
-          Tuesday: 2,
-          Wednesday: 3,
-          Thursday: 4,
-          Friday: 5,
-          Saturday: 6
-        };
-        const {
-          className,
-          "aria-label": ariaLabel
-        } = props;
-        const dayIndex = fixedDays[ariaLabel];
-        return /*#__PURE__*/_react.default.createElement(_weekday.default, {
-          className: className,
-          title: weekdaysLong[dayIndex]
-        }, weekdaysShort[dayIndex]);
-      }
-    },
-    fixedWeeks: true,
-    defaultMonth: selectedDays || undefined,
-    onDayKeyDown: (date, modifiers, e) => {
-      handleOnDayKeyDown(date, modifiers, e);
-    }
-  }, pickerProps, {
-    showOutsideDays: true,
-    mode: "single"
-  })))));
-};
-exports.DatePicker = DatePicker;
-DatePicker.displayName = "DatePicker";
-var _default = exports.default = DatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@floating-ui/dom"),r=require("react"),a=require("react-day-picker"),l=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/popover/popover.component.js"),o=require("../navbar/navbar.component.js"),i=require("../weekday/weekday.component.js"),u=require("../utils.js"),s=require("../../../../__internal__/focus-trap/focus-trap-utils.js"),c=require("../../../../__internal__/utils/helpers/events/events.js"),d=require("../../../flat-table/__internal__/flat-table.context.js"),f=require("./day-picker.style.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}const b=[t.offset(3),t.flip({fallbackStrategy:"initialPlacement"})],v=o.Navbar,m=({inputElement:t,minDate:o,maxDate:y,selectedDays:m,disablePortal:j,onDayClick:O,pickerMouseDown:k,pickerProps:g,open:h,setOpen:D,pickerTabGuardId:w,onPickerClose:P,ariaLabel:_,ariaLabelledBy:q})=>{const[S,x]=r.useState(m||new Date),M=l.default(),{localize:E,options:K}=M.date.dateFnsLocale(),{weekStartsOn:C}=K||{},F=r.useMemo((()=>Array.from({length:7}).map(((e,t)=>null==E?void 0:E.day(t)))),[E]),T=r.useMemo((()=>{const e=e=>M.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==E?void 0:E.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[M,E]),A=r.useRef(null),L=r.useCallback((e=>{var r,a;h&&c.default.isEscKey(e)&&(x(m),null===(a=t.current)||void 0===a||null===(r=a.querySelector("input"))||void 0===r||r.focus(),D(!1),null==P||P(),e.stopPropagation())}),[t,P,h,m,D]),{isInFlatTable:N,setHasOpenDatePicker:I}=r.useContext(d.default);return r.useEffect((()=>{null==I||I(!!h)}),[h,I]),r.useEffect((()=>{m&&x(m)}),[m]),r.useEffect((()=>{!h&&m&&(null==S?void 0:S.getMonth())!==(null==m?void 0:m.getMonth())&&x(m)}),[S,h,m]),h?e.jsx(e.Fragment,{children:e.jsx(n.default,{placement:"bottom-start",reference:t,middleware:b,disablePortal:j,disableBackgroundUI:N,children:e.jsxs(f.default,{id:"styled-day-picker","data-role":"date-picker",ref:A,onMouseDown:k,onKeyUp:L,onKeyDown:e=>{var r,a,l;(null===(r=A.current)||void 0===r?void 0:r.querySelector(".rdp-nav button"))===document.activeElement&&c.default.isTabKey(e)&&c.default.isShiftKey(e)&&(e.preventDefault(),D(!1),null==P||P(),null===(l=t.current)||void 0===l||null===(a=l.querySelector("input"))||void 0===a||a.focus())},role:"region","aria-label":_,"aria-labelledby":q,children:[e.jsx("div",{id:w,tabIndex:0,onFocus:()=>{var e,t;null===(t=A.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e.jsx(a.DayPicker,(W=p({formatters:{formatCaption:e=>`${null==E?void 0:E.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:C,onMonthChange:x,disabled:u.getDisabledDays(o,y),locale:{localize:p({},a.defaultLocale.localize)},selected:m,month:S||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==O||O(e,t)),null==P||P()})(e,r)},components:{Nav:v,Weekday:t=>{const{className:r,"aria-label":a}=t,l={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[a];return e.jsx(i.Weekday,{className:r,title:F[l],children:T[l]})}},fixedWeeks:!0,defaultMonth:m||void 0,onDayKeyDown:(e,r,a)=>{var l;l=a,setTimeout((()=>{if(c.default.isTabKey(l)&&!c.default.isShiftKey(l)){var e;l.preventDefault(),D(!1),null==P||P();const n=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");if(n){var r,a;const e=Array.from(document.querySelectorAll(s.defaultFocusableSelectors)||[]),t=Array.from((null===(r=A.current)||void 0===r?void 0:r.querySelectorAll("button, [tabindex]"))||[]),l=e.filter((e=>-1!==Number(e.tabIndex)&&!t.includes(e))),o=l.indexOf(n)+1;null===(a=l[o])||void 0===a||a.focus()}}}),0)}},g),z={showOutsideDays:!0,mode:"single"},z=null!=z?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(W,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(z)).forEach((function(e){Object.defineProperty(W,e,Object.getOwnPropertyDescriptor(z,e))})),W))]})})}):null;var W,z};m.displayName="DatePicker",exports.DatePicker=m,exports.default=m;