carbon-react 154.3.2 → 154.3.3-beta.1

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

@@ -1,168 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.additionalYears = additionalYears;
-exports.checkISOFormatAndLength = checkISOFormatAndLength;
-exports.findMatchedFormatAndValue = findMatchedFormatAndValue;
-exports.formatToISO = formatToISO;
-exports.formattedValue = formattedValue;
-exports.getDisabledDays = getDisabledDays;
-exports.getSeparator = void 0;
-exports.isDateValid = isDateValid;
-exports.isValidLocaleDate = isValidLocaleDate;
-exports.parseDate = parseDate;
-exports.parseISODate = parseISODate;
-var _dateFnsFp = require("./date-fns-fp");
-const DATE_STRING_LENGTH = 10;
-const THRESHOLD_FOR_ADDITIONAL_YEARS = 69;
-function isValidLocaleDate(date, locale) {
-  const dateFormat = "P";
-  const parseDateWithLocale = (0, _dateFnsFp.parseWithOptions)({
-    locale
-  });
-  const parsedDate = parseDateWithLocale(new Date(), dateFormat, date);
-  const isValidDate = (0, _dateFnsFp.isValid)(parsedDate);
-  return isValidDate;
-}
-function parseDate(formatString, valueString) {
-  if (!valueString || !formatString) return undefined;
-  return (0, _dateFnsFp.parse)(new Date(), formatString, valueString);
-}
-function isDateValid(date) {
-  return date && date.toString() !== "Invalid Date";
-}
-function formatToISO(formatString, valueString) {
-  const dateValue = parseDate(formatString, valueString);
-  if (!dateValue || !isDateValid(dateValue)) {
-    return null;
-  }
-  return (0, _dateFnsFp.formatISO)(dateValue).split("T")[0];
-}
-function formattedValue(formatString, value) {
-  if (!value) return "";
-  return (0, _dateFnsFp.format)(formatString, value);
-}
-function hasMatchedFormat(formatString, valueString, fullFormat, fullValue) {
-  if (formatString.includes("d")) {
-    return formatString.length === valueString.length && (0, _dateFnsFp.isMatch)(fullFormat.join("."), fullValue.join(".")) // need to check day value with month value
-    ;
-  }
-  return formatString.length === valueString.length && (0, _dateFnsFp.isMatch)(formatString, valueString);
-}
-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;
-  const dayAndMonthStringStartIndex = formatStartWithYear ? yearStringEndIndex : 0;
-  const dayAndMonthStringEndIndex = formatStartWithYear ? value.length : value.length - 2;
-  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, _dateFnsFp.parseISO)(value);
-}
-function isValidISODate(dateString) {
-  return parseISODate(dateString).toString() !== "Invalid Date";
-}
-function checkISOFormatAndLength(value) {
-  if (value.length !== DATE_STRING_LENGTH || !isValidISODate(value)) {
-    return false;
-  }
-  const array = value.split("-");
-  return array.length === 3 && array[0].length === 4 && array[1].length === 2 && array[2].length === 2;
-}
-
-/**
- * Returns the disabled array of days specified by props maxDate and minDate
- */
-function getDisabledDays(minDate = "", maxDate = "") {
-  const days = [];
-  if (!minDate && !maxDate) {
-    return undefined;
-  }
-  if (checkISOFormatAndLength(minDate)) {
-    days.push({
-      before: parseISODate(minDate)
-    });
-  }
-  if (checkISOFormatAndLength(maxDate)) {
-    days.push({
-      after: parseISODate(maxDate)
-    });
-  }
-  return days;
-}
+"use strict";var t=require("date-fns/fp/format"),e=require("date-fns/fp/formatISO"),n=require("date-fns/fp/isMatch"),r=require("date-fns/fp/isValid"),i=require("date-fns/fp/parse"),s=require("date-fns/fp/parseWithOptions"),u=require("date-fns/fp/parseISO");function o(t,e){if(e&&t)return i.parse(new Date,t,e)}function a(t){return t&&"Invalid Date"!==t.toString()}function f(t,e){return t.map(((n,r)=>e.substring(t[r],t[r+1])))}function l(t,e){return t.every(((r,i)=>function(t,e,r,i){return t.includes("d")?t.length===e.length&&n.isMatch(r.join("."),i.join(".")):t.length===e.length&&n.isMatch(t,e)}(r,e[i],t,e)))}const c=t=>["",".",",","-","/"," ",":"].slice(1).find((e=>t.includes(e)))||"";function p(t){return u.parseISO(t)}function g(t){if(10!==t.length||"Invalid Date"===p(t).toString())return!1;const e=t.split("-");return 3===e.length&&4===e[0].length&&2===e[1].length&&2===e[2].length}exports.additionalYears=function(t,e){if(t.split("y").length-1!=2)return[t,e];const n=t.startsWith("yy"),r=n?0:e.length-2,i=n?2:e.length,s=n?i:0,u=n?e.length:e.length-2;let o=e.substring(r,i);const a=e.substring(s,u),f=Number(o);return o=String(f<69?2e3+f:1900+f),n?[`yyyy${t.substring(2,t.length)}`,`${o}${a}`]:[`${t.substring(0,t.length-2)}yyyy`,`${a}${o}`]},exports.checkISOFormatAndLength=g,exports.findMatchedFormatAndValue=function(t,e){if(!t)return["",""];const n=c(t);return e.filter((e=>e.length===t.length&&c(e)===n)).reduce(((e,r)=>{const i=c(r);if(""===n&&""===i){const e=function(t,e){const n=e.split("").reduce(((t,n,r)=>0===r||n!==e[r-1]?[...t,r]:t),[]),r=f(n,e),i=f(n,t);return l(r,i)?[r.join(" "),i.join(" ")]:null}(t,r);if(e)return e}if(n&&i&&n===i){const e=function(t,e,n){return l(e.split(n),t.split(n))?[e,t]:null}(t,r,n);if(e)return e}return e}),[])},exports.formatToISO=function(t,n){const r=o(t,n);return r&&a(r)?e.formatISO(r).split("T")[0]:null},exports.formattedValue=function(e,n){return n?t.format(e,n):""},exports.getDisabledDays=function(t="",e=""){const n=[];if(t||e)return g(t)&&n.push({before:p(t)}),g(e)&&n.push({after:p(e)}),n},exports.getSeparator=c,exports.isDateValid=a,exports.isValidLocaleDate=function(t,e){const n=s.parseWithOptions({locale:e})(new Date,"P",t);return r.isValid(n)},exports.parseDate=o,exports.parseISODate=p;

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledAbbr = _styledComponents.default.abbr`
-  text-decoration: none;
-`;
-var _default = exports.default = StyledAbbr;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.abbr.withConfig({displayName:"abbr.style__StyledAbbr",componentId:"sc-e967dee-0"})(["text-decoration:none;"]);exports.default=t;

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

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

