carbon-react 154.3.2 → 154.4.0-beta.0

package/esm/components/date/date.style.js

@@ -1,49 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-import StyledInput from "../../__internal__/input/input.style";
-import StyledInputPresentation from "../../__internal__/input/input-presentation.style";
-import { FieldLineStyle } from "../../__internal__/form-field/form-field.style";
-import StyledValidationMessage from "../../__internal__/validation-message/validation-message.style";
-import StyledLabel from "../../__internal__/label/label.style";
-const datePickerWidth = {
-  large: "140px",
-  medium: "135px",
-  small: "120px"
-};
-const StyledDateInput = styled.div`
-  margin-bottom: var(--fieldSpacing);
-  ${margin}
-
-  & ${StyledInputPresentation} {
-    flex: none;
-    width: ${({
-  inputWidth,
-  maxWidth,
-  size
-}) => maxWidth || inputWidth ? "" : datePickerWidth[size]};
-
-    ${StyledInput} {
-      margin-right: -8px;
-    }
-  }
-
-  ${({
-  applyDateRangeStyling,
-  maxWidth,
-  size,
-  labelInline
-}) => applyDateRangeStyling && !labelInline && css`
-      ${FieldLineStyle} {
-        max-width: ${maxWidth || datePickerWidth[size]};
-      }
-
-      ${StyledValidationMessage}, ${StyledLabel} {
-        overflow-wrap: anywhere;
-      }
-    `}
-`;
-StyledDateInput.defaultProps = {
-  theme: baseTheme
-};
-export default StyledDateInput;
+import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import a from"../../style/themes/base/index.js";import l from"../../__internal__/input/input.style.js";import n from"../../__internal__/input/input-presentation.style.js";import{FieldLineStyle as m}from"../../__internal__/form-field/form-field.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import r from"../../__internal__/label/label.style.js";const s={large:"140px",medium:"135px",small:"120px"},p=t.div.withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-24304dcb-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{flex:none;width:",";","{margin-right:-8px;}}",""],i,n,(({inputWidth:t,maxWidth:e,size:i})=>e||t?"":s[i]),l,(({applyDateRangeStyling:t,maxWidth:i,size:a,labelInline:l})=>t&&!l&&e(["","{max-width:",";}",",","{overflow-wrap:anywhere;}"],m,i||s[a],o,r)));p.defaultProps={theme:a};export{p as default};

package/esm/components/date/index.js

@@ -1 +1 @@
-export { default } from "./date.component";
+export{DateInput as default}from"./date.component.js";

package/esm/components/date-range/__internal__/date-range.context.js

@@ -1,2 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

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

