carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/number/package.json

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

package/lib/components/numeral-date/__internal__/numeral-date.context.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = /*#__PURE__*/_react.default.createContext({});
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;

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

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

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

@@ -1,365 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NumeralDate = exports.ALLOWED_DATE_FORMATS = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _utils = require("../../style/utils");
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _numeralDate = require("./numeral-date.style");
-var _textbox = _interopRequireDefault(require("../textbox"));
-var _box = _interopRequireDefault(require("../box"));
-var _textbox2 = _interopRequireDefault(require("../textbox/textbox.style"));
-var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
-var _numeralDate2 = _interopRequireDefault(require("./__internal__/numeral-date.context"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _fieldHelp = _interopRequireDefault(require("../../__internal__/field-help"));
-var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
-var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
-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); }
-let deprecateUncontrolledWarnTriggered = false;
-const ALLOWED_DATE_FORMATS = exports.ALLOWED_DATE_FORMATS = [["dd", "mm", "yyyy"], ["mm", "dd", "yyyy"], ["yyyy", "mm", "dd"], ["dd", "mm"], ["mm", "dd"], ["mm", "yyyy"]];
-const incorrectDateFormatMessage = "Forbidden prop dateFormat supplied to NumeralDate. " + "Only one of these date formats is allowed: " + "['dd', 'mm', 'yyyy'], " + "['mm', 'dd', 'yyyy'], " + "['yyyy', 'mm', 'dd'], " + "['dd', 'mm'], " + "['mm', 'dd'], " + "['mm', 'yyyy']";
-const getMonthsForLocale = localeName => {
-  const year = new Date().getFullYear();
-  const {
-    format
-  } = new Intl.DateTimeFormat(localeName, {
-    month: "long"
-  });
-  return [...Array(12).keys()].map(m => format(new Date(Date.UTC(year, m))));
-};
-const validationMessages = (locale, month, daysInMonth) => ({
-  dd: locale.numeralDate.validation.day(month ? getMonthsForLocale(locale.locale())[+month - 1] : undefined, daysInMonth),
-  mm: locale.numeralDate.validation.month(),
-  yyyy: locale.numeralDate.validation.year()
-});
-const getDaysInMonth = (month, year) => {
-  if (!month || +month > 12 || +month < 1) {
-    return 31;
-  }
-  const currentDate = new Date();
-  const computedYear = +(year || currentDate.getFullYear());
-
-  // passing 0 as the third argument ensures we handle for months being 0 indexed
-  return new Date(computedYear, +month, 0).getDate();
-};
-const validate = (locale, {
-  dd,
-  mm,
-  yyyy
-}) => {
-  const failed = {
-    dd: "",
-    mm: "",
-    yyyy: ""
-  };
-  const daysInMonth = getDaysInMonth(mm, yyyy);
-  if (dd && (+dd > daysInMonth || +dd < 1)) {
-    failed.dd = validationMessages(locale, mm, String(daysInMonth)).dd;
-  }
-  if (mm && (+mm > 12 || +mm < 1)) {
-    failed.mm = validationMessages(locale).mm;
-  }
-  if (yyyy && (+yyyy < 1800 || +yyyy > 2200)) {
-    failed.yyyy = validationMessages(locale).yyyy;
-  }
-  return failed;
-};
-const getDateLabel = (datePart, locale) => {
-  switch (datePart) {
-    case "mm":
-      return locale.numeralDate.labels.month();
-    case "yyyy":
-      return locale.numeralDate.labels.year();
-    default:
-      return locale.numeralDate.labels.day();
-  }
-};
-let deprecateOptionalWarnTriggered = false;
-const NumeralDate = exports.NumeralDate = /*#__PURE__*/(0, _react.forwardRef)(({
-  dateFormat = ["dd", "mm", "yyyy"],
-  defaultValue,
-  disabled,
-  error = "",
-  warning = "",
-  info,
-  id,
-  name,
-  onBlur,
-  onChange,
-  value,
-  validationOnLabel = false,
-  label,
-  labelInline,
-  labelWidth,
-  labelAlign,
-  fieldLabelsAlign,
-  labelHelp,
-  labelSpacing,
-  fieldHelp,
-  adaptiveLabelBreakpoint,
-  required,
-  isOptional,
-  readOnly,
-  size = "medium",
-  enableInternalError,
-  enableInternalWarning,
-  tooltipPosition,
-  helpAriaLabel,
-  dayRef,
-  monthRef,
-  yearRef,
-  ...rest
-}, ref) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    _logger.default.deprecate("`isOptional` is deprecated in NumeralDate and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const locale = (0, _useLocale.default)();
-  const {
-    validationRedesignOptIn
-  } = (0, _react.useContext)(_newValidation.default);
-  const {
-    current: uniqueId
-  } = (0, _react.useRef)(id || (0, _guid.default)());
-  const inputIds = (0, _react.useRef)({
-    dd: (0, _guid.default)(),
-    mm: (0, _guid.default)(),
-    yyyy: (0, _guid.default)()
-  });
-  const inputHintId = (0, _react.useRef)((0, _guid.default)());
-  const isControlled = (0, _react.useRef)(value !== undefined);
-  const initialValue = isControlled.current ? value : defaultValue;
-  const refs = (0, _react.useRef)(dateFormat.map(() => null));
-  (0, _react.useImperativeHandle)(ref, () => ({
-    focus: () => {
-      refs.current[0]?.focus();
-    }
-  }));
-  const [internalMessages, setInternalMessages] = (0, _react.useState)({
-    ...Object.fromEntries(dateFormat.map(datePart => [datePart, ""]))
-  });
-  const hasCorrectDateFormat = (0, _react.useMemo)(() => {
-    const isAllowed = !dateFormat || ALLOWED_DATE_FORMATS.find(allowedDateFormat => JSON.stringify(allowedDateFormat) === JSON.stringify(dateFormat));
-    return isAllowed;
-  }, [dateFormat]);
-  !hasCorrectDateFormat ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, incorrectDateFormatMessage) : (0, _invariant.default)(false) : void 0;
-  (0, _react.useEffect)(() => {
-    const modeSwitchedMessage = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
-    !(isControlled.current === (value !== undefined)) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, modeSwitchedMessage) : (0, _invariant.default)(false) : void 0;
-  }, [value]);
-  const [dateValue, setDateValue] = (0, _react.useState)({
-    ...(initialValue || Object.fromEntries(dateFormat.map(datePart => [datePart, ""])))
-  });
-  const createCustomEventObject = newValue => ({
-    target: {
-      name,
-      id: uniqueId,
-      value: newValue
-    }
-  });
-  const onKeyDown = event => {
-    const isValidKey = _events.default.isNumberKey(event) || _events.default.isTabKey(event) || _events.default.isEnterKey(event) || event.key === "Delete" || event.key === "Backspace";
-    if (!isValidKey) {
-      event.preventDefault();
-    }
-  };
-  const handleChange = (event, datePart) => {
-    const {
-      value: newValue
-    } = event.target;
-    if (newValue.length <= datePart.length) {
-      const newDateValue = {
-        ...dateValue,
-        [datePart]: newValue
-      };
-      setDateValue(newDateValue);
-
-      /* istanbul ignore else */
-      if (onChange) {
-        onChange(createCustomEventObject(newDateValue));
-      }
-    }
-  };
-  const handleBlur = () => {
-    const internalValidationEnabled = enableInternalError || enableInternalWarning;
-    /* istanbul ignore else */
-    if (internalValidationEnabled) {
-      setInternalMessages(prev => ({
-        ...prev,
-        ...validate(locale, dateValue)
-      }));
-    }
-    setTimeout(() => {
-      const hasBlurred = !refs.current.find(r => r === document.activeElement);
-      /* istanbul ignore else */
-      if (onBlur && hasBlurred) {
-        onBlur(createCustomEventObject(dateValue));
-      }
-    }, 5);
-  };
-  const internalMessage = Object.keys(internalMessages).reduce((combinedMessage, datePart) => internalMessages[datePart] ? `${combinedMessage + internalMessages[datePart]}\n` : combinedMessage, "");
-  const internalError = enableInternalError ? internalMessage + error : error;
-  const internalWarning = enableInternalWarning ? internalMessage + warning : warning;
-  if (!deprecateUncontrolledWarnTriggered && !isControlled.current) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Numeral Date` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveLabelBreakpoint);
-  let inline = labelInline;
-  if (adaptiveLabelBreakpoint) {
-    inline = largeScreen;
-  }
-  const handleRef = (element, index, inputRef) => {
-    refs.current[index] = element;
-    if (!inputRef) {
-      return;
-    }
-    if (typeof inputRef === "function") {
-      inputRef(element);
-    } else {
-      inputRef.current = element;
-    }
-  };
-  const {
-    validationId,
-    fieldHelpId,
-    ariaDescribedBy
-  } = (0, _useInputAccessibility.default)({
-    id: uniqueId,
-    // we still want to add the validationId to aria-describedby with the legacy validation
-    validationRedesignOptIn: true,
-    error: internalError,
-    warning: internalWarning,
-    info,
-    fieldHelp
-  });
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId.current].filter(Boolean).join(" ");
-  const renderInputs = () => {
-    return /*#__PURE__*/_react.default.createElement(_numeralDate.StyledNumeralDate, {
-      onKeyDown: onKeyDown
-    }, dateFormat.map((datePart, index) => {
-      const isEnd = index === dateFormat.length - 1;
-      let inputRef;
-      const validation = internalError || internalWarning || info;
-      const validationInField = !validationRedesignOptIn && typeof validation === "string" && validation !== "";
-      switch (datePart.slice(0, 2)) {
-        case "dd":
-          inputRef = dayRef;
-          break;
-        case "mm":
-          inputRef = monthRef;
-          break;
-        case "yy":
-          inputRef = yearRef;
-          break;
-        /* istanbul ignore next */
-        default:
-          break;
-      }
-      return /*#__PURE__*/_react.default.createElement(_numeralDate2.default.Provider, {
-        value: {
-          disableErrorBorder: true
-        },
-        key: datePart
-      }, /*#__PURE__*/_react.default.createElement(_numeralDate.StyledDateField, {
-        key: datePart,
-        size: size,
-        isYearInput: datePart.length === 4,
-        hasValidationIconInField: !validationOnLabel && isEnd && validationInField
-      }, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
-        id: inputIds.current[datePart],
-        label: getDateLabel(datePart, locale),
-        labelAlign: fieldLabelsAlign,
-        disabled: disabled,
-        readOnly: readOnly,
-        error: !!internalError,
-        warning: !!internalWarning,
-        info: !!info,
-        size: size,
-        value: dateValue[datePart],
-        onChange: e => handleChange(e, datePart),
-        onBlur: handleBlur,
-        ref: element => handleRef(element, index, inputRef)
-      }, isEnd && !validationOnLabel && !validationRedesignOptIn && {
-        error: internalError,
-        warning: internalWarning,
-        info
-      }, {
-        tooltipPosition: tooltipPosition,
-        tooltipId: validationId,
-        my: 0 // prevents any form spacing being applied
-      }))));
-    }));
-  };
-  if (!validationRedesignOptIn) {
-    return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-      helpAriaLabel: helpAriaLabel
-    }, /*#__PURE__*/_react.default.createElement(_numeralDate.StyledFieldset, _extends({
-      id: uniqueId,
-      legend: label,
-      legendMargin: {
-        mb: 0
-      },
-      isRequired: required,
-      isOptional: isOptional,
-      isDisabled: disabled,
-      name: name,
-      error: validationOnLabel && internalError,
-      warning: validationOnLabel && internalWarning,
-      info: validationOnLabel && info,
-      inline: inline,
-      size: size,
-      labelHelp: labelHelp,
-      legendAlign: labelAlign,
-      legendWidth: labelWidth,
-      legendSpacing: labelSpacing,
-      validationId: validationId,
-      "aria-describedby": validationOnLabel ? ariaDescribedBy : fieldHelpId
-    }, (0, _utils.filterStyledSystemMarginProps)(rest), (0, _tags.default)("numeral-date", rest)), /*#__PURE__*/_react.default.createElement(_box.default, {
-      display: "flex",
-      flexDirection: "column",
-      mt: inline ? 0 : 1
-    }, renderInputs(), fieldHelp && /*#__PURE__*/_react.default.createElement(_fieldHelp.default, {
-      id: fieldHelpId
-    }, fieldHelp))));
-  }
-  return /*#__PURE__*/_react.default.createElement(_numeralDate.StyledFieldset, _extends({
-    id: uniqueId,
-    legend: label,
-    legendMargin: {
-      mb: 0
-    },
-    legendAlign: labelAlign,
-    isRequired: required,
-    isOptional: isOptional,
-    isDisabled: disabled,
-    name: name,
-    "aria-describedby": combinedAriaDescribedBy
-  }, (0, _utils.filterStyledSystemMarginProps)(rest), (0, _tags.default)("numeral-date", rest)), labelHelp && /*#__PURE__*/_react.default.createElement(_hintText.default, {
-    align: labelAlign,
-    id: inputHintId.current
-  }, labelHelp), /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "relative",
-    mt: labelHelp ? 0 : 1
-  }, (internalError || internalWarning) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
-    error: internalError,
-    warning: internalWarning,
-    validationId: validationId
-  }), /*#__PURE__*/_react.default.createElement(_textbox2.default, {
-    warning: !!(!internalError && internalWarning)
-  })), renderInputs()));
-});
-var _default = exports.default = NumeralDate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("../../__internal__/utils/helpers/events/events.js"),i=require("./numeral-date.style.js"),o=require("../textbox/textbox.component.js"),d=require("../box/box.component.js"),s=require("../textbox/textbox.style.js"),u=require("../../__internal__/validation-message/validation-message.component.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),y=require("../../hooks/__internal__/useLocale/useLocale.js"),m=require("../../__internal__/tooltip-provider/index.js"),f=require("../carbon-provider/__internal__/new-validation.context.js"),p=require("./__internal__/numeral-date.context.js"),b=require("../../__internal__/utils/logger/index.js"),g=require("../../__internal__/field-help/field-help.component.js"),v=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),_=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),h=require("../../__internal__/hint-text/hint-text.component.js");function j(e){return e&&e.__esModule?e:{default:e}}var O=j(r);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){x(e,t,r[t])}))}return e}function D(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}let q=!1;const I=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],P=e=>{const t=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(t,e)))))},S=(e,t,r)=>({dd:e.numeralDate.validation.day(t?P(e.locale())[+t-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),k=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}};let A=!1;const R=t.forwardRef(((r,j)=>{var{dateFormat:x=["dd","mm","yyyy"],defaultValue:P,disabled:R,error:F="",warning:B="",info:E,id:L,name:H,onBlur:T,onChange:N,value:M,validationOnLabel:W=!1,label:z,labelInline:C,labelWidth:K,labelAlign:V,fieldLabelsAlign:Y,labelHelp:J,labelSpacing:U,fieldHelp:$,adaptiveLabelBreakpoint:G,required:Q,isOptional:X,readOnly:Z,size:ee="medium",enableInternalError:te,enableInternalWarning:re,tooltipPosition:ne,helpAriaLabel:le,dayRef:ae,monthRef:ie,yearRef:oe}=r,de=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(r,["dateFormat","defaultValue","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","isOptional","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef"]);!A&&X&&(A=!0,b.default.deprecate("`isOptional` is deprecated in NumeralDate and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const se=y.default(),{validationRedesignOptIn:ue}=t.useContext(f.default),{current:ce}=t.useRef(L||c.default()),ye=t.useRef({dd:c.default(),mm:c.default(),yyyy:c.default()}),me=t.useRef(c.default()),fe=t.useRef(void 0!==M),pe=fe.current?M:P,be=t.useRef(x.map((()=>null)));t.useImperativeHandle(j,(()=>({focus:()=>{var e;null===(e=be.current[0])||void 0===e||e.focus()}})));const[ge,ve]=t.useState(w({},Object.fromEntries(x.map((e=>[e,""]))))),_e=t.useMemo((()=>!x||I.find((e=>JSON.stringify(e)===JSON.stringify(x)))),[x]);O.default(_e,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']"),t.useEffect((()=>{O.default(fe.current===(void 0!==M),"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component")}),[M]);const[he,je]=t.useState(w({},pe||Object.fromEntries(x.map((e=>[e,""]))))),Oe=e=>({target:{name:H,id:ce,value:e}}),xe=e=>{a.default.isNumberKey(e)||a.default.isTabKey(e)||a.default.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},we=()=>{(te||re)&&ve((e=>w({},e,((e,{dd:t,mm:r,yyyy:n})=>{const l={dd:"",mm:"",yyyy:""},a=((e,t)=>{if(!e||+e>12||+e<1)return 31;const r=new Date,n=+(t||r.getFullYear());return new Date(n,+e,0).getDate()})(r,n);return t&&(+t>a||+t<1)&&(l.dd=S(e,r,String(a)).dd),r&&(+r>12||+r<1)&&(l.mm=S(e).mm),n&&(+n<1800||+n>2200)&&(l.yyyy=S(e).yyyy),l})(se,he)))),setTimeout((()=>{const e=!be.current.find((e=>e===document.activeElement));T&&e&&T(Oe(he))}),5)},De=Object.keys(ge).reduce(((e,t)=>ge[t]?`${e+ge[t]}\n`:e),""),qe=te?De+F:F,Ie=re?De+B:B;q||fe.current||(q=!0,b.default.deprecate("Uncontrolled behaviour in `Numeral Date` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Pe=v.default(G);let Se=C;G&&(Se=Pe);const{validationId:ke,fieldHelpId:Ae,ariaDescribedBy:Re}=_.default({id:ce,validationRedesignOptIn:!0,error:qe,warning:Ie,info:E,fieldHelp:$}),Fe=[Re,me.current].filter(Boolean).join(" "),Be=()=>e.jsx(i.StyledNumeralDate,{onKeyDown:xe,children:x.map(((t,r)=>{const n=r===x.length-1;let l;const a=qe||Ie||E,d=!ue&&"string"==typeof a&&""!==a;switch(t.slice(0,2)){case"dd":l=ae;break;case"mm":l=ie;break;case"yy":l=oe}return e.jsx(p.default.Provider,{value:{disableErrorBorder:!0},children:e.jsx(i.StyledDateField,{size:ee,isYearInput:4===t.length,hasValidationIconInField:!W&&n&&d,children:e.jsx(o.Textbox,D(w({id:ye.current[t],label:k(t,se),labelAlign:Y,disabled:R,readOnly:Z,error:!!qe,warning:!!Ie,info:!!E,size:ee,value:he[t],onChange:e=>((e,t)=>{const{value:r}=e.target;if(r.length<=t.length){const e=D(w({},he),{[t]:r});je(e),N&&N(Oe(e))}})(e,t),onBlur:we,ref:e=>((e,t,r)=>{be.current[t]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,l)},n&&!W&&!ue&&{error:qe,warning:Ie,info:E}),{tooltipPosition:ne,tooltipId:ke,my:0}))},t)},t)}))});return ue?e.jsxs(i.StyledFieldset,D(w({id:ce,legend:z,legendMargin:{mb:0},legendAlign:V,isRequired:Q,isOptional:X,isDisabled:R,name:H,"aria-describedby":Fe},l.default(de),n.default("numeral-date",de)),{children:[J&&e.jsx(h.HintText,{align:V,id:me.current,children:J}),e.jsxs(d.Box,{position:"relative",mt:J?0:1,children:[(qe||Ie)&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:qe,warning:Ie,validationId:ke}),e.jsx(s.default,{warning:!(qe||!Ie)})]}),Be()]})]})):e.jsx(m.TooltipProvider,{helpAriaLabel:le,children:e.jsx(i.StyledFieldset,D(w({id:ce,legend:z,legendMargin:{mb:0},isRequired:Q,isOptional:X,isDisabled:R,name:H,error:W&&qe,warning:W&&Ie,info:W&&E,inline:Se,size:ee,labelHelp:J,legendAlign:V,legendWidth:K,legendSpacing:U,validationId:ke,"aria-describedby":W?Re:Ae},l.default(de),n.default("numeral-date",de)),{children:e.jsxs(d.Box,{display:"flex",flexDirection:"column",mt:Se?0:1,children:[Be(),$&&e.jsx(g.FieldHelp,{id:Ae,children:$})]})}))})}));exports.ALLOWED_DATE_FORMATS=I,exports.NumeralDate=R,exports.default=R;

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

@@ -1,80 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledNumeralDate = exports.StyledFieldset = exports.StyledDateField = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
-var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
-var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
-var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
-var _fieldset2 = require("../../__internal__/fieldset/fieldset.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; }
-const inputWidth = {
-  small: "44px",
-  medium: "50px",
-  large: "64px"
-};
-const inputWidthYear = hasValidationIconInField => ({
-  small: hasValidationIconInField ? "75px" : "66px",
-  medium: "80px",
-  large: "84px"
-});
-const StyledNumeralDate = exports.StyledNumeralDate = _styledComponents.default.div`
-  display: inline-flex;
-  gap: var(--spacing150);
-`;
-const StyledDateField = exports.StyledDateField = _styledComponents.default.div`
-  ${({
-  isYearInput,
-  hasValidationIconInField,
-  size
-}) => (0, _styledComponents.css)`
-    ${size && (0, _styledComponents.css)`
-      ${_inputPresentation.default} {
-        position: relative;
-        min-width: ${isYearInput ? inputWidthYear(hasValidationIconInField)[size] : inputWidth[size]};
-      }
-    `}
-
-    ${_input.default} {
-      text-align: center;
-      ${hasValidationIconInField && "padding-right: 0"}
-    }
-
-    ${_inputIconToggle.default} {
-      width: var(--spacing400);
-      z-index: 999;
-    }
-
-    label {
-      font-weight: var(--fontWeights400);
-    }
-  `}
-`;
-// We need to match height of the legend to the input container when it is inline to center it vertically,
-// as Safari does not support display: flex on fieldset elements.
-const sizeHeight = {
-  small: "57px",
-  medium: "65px",
-  large: "73px"
-};
-const StyledFieldset = exports.StyledFieldset = (0, _styledComponents.default)(_fieldset.default)`
-  ${({
-  inline,
-  size
-}) => (0, _styledComponents.css)`
-    ${inline && (0, _styledComponents.css)`
-      ${_fieldset2.StyledLegend} {
-        height: ${size && sizeHeight[size]};
-      }
-    `}
-
-    ${!inline && (0, _styledComponents.css)`
-      width: min-content;
-    `}
-  `}
-`;
+"use strict";var e=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),l=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/fieldset/fieldset.component.js"),s=require("../../__internal__/fieldset/fieldset.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const r={small:"44px",medium:"50px",large:"64px"},p=d.default.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-88200622-0"})(["display:inline-flex;gap:var(--spacing150);"]),u=d.default.div.withConfig({displayName:"numeral-date.style__StyledDateField",componentId:"sc-88200622-1"})(["",""],(({isYearInput:n,hasValidationIconInField:s,size:a})=>e.css([""," ","{text-align:center;","}","{width:var(--spacing400);z-index:999;}label{font-weight:var(--fontWeights400);}"],a&&e.css(["","{position:relative;min-width:",";}"],i.default,n?(e=>({small:e?"75px":"66px",medium:"80px",large:"84px"}))(s)[a]:r[a]),l.default,s&&"padding-right: 0",t.default))),o={small:"57px",medium:"65px",large:"73px"},_=d.default(n.default).withConfig({displayName:"numeral-date.style__StyledFieldset",componentId:"sc-88200622-2"})(["",""],(({inline:t,size:i})=>e.css([""," ",""],t&&e.css(["","{height:",";}"],s.StyledLegend,i&&o[i]),!t&&e.css(["width:min-content;"]))));exports.StyledDateField=u,exports.StyledFieldset=_,exports.StyledNumeralDate=p;

package/lib/components/numeral-date/package.json

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

package/lib/components/pager/__internal__/pager-navigation-link.component.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _pager = require("../pager.style");
-var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-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; }
-const PagerNavigationLink = ({
-  type,
-  currentPage,
-  pageCount,
-  hideDisabledElements,
-  pageSize,
-  onClick,
-  onPagination
-}) => {
-  const l = (0, _useLocale.default)();
-  const linkRef = (0, _react.useRef)(null);
-  const navLinkConfig = {
-    first: {
-      text: l.pager.first(),
-      destination: 1
-    },
-    last: {
-      text: l.pager.last(),
-      destination: pageCount
-    },
-    next: {
-      text: l.pager.next(),
-      destination: currentPage + 1
-    },
-    previous: {
-      text: l.pager.previous(),
-      destination: currentPage - 1
-    }
-  };
-  const disabled = (0, _react.useCallback)(() => {
-    if (currentPage === 1) {
-      return type === "previous" || type === "first";
-    }
-    if (currentPage === pageCount) {
-      return type === "next" || type === "last";
-    }
-    return false;
-  }, [pageCount, currentPage, type]);
-  (0, _react.useEffect)(() => {
-    if (disabled() && linkRef.current) {
-      linkRef.current.blur();
-    }
-  }, [disabled]);
-  const handleOnClick = ev => {
-    onClick?.(ev);
-    onPagination?.(navLinkConfig[type].destination, pageSize, type);
-  };
-  const {
-    text
-  } = navLinkConfig[type];
-  const hideDisabledButtons = hideDisabledElements && disabled();
-  return /*#__PURE__*/_react.default.createElement(_pager.StyledPagerLink, {
-    hideDisabledButtons: hideDisabledButtons,
-    "data-element": `pager-link-${type}`,
-    disabled: disabled(),
-    onClick:
-    // Type assertion due to the fact that StyledPagerLink
-    // will always return a button element
-    handleOnClick,
-    ref: linkRef
-  }, text);
-};
-var _default = exports.default = PagerNavigationLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({type:i,currentPage:s,pageCount:a,hideDisabledElements:l,pageSize:u,onClick:o,onPagination:d})=>{const c=n.default(),p=t.useRef(null),x={first:{text:c.pager.first(),destination:1},last:{text:c.pager.last(),destination:a},next:{text:c.pager.next(),destination:s+1},previous:{text:c.pager.previous(),destination:s-1}},g=t.useCallback((()=>1===s?"previous"===i||"first"===i:s===a&&("next"===i||"last"===i)),[a,s,i]);t.useEffect((()=>{g()&&p.current&&p.current.blur()}),[g]);const{text:f}=x[i],b=l&&g();return e.jsx(r.StyledPagerLink,{hideDisabledButtons:b,"data-element":`pager-link-${i}`,disabled:g(),onClick:e=>{null==o||o(e),null==d||d(x[i].destination,u,i)},ref:p,children:f})};