package/lib/components/date/__internal__/weekday/package.json

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

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

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Weekday = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _weekday = _interopRequireDefault(require("./weekday.style"));
-var _abbr = _interopRequireDefault(require("./abbr.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 Weekday = ({
-  className,
-  title,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_weekday.default, _extends({
-  className: className,
-  role: "columnheader"
-}, props), /*#__PURE__*/_react.default.createElement(_abbr.default, {
-  title: title
-}, children));
-exports.Weekday = Weekday;
-var _default = exports.default = Weekday;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./weekday.style.js"),t=require("./abbr.style.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var c,l,{className:i,title:u,children:s}=o,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,["className","title","children"]);return e.jsx(r.default,(c=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({className:i,role:"columnheader"},a),l=null!=(l={children:e.jsx(t.default,{title:u,children:s})})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(l)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(l)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(l,e))})),c))};exports.Weekday=o,exports.default=o;

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

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _abbr = _interopRequireDefault(require("./abbr.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledWeekday = _styledComponents.default.th`
-  &,
-  & ${_abbr.default} {
-    border: none;
-    height: var(--sizing500);
-    min-width: var(--sizing500);
-    font-weight: 800;
-    color: var(--colorsActionMinor500);
-    text-transform: uppercase;
-    font-size: 12px;
-    //font: var(--typographyDatePickerCalendarDayM); font assets to be updated part of FE-4975
-    text-align: center;
-    padding: 20px 0 5px;
-    box-sizing: border-box;
-  }
-`;
-var _default = exports.default = StyledWeekday;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./abbr.style.js");function r(e){return e&&e.__esModule?e:{default:e}}const o=r(e).default.th.withConfig({displayName:"weekday.style__StyledWeekday",componentId:"sc-fb3dbb5c-0"})(["&,& ","{border:none;height:var(--sizing500);min-width:var(--sizing500);font-weight:800;color:var(--colorsActionMinor500);text-transform:uppercase;font-size:12px;text-align:center;padding:20px 0 5px;box-sizing:border-box;}"],t.default);exports.default=o;

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

@@ -1,350 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DateInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("./__internal__/utils");
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _utils2 = require("../../style/utils");
-var _dateFormats = _interopRequireDefault(require("./__internal__/date-formats"));
-var _date = _interopRequireDefault(require("./date.style"));
-var _textbox = _interopRequireDefault(require("../textbox"));
-var _datePicker = _interopRequireDefault(require("./__internal__/date-picker"));
-var _dateRange = _interopRequireDefault(require("../date-range/__internal__/date-range.context"));
-var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-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 DateInput = exports.DateInput = /*#__PURE__*/_react.default.forwardRef(({
-  adaptiveLabelBreakpoint,
-  allowEmptyValue,
-  autoFocus,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  disabled,
-  disablePortal = false,
-  helpAriaLabel,
-  labelInline,
-  minDate,
-  maxDate,
-  onBlur,
-  onChange,
-  onClick,
-  onFocus,
-  onKeyDown,
-  pickerProps,
-  readOnly,
-  size = "medium",
-  tooltipPosition,
-  value,
-  inputWidth,
-  labelWidth,
-  maxWidth,
-  inputName,
-  onPickerClose,
-  onPickerOpen,
-  datePickerAriaLabel,
-  datePickerAriaLabelledBy,
-  ...rest
-}, ref) => {
-  const wrapperRef = (0, _react.useRef)(null);
-  const parentRef = (0, _react.useRef)(null);
-  const internalInputRef = (0, _react.useRef)(null);
-  const alreadyFocused = (0, _react.useRef)(false);
-  const isBlurBlocked = (0, _react.useRef)(false);
-  const focusedViaPicker = (0, _react.useRef)(false);
-  const locale = (0, _useLocale.default)();
-  const {
-    dateFnsLocale,
-    dateFormatOverride
-  } = locale.date;
-  const {
-    format,
-    formats
-  } = (0, _react.useMemo)(() => (0, _dateFormats.default)(dateFnsLocale(), dateFormatOverride), [dateFnsLocale, dateFormatOverride]);
-  const {
-    inputRefMap,
-    setInputRefMap
-  } = (0, _react.useContext)(_dateRange.default);
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [selectedDays, setSelectedDays] = (0, _react.useState)(() => {
-    const isValidDate = (0, _utils.isValidLocaleDate)(value, dateFnsLocale());
-    if (!isValidDate) {
-      return undefined;
-    }
-    return (0, _utils.checkISOFormatAndLength)(value) ? (0, _utils.parseISODate)(value) : (0, _utils.parseDate)(format, value);
-  });
-  const isInitialValue = (0, _react.useRef)(true);
-  const pickerTabGuardId = (0, _react.useRef)((0, _guid.default)());
-  const computeInvalidRawValue = inputValue => allowEmptyValue && !inputValue.length ? inputValue : null;
-  const buildCustomEvent = ev => {
-    const {
-      id,
-      name
-    } = ev.target;
-    const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(ev.target.value, formats);
-    const formattedValueString = ev.type === "blur" ? (0, _utils.formattedValue)(format, selectedDays) : ev.target.value;
-    const rawValue = (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue)) ? (0, _utils.formatToISO)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)) : computeInvalidRawValue(ev.target.value);
-    const customEvent = {
-      target: {
-        ...(name && {
-          name
-        }),
-        ...(id && {
-          id
-        }),
-        value: {
-          formattedValue: formattedValueString,
-          rawValue
-        }
-      }
-    };
-    return customEvent;
-  };
-  const handleClickAway = () => {
-    if (open) {
-      alreadyFocused.current = true;
-      internalInputRef.current?.focus();
-      isBlurBlocked.current = false;
-      internalInputRef.current?.blur();
-      setOpen(false);
-      onPickerClose?.();
-      alreadyFocused.current = false;
-    }
-  };
-  const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
-  const handleChange = ev => {
-    isInitialValue.current = false;
-    onChange(buildCustomEvent(ev));
-  };
-  const focusInput = () => {
-    focusedViaPicker.current = true;
-    internalInputRef.current?.focus();
-  };
-  const handleDayClick = (day, ev) => {
-    setSelectedDays(day);
-    onChange(buildCustomEvent({
-      ...ev,
-      target: {
-        ...ev.target,
-        value: (0, _utils.formattedValue)(format, day)
-      }
-    }));
-    focusInput();
-    setOpen(false);
-  };
-  const handleBlur = ev => {
-    if (disabled || readOnly) {
-      return;
-    }
-    let event;
-    if ((0, _utils.isDateValid)(selectedDays)) {
-      event = buildCustomEvent(ev);
-      const currentValue = (0, _utils.checkISOFormatAndLength)(value) ? (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value)) : value;
-      const [, matchedValue] = (0, _utils.findMatchedFormatAndValue)(currentValue, formats);
-      if ((0, _utils.formattedValue)(format, selectedDays) !== matchedValue) {
-        onChange(event);
-      }
-    } else {
-      const {
-        id,
-        name
-      } = ev.target;
-      event = {
-        target: {
-          ...(name && {
-            name
-          }),
-          ...(id && {
-            id
-          }),
-          value: {
-            formattedValue: ev.target.value,
-            rawValue: computeInvalidRawValue(ev.target.value)
-          }
-        }
-      };
-    }
-    if (isBlurBlocked.current) {
-      return;
-    }
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-  const handleFocus = ev => {
-    if (disabled || readOnly) {
-      return;
-    }
-    isBlurBlocked.current = false;
-    if (!open && !alreadyFocused.current) {
-      setOpen(true);
-      onPickerOpen?.();
-    } else {
-      alreadyFocused.current = false;
-    }
-    if (onFocus) {
-      onFocus(ev);
-    }
-  };
-  const handleKeyUp = (0, _react.useCallback)(ev => {
-    /* istanbul ignore else */
-    if (open && _events.default.isEscKey(ev)) {
-      setOpen(false);
-      onPickerClose?.();
-      ev.stopPropagation();
-    }
-  }, [onPickerClose, open]);
-  const handleKeyDown = ev => {
-    if (onKeyDown) {
-      onKeyDown(ev);
-    }
-    if (open && _events.default.isTabKey(ev)) {
-      if (_events.default.isShiftKey(ev)) {
-        setOpen(false);
-        onPickerClose?.();
-      } else if (!disablePortal) {
-        ev.preventDefault();
-        document?.querySelector(`[id="${pickerTabGuardId.current}"]`)?.focus();
-      }
-      alreadyFocused.current = false;
-    }
-  };
-  const handleClick = ev => {
-    if (onClick) {
-      onClick(ev);
-    }
-  };
-  const handleMouseDown = () => {
-    handleClickInside();
-    if (setInputRefMap) {
-      isBlurBlocked.current = true;
-    }
-    if (!open) {
-      setOpen(true);
-      onPickerOpen?.();
-    }
-  };
-  const handleIconMouseDown = () => {
-    isBlurBlocked.current = true;
-    alreadyFocused.current = true;
-    handleClickInside();
-    if (open) {
-      setOpen(false);
-      onPickerClose?.();
-    } else {
-      setOpen(true);
-      onPickerOpen?.();
-    }
-  };
-  const handlePickerMouseDown = () => {
-    isBlurBlocked.current = true;
-    handleClickInside();
-  };
-  const assignInput = (0, _react.useCallback)(inputElement => {
-    internalInputRef.current = inputElement;
-    parentRef.current = inputElement?.parentElement;
-    if (ref) {
-      if (typeof ref === "function") {
-        ref(inputElement);
-      } else {
-        ref.current = inputElement;
-      }
-    }
-    if (inputName && inputRefMap?.[inputName]?.setOpen !== setOpen) {
-      setInputRefMap?.({
-        [inputName]: {
-          isBlurBlocked,
-          setOpen
-        }
-      });
-    }
-  }, [inputName, inputRefMap, setInputRefMap, ref]);
-  (0, _react.useEffect)(() => {
-    const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(value, formats);
-    if (matchedFormat && matchedValue && (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue))) {
-      setSelectedDays((0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
-    } else if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
-      setSelectedDays((0, _utils.parseISODate)(value));
-    } else {
-      setSelectedDays(undefined);
-    }
-  }, [value, formats]);
-  const computedValue = () => {
-    if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
-      return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value));
-    }
-    const valueSeparator = (0, _utils.getSeparator)(value);
-    const formatSeparator = (0, _utils.getSeparator)(format);
-    const replaceSeparators = () => value.split("").map(char => char === valueSeparator ? formatSeparator : char).join("");
-    if (isInitialValue.current && valueSeparator !== formatSeparator && (0, _utils.isDateValid)((0, _utils.parseDate)(format, replaceSeparators()))) {
-      isInitialValue.current = false;
-      const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(replaceSeparators(), formats);
-      return (0, _utils.formattedValue)(format, (0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
-    }
-    return value;
-  };
-  const marginProps = (0, _utils2.filterStyledSystemMarginProps)(rest);
-  return /*#__PURE__*/_react.default.createElement(_date.default, _extends({
-    ref: wrapperRef,
-    role: "presentation",
-    size: size,
-    labelInline: labelInline
-  }, marginProps, {
-    applyDateRangeStyling: !!inputRefMap,
-    maxWidth: maxWidth,
-    inputWidth: inputWidth
-  }, (0, _tags.default)("date", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  })), /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({}, (0, _utils2.filterOutStyledSystemSpacingProps)(rest), {
-    "data-component": "date-input",
-    value: computedValue(),
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onClick: handleClick,
-    onFocus: handleFocus,
-    onKeyUp: handleKeyUp,
-    onKeyDown: handleKeyDown,
-    iconOnClick: handleClick,
-    onMouseDown: handleMouseDown,
-    iconOnMouseDown: handleIconMouseDown,
-    inputIcon: "calendar",
-    labelInline: labelInline,
-    ref: assignInput,
-    adaptiveLabelBreakpoint: adaptiveLabelBreakpoint,
-    tooltipPosition: tooltipPosition,
-    helpAriaLabel: helpAriaLabel,
-    autoFocus: autoFocus,
-    size: size,
-    disabled: disabled,
-    readOnly: readOnly,
-    inputWidth: inputWidth,
-    labelWidth: labelWidth,
-    maxWidth: maxWidth,
-    m: 0
-  })), /*#__PURE__*/_react.default.createElement(_datePicker.default, {
-    disablePortal: disablePortal,
-    inputElement: parentRef,
-    pickerProps: pickerProps,
-    selectedDays: selectedDays,
-    onDayClick: handleDayClick,
-    minDate: minDate,
-    maxDate: maxDate,
-    pickerMouseDown: handlePickerMouseDown,
-    open: open,
-    setOpen: setOpen,
-    pickerTabGuardId: pickerTabGuardId.current,
-    onPickerClose: onPickerClose,
-    ariaLabel: datePickerAriaLabel,
-    ariaLabelledBy: datePickerAriaLabelledBy
-  }));
-});
-DateInput.displayName = "DateInput";
-var _default = exports.default = DateInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),c=require("./__internal__/date-picker/date-picker.component.js"),d=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}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 O(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}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const h=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:h,allowEmptyValue:v,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!1,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:I,onClick:q,onFocus:A,onKeyDown:C,pickerProps:F,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,datePickerAriaLabel:G,datePickerAriaLabelledBy:U}=b,$=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","datePickerAriaLabel","datePickerAriaLabelledBy"]);const H=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(!1),Z=t.useRef(!1),ee=t.useRef(!1),te=a.default(),{dateFnsLocale:re,dateFormatOverride:ae}=te.date,{format:ne,formats:le}=t.useMemo((()=>u.default(re(),ae)),[re,ae]),{inputRefMap:ie,setInputRefMap:ue}=t.useContext(d.default),[oe,se]=t.useState(!1),[ce,de]=t.useState((()=>{if(r.isValidLocaleDate(W,re()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(ne,W)})),pe=t.useRef(!0),fe=t.useRef(f.default()),me=e=>v&&!e.length?e:null,be=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,le),i="blur"===e.type?r.formattedValue(ne,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):me(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},ye=p.default((()=>{var e,t;oe&&(X.current=!0,null===(e=Q.current)||void 0===e||e.focus(),Z.current=!1,null===(t=Q.current)||void 0===t||t.blur(),se(!1),null==N||N(),X.current=!1)}),"mousedown"),Oe=t.useCallback((e=>{oe&&n.default.isEscKey(e)&&(se(!1),null==N||N(),e.stopPropagation())}),[N,oe]),ge=e=>{q&&q(e)},he=t.useCallback((e=>{var t;Q.current=e,J.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ie||null===(t=ie[T])||void 0===t?void 0:t.setOpen)!==se&&(null==ue||ue({[T]:{isBlurBlocked:Z,setOpen:se}}))}),[T,ie,ue,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,le);e&&t&&r.isDateValid(r.parseDate(e,t))?de(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&pe.current?de(r.parseISODate(W)):de(void 0)}),[W,le]);const ve=l.default($);return e.jsxs(o.default,g(O(g(O({ref:H,role:"presentation",size:R,labelInline:w},ve),{applyDateRangeStyling:!!ie,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default($)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&pe.current)return r.formattedValue(ne,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(ne),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(pe.current&&e!==t&&r.isDateValid(r.parseDate(ne,a()))){pe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),le);return r.formattedValue(ne,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=be(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(ne,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,le);r.formattedValue(ne,ce)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:me(e.target.value)}})}}Z.current||V&&V(t)},onChange:e=>{pe.current=!1,I(be(e))},onClick:ge,onFocus:e=>{D||M||(Z.current=!1,oe||X.current?X.current=!1:(se(!0),null==Y||Y()),A&&A(e))},onKeyUp:Oe,onKeyDown:e=>{if(C&&C(e),oe&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))se(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${fe.current}"]`))||void 0===t||t.focus()}X.current=!1}},iconOnClick:ge,onMouseDown:()=>{ye(),ue&&(Z.current=!0),oe||(se(!0),null==Y||Y())},iconOnMouseDown:()=>{Z.current=!0,X.current=!0,ye(),oe?(se(!1),null==N||N()):(se(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:h,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(c.DatePicker,{disablePortal:P,inputElement:J,pickerProps:F,selectedDays:ce,onDayClick:(e,t)=>{var a;de(e),I(be(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(ne,e)})}))),ee.current=!0,null===(a=Q.current)||void 0===a||a.focus(),se(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{Z.current=!0,ye()},open:oe,setOpen:se,pickerTabGuardId:fe.current,onPickerClose:N,ariaLabel:G,ariaLabelledBy:U})]}))}));h.displayName="DateInput",exports.DateInput=h,exports.default=h;