@@ -1,245 +1 @@
-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); }
-import React, { useCallback, useEffect, useMemo, useState, useContext } from "react";
-import { formatToISO, formattedValue, parseISODate, checkISOFormatAndLength } from "../date/__internal__/utils";
-import DateInput from "../date";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import StyledDateRange from "./date-range.style";
-import Events from "../../__internal__/utils/helpers/events";
-import useLocale from "../../hooks/__internal__/useLocale";
-import usePrevious from "../../hooks/__internal__/usePrevious";
-import getFormatData from "../date/__internal__/date-formats";
-import DateRangeContext from "./__internal__/date-range.context";
-import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
-import Logger from "../../__internal__/utils/logger";
-let deprecateOptionalWarnTriggered = false;
-export const DateRange = ({
-  endDateProps = {},
-  id,
-  labelsInline,
-  name,
-  onBlur,
-  onChange,
-  startDateProps = {},
-  tooltipPosition,
-  validationOnLabel,
-  value,
-  startRef,
-  endRef,
-  required,
-  isOptional,
-  datePickerStartAriaLabel,
-  datePickerStartAriaLabelledBy,
-  datePickerEndAriaLabel,
-  datePickerEndAriaLabelledBy,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in DateRange 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 {
-    validationRedesignOptIn
-  } = useContext(NewValidationContext);
-  const labelsInlineWithNewValidation = validationRedesignOptIn ? false : labelsInline;
-  const l = useLocale();
-  const {
-    dateFnsLocale,
-    dateFormatOverride
-  } = l.date;
-  const {
-    format
-  } = useMemo(() => getFormatData(dateFnsLocale(), dateFormatOverride), [dateFnsLocale, dateFormatOverride]);
-  const inlineLabelWidth = 40;
-  const [lastChangedDate, setLastChangedDate] = useState("");
-  const computedValue = useCallback(valueString => {
-    if (checkISOFormatAndLength(valueString)) {
-      return formattedValue(format, parseISODate(valueString));
-    }
-    return valueString;
-  }, [format]);
-  const getStartDate = useCallback(() => {
-    const {
-      value: startValue
-    } = startDateProps;
-    return computedValue(startValue || value[0]);
-  }, [startDateProps, value, computedValue]);
-  const getEndDate = useCallback(() => {
-    const {
-      value: endValue
-    } = endDateProps;
-    return computedValue(endValue || value[1]);
-  }, [endDateProps, value, computedValue]);
-  const [inputRefMap, setInputRefMap] = useState({
-    start: {
-      isBlurBlocked: {
-        current: false
-      },
-      setOpen: null
-    },
-    end: {
-      isBlurBlocked: {
-        current: false
-      },
-      setOpen: null
-    }
-  });
-  function isEmptyValue(allowEmpty, inputValue) {
-    return allowEmpty && !inputValue.length;
-  }
-  const [startDateValue, setStartDateValue] = useState({
-    formattedValue: getStartDate(),
-    rawValue: isEmptyValue(!!startDateProps.allowEmptyValue, getStartDate()) ? "" : formatToISO(format, getStartDate())
-  });
-  const [endDateValue, setEndDateValue] = useState({
-    formattedValue: getEndDate(),
-    rawValue: isEmptyValue(!!endDateProps.allowEmptyValue, getEndDate()) ? "" : formatToISO(format, getEndDate())
-  });
-  const previousValue = usePrevious(value);
-  useEffect(() => {
-    const updateValues = () => {
-      setStartDateValue({
-        formattedValue: getStartDate(),
-        rawValue: isEmptyValue(!!startDateProps.allowEmptyValue, getStartDate()) ? "" : formatToISO(format, getStartDate())
-      });
-      setEndDateValue({
-        formattedValue: getEndDate(),
-        rawValue: isEmptyValue(!!endDateProps.allowEmptyValue, getEndDate()) ? "" : formatToISO(format, getEndDate())
-      });
-    };
-    const hasPreviousValues = previousValue?.length;
-    const hasUpdated = hasPreviousValues && (value[0] !== previousValue[0] || value[1] !== previousValue[1]);
-    if (hasUpdated) {
-      updateValues();
-    }
-  }, [value, previousValue, endDateProps.allowEmptyValue, format, getEndDate, getStartDate, startDateProps.allowEmptyValue]);
-  const buildCustomEvent = useCallback((changedDate, newValue) => {
-    const startValue = changedDate === "start" ? newValue : startDateValue;
-    const endValue = changedDate === "end" ? newValue : endDateValue;
-    setLastChangedDate(changedDate);
-    return {
-      target: {
-        ...(name && {
-          name
-        }),
-        ...(id && {
-          id
-        }),
-        value: [startValue, endValue]
-      }
-    };
-  }, [endDateValue, id, name, startDateValue]);
-  const handleOnChange = (changedDate, ev) => {
-    if (changedDate === "start") {
-      setStartDateValue({
-        ...ev.target.value
-      });
-    } else {
-      setEndDateValue({
-        ...ev.target.value
-      });
-    }
-    const event = buildCustomEvent(changedDate, ev.target.value);
-    onChange(event);
-  };
-  const startDateOnChange = ev => {
-    handleOnChange("start", ev);
-  };
-  const endDateOnChange = ev => {
-    handleOnChange("end", ev);
-  };
-  const updateInputMap = newState => {
-    setInputRefMap(prev => {
-      return {
-        ...prev,
-        ...newState
-      };
-    });
-  };
-  const isBlurBlocked = () => inputRefMap?.start?.isBlurBlocked.current || inputRefMap?.end?.isBlurBlocked.current;
-  const handleOnBlur = ev => {
-    if (isBlurBlocked()) {
-      return;
-    }
-    if (onBlur) {
-      const event = buildCustomEvent(lastChangedDate, ev.target.value);
-      onBlur(event);
-    }
-  };
-  const closePicker = activeInput => {
-    const refMap = inputRefMap?.[activeInput];
-
-    /* istanbul ignore else */
-    if (refMap) {
-      refMap.setOpen?.(false);
-      refMap.isBlurBlocked.current = false;
-    }
-  };
-  const handleOnKeyDown = (ev, activeInput) => {
-    if (Events.isTabKey(ev) && Events.isShiftKey(ev) && inputRefMap?.start) {
-      inputRefMap.start.isBlurBlocked.current = !(activeInput === "start");
-    } else if (Events.isTabKey(ev) && inputRefMap?.end) {
-      inputRefMap.end.isBlurBlocked.current = !(activeInput === "end");
-    }
-  };
-  const handleFocus = inputName => {
-    closePicker(inputName);
-    setLastChangedDate(inputName === "start" ? "end" : "start");
-  };
-  const dateProps = propsKey => {
-    const props = propsKey === "start" ? startDateProps : endDateProps;
-    const {
-      formattedValue: inputValue
-    } = propsKey === "start" ? startDateValue : endDateValue;
-    const onChangeCallback = propsKey === "start" ? startDateOnChange : endDateOnChange;
-    return {
-      label: rest[`${propsKey}Label`],
-      labelInline: labelsInlineWithNewValidation,
-      value: inputValue,
-      error: rest[`${propsKey}Error`],
-      warning: rest[`${propsKey}Warning`],
-      info: rest[`${propsKey}Info`],
-      validationOnLabel,
-      onBlur: handleOnBlur,
-      onChange: onChangeCallback,
-      onKeyDown: ev => handleOnKeyDown(ev, propsKey),
-      ...props,
-      required,
-      isOptional
-    };
-  };
-  return /*#__PURE__*/React.createElement(StyledDateRange, _extends({}, tagComponent("date-range", rest), {
-    labelsInline: labelsInlineWithNewValidation
-  }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(DateRangeContext.Provider, {
-    value: {
-      inputRefMap,
-      setInputRefMap: updateInputMap
-    }
-  }, /*#__PURE__*/React.createElement(DateInput, _extends({
-    my: 0 // prevents any form spacing being applied
-  }, dateProps("start"), {
-    onFocus: () => handleFocus("end"),
-    "data-element": "start-date",
-    inputName: "start",
-    labelWidth: inlineLabelWidth // Textbox only applies this when labelsInLine prop is true
-    ,
-    tooltipPosition: tooltipPosition,
-    ref: startRef,
-    datePickerAriaLabel: datePickerStartAriaLabel,
-    datePickerAriaLabelledBy: datePickerStartAriaLabelledBy
-  })), /*#__PURE__*/React.createElement(DateInput, _extends({
-    my: 0 // prevents any form spacing being applied
-  }, dateProps("end"), {
-    onFocus: () => handleFocus("start"),
-    "data-element": "end-date",
-    inputName: "end",
-    labelWidth: inlineLabelWidth // Textbox only applies this when labelsInLine prop is true
-    ,
-    tooltipPosition: tooltipPosition,
-    ref: endRef,
-    datePickerAriaLabel: datePickerEndAriaLabel,
-    datePickerAriaLabelledBy: datePickerEndAriaLabelledBy
-  }))));
-};
-DateRange.displayName = "DateRange";
-export default DateRange;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(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]:{},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){j(e,t,r[t])}))}return e}function k(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 h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:q,endRef:F,required:K,isOptional:$,datePickerStartAriaLabel:C,datePickerStartAriaLabelledBy:N,datePickerEndAriaLabel:W,datePickerEndAriaLabelledBy:M}=j,T=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}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange 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{validationRedesignOptIn:z}=r(_),G=!z&&V,H=y(),{dateFnsLocale:J,dateFormatOverride:Q}=H.date,{format:U}=a((()=>O(J(),Q)),[J,Q]),[X,Y]=n(""),Z=l((e=>i(e)?s(U,d(e)):e),[U]),ee=l((()=>{const{value:e}=S;return Z(e||R[0])}),[S,R,Z]),te=l((()=>{const{value:e}=B;return Z(e||R[1])}),[B,R,Z]),[re,ae]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function ne(e,t){return e&&!t.length}const[le,oe]=n({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),[ie,se]=n({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}),de=v(R);o((()=>{(null==de?void 0:de.length)&&(R[0]!==de[0]||R[1]!==de[1])&&(oe({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),se({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}))}),[R,de,B.allowEmptyValue,U,te,ee,S.allowEmptyValue]);const ue=l(((e,t)=>{const r="start"===e?t:le,a="end"===e?t:ie;return Y(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[ie,L,E,le]),ce=(e,t)=>{"start"===e?oe(w({},t.target.value)):se(w({},t.target.value));const r=ue(e,t.target.value);D(r)},pe=e=>{ce("start",e)},me=e=>{ce("end",e)},fe=e=>{var t,r;if(!(null==re||null===(t=re.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==re||null===(r=re.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ue(X,e.target.value);A(t)}},be=e=>{(e=>{const t=null==re?void 0:re[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Y("start"===e?"end":"start")},ye=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?le:ie,a="start"===e?pe:me;return k(w({label:T[`${e}Label`],labelInline:G,value:r,error:T[`${e}Error`],warning:T[`${e}Warning`],info:T[`${e}Info`],validationOnLabel:I,onBlur:fe,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==re?void 0:re.start)?re.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==re?void 0:re.end)&&(re.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",T)),{labelsInline:G}),p(T)),{children:t(g.Provider,{value:{inputRefMap:re,setInputRefMap:e=>{ae((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ye("start")),{onFocus:()=>be("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:C,datePickerAriaLabelledBy:N})),e(c,k(w({my:0},ye("end")),{onFocus:()=>be("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:W,datePickerAriaLabelledBy:M}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};

package/esm/components/date-range/date-range.style.js

@@ -1,34 +1 @@
-import styled from "styled-components";
-import { margin } from "styled-system";
-import StyledDateInput from "../date/date.style";
-import { StyledLabelContainer } from "../../__internal__/label/label.style";
-import { StyledInputPresentationContainer } from "../../__internal__/input/input-presentation.style";
-import baseTheme from "../../style/themes/base";
-const StyledDateRange = styled.div`
-  margin-bottom: var(--fieldSpacing);
-  ${margin}
-
-  & ${StyledDateInput} {
-    width: auto;
-    display: inline-block;
-    vertical-align: ${({
-  labelsInline
-}) => labelsInline ? "top" : "bottom"};
-  }
-
-  & ${StyledDateInput}:first-of-type {
-    margin-right: var(--spacing300);
-  }
-
-  ${StyledLabelContainer} {
-    width: auto;
-  }
-
-  ${StyledInputPresentationContainer} {
-    flex: auto;
-  }
-`;
-StyledDateRange.defaultProps = {
-  theme: baseTheme
-};
-export default StyledDateRange;
+import t from"styled-components";import{margin as e}from"styled-system";import i from"../date/date.style.js";import{StyledLabelContainer as o}from"../../__internal__/label/label.style.js";import{StyledInputPresentationContainer as a}from"../../__internal__/input/input-presentation.style.js";import l from"../../style/themes/base/index.js";const n=t.div.withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-671f3b1f-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}","{width:auto;}","{flex:auto;}"],e,i,(({labelsInline:t})=>t?"top":"bottom"),i,o,a);n.defaultProps={theme:l};export{n as default};

package/esm/components/date-range/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from "./date-range.component";
-export type { DateRangeChangeEvent } from "./date-range.component";
+export type { DateRangeChangeEvent, DateRangeProps, } from "./date-range.component";
 export type { DateRangeContextProps } from "./__internal__/date-range.context";

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

@@ -1 +1 @@
-export { default } from "./date-range.component";
+export{DateRange as default}from"./date-range.component.js";

package/esm/components/decimal/decimal.component.js

@@ -1,190 +1 @@
-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); }
-import React, { useState, useEffect, useRef, useCallback, useContext } from "react";
-import invariant from "invariant";
-import Textbox from "../textbox";
-import LocaleContext from "../../__internal__/i18n-context";
-import usePrevious from "../../hooks/__internal__/usePrevious";
-import Logger from "../../__internal__/utils/logger";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-let deprecateUncontrolledWarnTriggered = false;
-export const Decimal = /*#__PURE__*/React.forwardRef(({
-  align = "right",
-  defaultValue,
-  precision = 2,
-  inputWidth,
-  readOnly,
-  onChange,
-  onBlur,
-  id,
-  name,
-  allowEmptyValue = false,
-  locale,
-  value,
-  ...rest
-}, ref) => {
-  const l = useContext(LocaleContext);
-  const getSeparator = useCallback(separatorType => {
-    const numberWithGroupAndDecimalSeparator = 10000.1;
-    return Intl.NumberFormat(locale || l.locale()).formatToParts(numberWithGroupAndDecimalSeparator).find(part => part.type === separatorType)?.value;
-  }, [l, locale]);
-  const isNaN = useCallback(valueToTest => {
-    return Number.isNaN(Number(valueToTest));
-  }, []);
-
-  /**
-   * Format a user defined value
-   */
-  const formatValue = useCallback(valueToFormat => {
-    if (isNaN(valueToFormat)) {
-      return valueToFormat;
-    }
-
-    /* Guards against any white-space only strings like "   " being
-    mishandled and returned as `NaN` for the value displayed in the textbox */
-    if (valueToFormat === "" || valueToFormat.match(/\s+/g)) {
-      return valueToFormat;
-    }
-    const separator = getSeparator("decimal");
-    const [integer, remainder] = valueToFormat.split(".");
-    const formattedInteger = Intl.NumberFormat(locale || l.locale(), {
-      maximumFractionDigits: 0
-    }).format(+integer);
-    let formattedNumber = formattedInteger;
-    if (remainder?.length > precision) {
-      formattedNumber += `${separator + remainder}`;
-    } else if (remainder?.length <= precision) {
-      formattedNumber += `${separator + remainder + "0".repeat(precision - remainder.length)}`;
-    } else {
-      formattedNumber += `${precision ? separator + "0".repeat(precision) : ""}`;
-    }
-    return formattedNumber;
-  }, [getSeparator, isNaN, l, locale, precision]);
-  const emptyValue = allowEmptyValue ? "" : formatValue(0 .toFixed(precision));
-  const getSafeValueProp = useCallback(initialValue => {
-    // We're intentionally preventing the use of number values to help prevent any unintentional rounding issues
-    !(typeof initialValue === "string") ? process.env.NODE_ENV !== "production" ? invariant(false, "Decimal `value` prop must be a string") : invariant(false) : void 0;
-    if (initialValue && !allowEmptyValue) {
-      !(initialValue !== "") ? process.env.NODE_ENV !== "production" ? invariant(false, "Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue") : invariant(false) : void 0;
-    }
-    return initialValue;
-  }, [allowEmptyValue]);
-
-  /**
-   * Determine if the precision value has changed from the previous ref value for precision
-   */
-  const prevPrecisionValue = usePrevious(precision);
-  useEffect(() => {
-    if (prevPrecisionValue && prevPrecisionValue !== precision) {
-      // eslint-disable-next-line no-console
-      console.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.");
-    }
-  }, [precision, prevPrecisionValue]);
-  const removeDelimiters = useCallback(valueToFormat => {
-    const delimiterMatcher = new RegExp(`[\\${getSeparator("group")} ]*`, "g");
-    return valueToFormat.replace(delimiterMatcher, "");
-  }, [getSeparator]);
-
-  /**
-   * Convert raw input to a standard decimal format
-   */
-  const toStandardDecimal = useCallback(i18nValue => {
-    const valueWithoutNBS = getSeparator("group")?.match(/\s+/) && !i18nValue.match(/\s{2,}/) ? i18nValue.replace(/\s+/g, "") : i18nValue;
-    /* If a value is passed in that is a number but has too many delimiters in succession, we want to handle this
-    value without formatting it or removing delimiters. We also want to consider that,
-    if a value consists of only delimiters, we want to treat that
-    value in the same way as if the value was NaN. We want to pass this value to the
-    formatValue function, before the delimiters can be removed. */
-    const errorsWithDelimiter = new RegExp(`([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$`, "g");
-    const separator = getSeparator("decimal");
-    const separatorRegex = new RegExp(separator === "." ? `\\${separator}` : separator, "g");
-    if (valueWithoutNBS.match(errorsWithDelimiter) || (valueWithoutNBS.match(separatorRegex) || []).length > 1) {
-      return valueWithoutNBS;
-    }
-    const withoutDelimiters = removeDelimiters(valueWithoutNBS);
-    return withoutDelimiters.replace(new RegExp(`\\${separator}`, "g"), ".");
-  }, [getSeparator, removeDelimiters]);
-  const decimalValue = getSafeValueProp(defaultValue || value || emptyValue);
-  const [stateValue, setStateValue] = useState(isNaN(toStandardDecimal(decimalValue)) ? decimalValue : formatValue(decimalValue));
-  const createEvent = (formatted, raw) => {
-    return {
-      target: {
-        name,
-        id,
-        value: {
-          formattedValue: formatValue(toStandardDecimal(formatted)),
-          rawValue: raw || toStandardDecimal(formatted)
-        }
-      }
-    };
-  };
-  const handleOnChange = ev => {
-    const {
-      value: val
-    } = ev.target;
-    setStateValue(val);
-    if (onChange) onChange(createEvent(val));
-  };
-  const handleOnBlur = ev => {
-    const {
-      value: updatedValue
-    } = ev.target;
-    let event;
-    if (updatedValue) {
-      const standardVisible = toStandardDecimal(updatedValue);
-      const formattedValue = isNaN(standardVisible) ? updatedValue : formatValue(standardVisible);
-      event = createEvent(formattedValue, standardVisible);
-      setStateValue(formattedValue);
-    } else {
-      event = createEvent(emptyValue);
-      setStateValue(emptyValue);
-    }
-    if (onBlur) onBlur(event);
-  };
-  const isControlled = value !== undefined;
-  const prevControlledRef = useRef();
-  useEffect(() => {
-    const message = "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";
-    !(prevControlledRef.current !== isControlled) ? process.env.NODE_ENV !== "production" ? invariant(false, message) : invariant(false) : void 0;
-    prevControlledRef.current = isControlled;
-    return () => {
-      prevControlledRef.current = null;
-    };
-  }, [isControlled]);
-  const prevValue = usePrevious(value);
-  useEffect(() => {
-    const standardDecimalValue = toStandardDecimal(stateValue);
-    if (isControlled) {
-      const valueProp = getSafeValueProp(value);
-      if (standardDecimalValue !== valueProp) {
-        if (valueProp === "" && prevValue === "") {
-          setStateValue(formatValue(emptyValue));
-        } else {
-          setStateValue(formatValue(valueProp));
-        }
-      }
-    }
-  }, [emptyValue, formatValue, getSafeValueProp, isControlled, prevValue, stateValue, toStandardDecimal, value]);
-  if (!deprecateUncontrolledWarnTriggered && !isControlled) {
-    deprecateUncontrolledWarnTriggered = true;
-    Logger.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textbox, _extends({
-    align: align,
-    readOnly: readOnly,
-    inputWidth: inputWidth,
-    onChange: handleOnChange,
-    onBlur: handleOnBlur,
-    value: stateValue,
-    "data-component": "decimal",
-    id: id,
-    ref: ref
-  }, rest, tagComponent("decimal", rest))), /*#__PURE__*/React.createElement("input", {
-    name: name,
-    value: toStandardDecimal(stateValue),
-    type: "hidden",
-    "data-component": "hidden-input",
-    "data-role": "hidden-input"
-  }));
-});
-Decimal.displayName = "Decimal";
-export default Decimal;
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import r,{useContext as o,useCallback as l,useEffect as a,useState as i,useRef as u}from"react";import c from"invariant";import{Textbox as m}from"../textbox/textbox.component.js";import p from"../../__internal__/i18n-context/index.js";import s from"../../hooks/__internal__/usePrevious/index.js";import d from"../../__internal__/utils/logger/index.js";import f from"../../__internal__/utils/helpers/tags/tags.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){g(e,t,n[t])}))}return e}let v=!1;const b=r.forwardRef(((r,g)=>{var{align:b="right",defaultValue:y,precision:O=2,inputWidth:w,readOnly:x,onChange:_,onBlur:j,id:P,name:D,allowEmptyValue:E=!1,locale:V,value:N}=r,$=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,["align","defaultValue","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const R=o(p),k=l((e=>{var t;return null===(t=Intl.NumberFormat(V||R.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[R,V]),C=l((e=>Number.isNaN(Number(e))),[]),F=l((e=>{if(C(e))return e;if(""===e||e.match(/\s+/g))return e;const t=k("decimal"),[n,r]=e.split(".");let o=Intl.NumberFormat(V||R.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>O?o+=`${t+r}`:(null==r?void 0:r.length)<=O?o+=`${t+r+"0".repeat(O-r.length)}`:o+=`${O?t+"0".repeat(O):""}`,o}),[k,C,R,V,O]),I=E?"":F((0).toFixed(O)),S=l((e=>(c("string"==typeof e,"Decimal `value` prop must be a string"),e&&!E&&c(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[E]),W=s(O);a((()=>{W&&W!==O&&console.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[O,W]);const z=l((e=>{const t=new RegExp(`[\\${k("group")} ]*`,"g");return e.replace(t,"")}),[k]),B=l((e=>{var t;const n=(null===(t=k("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,r=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),o=k("decimal"),l=new RegExp("."===o?`\\${o}`:o,"g");return n.match(r)||(n.match(l)||[]).length>1?n:z(n).replace(new RegExp(`\\${o}`,"g"),".")}),[k,z]),A=S(y||N||I),[Z,T]=i(C(B(A))?A:F(A)),U=(e,t)=>({target:{name:D,id:P,value:{formattedValue:F(B(e)),rawValue:t||B(e)}}}),q=void 0!==N,G=u();a((()=>(c(G.current!==q,"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"),G.current=q,()=>{G.current=null})),[q]);const H=s(N);return a((()=>{const e=B(Z);if(q){const t=S(N);e!==t&&T(F(""===t&&""===H?I:t))}}),[I,F,S,q,H,Z,B,N]),v||q||(v=!0,d.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(t,{children:[n(m,h({align:b,readOnly:x,inputWidth:w,onChange:e=>{const{value:t}=e.target;T(t),_&&_(U(t))},onBlur:e=>{const{value:t}=e.target;let n;if(t){const e=B(t),r=C(e)?t:F(e);n=U(r,e),T(r)}else n=U(I),T(I);j&&j(n)},value:Z,"data-component":"decimal",id:P,ref:g},$,f("decimal",$))),n("input",{name:D,value:B(Z),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]})}));b.displayName="Decimal";export{b as Decimal,b as default};

package/esm/components/decimal/index.js

@@ -1 +1 @@
-export { default } from "./decimal.component";
+export{Decimal as default}from"./decimal.component.js";

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

@@ -1,11 +1 @@
-import createStrictContext from "../../../__internal__/utils/createStrictContext";
-const [DlProvider, useDlContext] = createStrictContext({
-  name: "DlContext",
-  errorMessage: "Carbon DefinitionList: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    asSingleColumn: false,
-    dtTextAlign: "right",
-    ddTextAlign: "left"
-  }
-});
-export { DlProvider, useDlContext };
+import t from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[e,o]=t({name:"DlContext",errorMessage:"Carbon DefinitionList: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{asSingleColumn:!1,dtTextAlign:"right",ddTextAlign:"left"}});export{e as DlProvider,o as useDlContext};

package/esm/components/definition-list/dd/dd.component.js

@@ -1,26 +1 @@
-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); }
-import React from "react";
-import { StyledDd } from "../definition-list.style";
-import { useDlContext } from "../__internal__/dl.context";
-import tagComponent from "../../../__internal__/utils/helpers/tags";
-const Dd = ({
-  children,
-  ...rest
-}) => {
-  const {
-    mb
-  } = rest;
-  const {
-    asSingleColumn,
-    ddTextAlign
-  } = useDlContext();
-  return /*#__PURE__*/React.createElement(StyledDd, _extends({
-    "data-element": "dd",
-    "data-role": "dd",
-    asSingleColumn: asSingleColumn,
-    ddTextAlign: ddTextAlign,
-    mb: mb || 2
-  }, rest, tagComponent("dd", rest)), children);
-};
-Dd.displayName = "Dd";
-export default Dd;
+import{jsx as e}from"react/jsx-runtime";import"react";import{StyledDd as t}from"../definition-list.style.js";import{useDlContext as r}from"../__internal__/dl.context.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var{children:l}=i,c=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children"]);const{mb:a}=c,{asSingleColumn:s,ddTextAlign:p}=r();return e(t,(u=function(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){o(e,t,r[t])}))}return e}({"data-element":"dd","data-role":"dd",asSingleColumn:s,ddTextAlign:p,mb:a||2},c,n("dd",c)),f=null!=(f={children:l})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(f,e))})),u));var u,f};i.displayName="Dd";export{i as default};