@pega/cosmos-react-core 7.0.0-build.3.4 → 7.0.0-build.30.1

package/lib/components/CreditCard/CreditCard.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCard.types.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCard.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp } from '../../types';\nimport type { FormControlProps } from '../FormControl';\n\nexport type ObfuscationMode = 'none' | 'partial' | 'full';\n\nexport interface FormattingOptions {\n  obfuscation?: ObfuscationMode;\n}\n\nexport interface CreditCardDisplayProps extends BaseProps, NoChildrenProp {\n  /** Number value. */\n  value?: string;\n  /** Options to define formatting. */\n  formattingOptions?: {\n    /**\n     * Defines if the obfuscation (replacing digits with bullets) should be applied.\n     * This is only visual obfuscation, the real one should be applied on the server side.\n     * Characters that are going to be obfuscated may be random characters or even missing.\n     * @default 'none'\n     */\n    obfuscation?: ObfuscationMode;\n  };\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport interface CreditCardInputProps extends BaseProps, NoChildrenProp {\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /**\n   * Visually hides the label region.\n   * @default false\n   */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n  info?: FormControlProps['info'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Placeholder text. The browser defaults to an empty string. */\n  placeholder?: string;\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Makes the component non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /**\n   * CurrencyInput input value.\n   * Requires an onChange handler to update value.\n   * @default ''\n   */\n  value?: string;\n  /** Callback fired when input value changes. */\n  onChange: (value?: string) => void;\n  /** Callback fired when the component loses focus. */\n  onFocus?: (value?: string) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value?: string) => void;\n  /** Pass a heading and content to show additional information on the field. */\n  additionalInfo?: FormControlProps['additionalInfo'];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLInputElement>;\n}\n"]}
+{"version":3,"file":"CreditCard.types.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCard.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { NoChildrenProp, OmitStrict, WithAttributes } from '../../types';\nimport type { FormControlProps } from '../FormControl';\n\nexport type ObfuscationMode = 'none' | 'partial' | 'full';\n\nexport interface FormattingOptions {\n  obfuscation?: ObfuscationMode;\n}\n\nexport type CreditCardDisplayProps = WithAttributes<\n  'span',\n  NoChildrenProp & {\n    /** Number value. */\n    value?: string;\n    /** Options to define formatting. */\n    formattingOptions?: {\n      /**\n       * Defines if the obfuscation (replacing digits with bullets) should be applied.\n       * This is only visual obfuscation, the real one should be applied on the server side.\n       * Characters that are going to be obfuscated may be random characters or even missing.\n       * @default 'none'\n       */\n      obfuscation?: ObfuscationMode;\n    };\n  }\n>;\n\nexport type CreditCardInputProps = OmitStrict<\n  WithAttributes<\n    'input',\n    NoChildrenProp & {\n      /** Set visual state based on a validation state. */\n      status?: FormControlProps['status'];\n      /** Pass a string or a fragment with an Icon and string. */\n      label?: FormControlProps['label'];\n      /**\n       * Visually hides the label region.\n       * @default false\n       */\n      labelHidden?: FormControlProps['labelHidden'];\n      /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n      info?: FormControlProps['info'];\n      /**\n       * CurrencyInput input value.\n       * Requires an onChange handler to update value.\n       * @default ''\n       */\n      value?: string;\n      /** Callback fired when input value changes. */\n      onChange: (value?: string) => void;\n      /** Callback fired when the component loses focus. */\n      onFocus?: (value?: string) => void;\n      /** Callback fired when the component loses focus. */\n      onBlur?: (value?: string) => void;\n      /** Pass a heading and content to show additional information on the field. */\n      additionalInfo?: FormControlProps['additionalInfo'];\n    }\n  >,\n  'type' | 'defaultValue'\n>;\n"]}

package/lib/components/CreditCard/CreditCardDisplay.d.ts

@@ -1,6 +1,4 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '../../types';
 import type { CreditCardDisplayProps } from './CreditCard.types';
-declare const CreditCardDisplay: FunctionComponent<CreditCardDisplayProps & ForwardProps>;
-export default CreditCardDisplay;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<CreditCardDisplayProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export default _default;
 //# sourceMappingURL=CreditCardDisplay.d.ts.map

package/lib/components/CreditCard/CreditCardDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAyB/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CreditCardDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardDisplay.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;;AAGjE,wBAuBG"}

package/lib/components/CreditCard/CreditCardDisplay.js

@@ -3,12 +3,11 @@ import { forwardRef } from 'react';
 import VisuallyHiddenText from '../VisuallyHiddenText';
 import NoValue from '../NoValue/NoValue';
 import { formatCreditCard } from './utils';
-const CreditCardDisplay = forwardRef(function CreditCardDisplay({ value, formattingOptions = {}, ...restProps }, ref) {
+export default forwardRef(function CreditCardDisplay({ value, formattingOptions = {}, ...restProps }, ref) {
     const formatted = value ? formatCreditCard(value, formattingOptions) : undefined;
     return (_jsx("span", { ref: ref, ...restProps, children: formatted ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": 'true', children: formatted }), _jsx(VisuallyHiddenText, { children: formatted
                         .replace(/\s+/g, '.')
                         .replace(/([0-9•]\.?)/g, digit => `${digit} `)
                         .trim() })] })) : (_jsx(NoValue, {})) }));
 });
-export default CreditCardDisplay;
 //# sourceMappingURL=CreditCardDisplay.js.map

package/lib/components/CreditCard/CreditCardDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardDisplay.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,iBAAiB,GAA6D,UAAU,CAC5F,SAAS,iBAAiB,CACxB,EAAE,KAAK,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,SAAS,EAA2C,EACxF,GAAkC;IAElC,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,8BAAkB,MAAM,YAAE,SAAS,GAAQ,EAC3C,KAAC,kBAAkB,cAChB,SAAS;yBACP,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;yBACpB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;yBAC7C,IAAI,EAAE,GACU,IACpB,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,KAAG,CACZ,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport type { ForwardProps } from '../../types';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport NoValue from '../NoValue/NoValue';\n\nimport type { CreditCardDisplayProps } from './CreditCard.types';\nimport { formatCreditCard } from './utils';\n\nconst CreditCardDisplay: FunctionComponent<CreditCardDisplayProps & ForwardProps> = forwardRef(\n  function CreditCardDisplay(\n    { value, formattingOptions = {}, ...restProps }: PropsWithoutRef<CreditCardDisplayProps>,\n    ref: CreditCardDisplayProps['ref']\n  ) {\n    const formatted = value ? formatCreditCard(value, formattingOptions) : undefined;\n\n    return (\n      <span ref={ref} {...restProps}>\n        {formatted ? (\n          <>\n            <span aria-hidden='true'>{formatted}</span>\n            <VisuallyHiddenText>\n              {formatted\n                .replace(/\\s+/g, '.')\n                .replace(/([0-9•]\\.?)/g, digit => `${digit} `)\n                .trim()}\n            </VisuallyHiddenText>\n          </>\n        ) : (\n          <NoValue />\n        )}\n      </span>\n    );\n  }\n);\n\nexport default CreditCardDisplay;\n"]}
+{"version":3,"file":"CreditCardDisplay.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAe,UAAU,CAGvB,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG;IAC/E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,8BAAkB,MAAM,YAAE,SAAS,GAAQ,EAC3C,KAAC,kBAAkB,cAChB,SAAS;yBACP,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;yBACpB,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;yBAC7C,IAAI,EAAE,GACU,IACpB,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,KAAG,CACZ,GACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { RefElement } from '../../types';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport NoValue from '../NoValue/NoValue';\n\nimport type { CreditCardDisplayProps } from './CreditCard.types';\nimport { formatCreditCard } from './utils';\n\nexport default forwardRef<\n  RefElement<CreditCardDisplayProps>,\n  PropsWithoutRef<CreditCardDisplayProps>\n>(function CreditCardDisplay({ value, formattingOptions = {}, ...restProps }, ref) {\n  const formatted = value ? formatCreditCard(value, formattingOptions) : undefined;\n\n  return (\n    <span ref={ref} {...restProps}>\n      {formatted ? (\n        <>\n          <span aria-hidden='true'>{formatted}</span>\n          <VisuallyHiddenText>\n            {formatted\n              .replace(/\\s+/g, '.')\n              .replace(/([0-9•]\\.?)/g, digit => `${digit} `)\n              .trim()}\n          </VisuallyHiddenText>\n        </>\n      ) : (\n        <NoValue />\n      )}\n    </span>\n  );\n});\n"]}

package/lib/components/CreditCard/CreditCardInput.d.ts

@@ -1,6 +1,16 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '../../types';
-import type { CreditCardInputProps } from './CreditCard.types';
-declare const CreditCardInput: FunctionComponent<CreditCardInputProps & ForwardProps>;
-export default CreditCardInput;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<Pick<import("../../types").WithAttributes<"input", import("../../types").NoChildrenProp & {
+    status?: "error" | "warning" | "success" | "pending" | undefined;
+    label?: import("react").ReactNode;
+    labelHidden?: boolean | undefined;
+    info?: import("react").ReactNode;
+    value?: string | undefined;
+    onChange: (value?: string | undefined) => void;
+    onFocus?: ((value?: string | undefined) => void) | undefined;
+    onBlur?: ((value?: string | undefined) => void) | undefined;
+    additionalInfo?: {
+        heading?: string | undefined;
+        content: string | JSX.Element;
+    } | undefined;
+}>, "hidden" | "color" | "content" | "size" | "style" | "height" | "translate" | "width" | "multiple" | "disabled" | "prefix" | "src" | "form" | "label" | "slot" | "title" | "pattern" | "children" | "ref" | "key" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "max" | "maxLength" | "min" | "minLength" | "name" | "status" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "enterKeyHint" | "readOnly" | "required" | "step" | "value" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "info" | "labelHidden" | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export default _default;
 //# sourceMappingURL=CreditCardInput.d.ts.map

package/lib/components/CreditCard/CreditCardInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardInput.d.ts","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA2D3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CreditCardInput.d.ts","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,wBAwDE"}

package/lib/components/CreditCard/CreditCardInput.js

@@ -4,7 +4,7 @@ import creditCardType from 'credit-card-type';
 import Input from '../Input';
 import { useConsolidatedRef, useInputFormatter } from '../../hooks';
 import { formatCreditCard, isPossibleCardNumber } from './utils';
-const CreditCardInput = forwardRef(function CreditCardInput({ value = '', onChange, onBlur, onFocus, ...restProps }, ref) {
+export default forwardRef(function CreditCardInput({ value = '', onChange, onBlur, onFocus, ...restProps }, ref) {
     const onInputKeyDown = (e) => {
         if (value && !isPossibleCardNumber(value) && Number.isFinite(Number.parseInt(e.key, 10))) {
             e.target.value = '';
@@ -35,5 +35,4 @@ const CreditCardInput = forwardRef(function CreditCardInput({ value = '', onChan
     const formatted = useInputFormatter(inputRef, value, (input) => formatCreditCard(input.replace(/\D+/g, ''), { obfuscation }));
     return (_jsx(Input, { ...restProps, inputMode: 'numeric', ref: inputRef, value: formatted, onChange: onInputChange, onBlur: onInputBlur, onFocus: onInputFocus, onPaste: onPaste, onKeyDown: onInputKeyDown, maxLength: maxLength, autoComplete: 'cc-number' }));
 });
-export default CreditCardInput;
 //# sourceMappingURL=CreditCardInput.js.map

package/lib/components/CreditCard/CreditCardInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardInput.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type {\n  FunctionComponent,\n  PropsWithoutRef,\n  ChangeEvent,\n  ClipboardEvent,\n  KeyboardEvent\n} from 'react';\nimport creditCardType from 'credit-card-type';\n\nimport type { ForwardProps } from '../../types';\nimport Input from '../Input';\nimport { useConsolidatedRef, useInputFormatter } from '../../hooks';\n\nimport type { CreditCardInputProps } from './CreditCard.types';\nimport { formatCreditCard, isPossibleCardNumber } from './utils';\n\nconst CreditCardInput: FunctionComponent<CreditCardInputProps & ForwardProps> = forwardRef(\n  function CreditCardInput(\n    { value = '', onChange, onBlur, onFocus, ...restProps }: PropsWithoutRef<CreditCardInputProps>,\n    ref: CreditCardInputProps['ref']\n  ) {\n    const onInputKeyDown = (e: KeyboardEvent) => {\n      if (value && !isPossibleCardNumber(value) && Number.isFinite(Number.parseInt(e.key, 10))) {\n        (e.target as HTMLInputElement).value = '';\n      }\n    };\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange(e.target.value ? e.target.value.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onInputBlur = (e: FocusEvent) => {\n      const inputValue = (e.target as HTMLInputElement).value;\n      onBlur?.(inputValue ? inputValue.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onInputFocus = (e: FocusEvent) => {\n      const inputValue = (e.target as HTMLInputElement).value;\n      onFocus?.(inputValue ? inputValue.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onPaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData.getData('text').replace(/\\D+/g, '');\n      const [{ lengths: [inferredLength] = [] } = {}] = creditCardType(text);\n      if (text.length > inferredLength) {\n        onChange(Number(text).toString());\n        e.preventDefault();\n      }\n    };\n\n    const maxLength = value ? Math.max(...(creditCardType(value)[0]?.lengths || [16])) : undefined;\n\n    const obfuscation = /\\D/.test(value) ? 'partial' : 'none';\n\n    const inputRef = useConsolidatedRef(ref);\n    const formatted = useInputFormatter(inputRef, value, (input: string) =>\n      formatCreditCard(input.replace(/\\D+/g, ''), { obfuscation })\n    );\n\n    return (\n      <Input\n        {...restProps}\n        inputMode='numeric'\n        ref={inputRef}\n        value={formatted}\n        onChange={onInputChange}\n        onBlur={onInputBlur}\n        onFocus={onInputFocus}\n        onPaste={onPaste}\n        onKeyDown={onInputKeyDown}\n        maxLength={maxLength}\n        autoComplete='cc-number'\n      />\n    );\n  }\n);\n\nexport default CreditCardInput;\n"]}
+{"version":3,"file":"CreditCardInput.js","sourceRoot":"","sources":["../../../src/components/CreditCard/CreditCardInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type {\n  PropsWithoutRef,\n  ChangeEvent,\n  ClipboardEvent,\n  KeyboardEvent,\n  FocusEvent\n} from 'react';\nimport creditCardType from 'credit-card-type';\n\nimport type { RefElement } from '../../types';\nimport Input from '../Input';\nimport { useConsolidatedRef, useInputFormatter } from '../../hooks';\n\nimport type { CreditCardInputProps } from './CreditCard.types';\nimport { formatCreditCard, isPossibleCardNumber } from './utils';\n\nexport default forwardRef<RefElement<CreditCardInputProps>, PropsWithoutRef<CreditCardInputProps>>(\n  function CreditCardInput({ value = '', onChange, onBlur, onFocus, ...restProps }, ref) {\n    const onInputKeyDown = (e: KeyboardEvent) => {\n      if (value && !isPossibleCardNumber(value) && Number.isFinite(Number.parseInt(e.key, 10))) {\n        (e.target as HTMLInputElement).value = '';\n      }\n    };\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange(e.target.value ? e.target.value.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onInputBlur = (e: FocusEvent) => {\n      const inputValue = (e.target as HTMLInputElement).value;\n      onBlur?.(inputValue ? inputValue.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onInputFocus = (e: FocusEvent) => {\n      const inputValue = (e.target as HTMLInputElement).value;\n      onFocus?.(inputValue ? inputValue.replace(/\\D+/g, '') : undefined);\n    };\n\n    const onPaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData.getData('text').replace(/\\D+/g, '');\n      const [{ lengths: [inferredLength] = [] } = {}] = creditCardType(text);\n      if (text.length > inferredLength) {\n        onChange(Number(text).toString());\n        e.preventDefault();\n      }\n    };\n\n    const maxLength = value ? Math.max(...(creditCardType(value)[0]?.lengths || [16])) : undefined;\n\n    const obfuscation = /\\D/.test(value) ? 'partial' : 'none';\n\n    const inputRef = useConsolidatedRef(ref);\n    const formatted = useInputFormatter(inputRef, value, (input: string) =>\n      formatCreditCard(input.replace(/\\D+/g, ''), { obfuscation })\n    );\n\n    return (\n      <Input\n        {...restProps}\n        inputMode='numeric'\n        ref={inputRef}\n        value={formatted}\n        onChange={onInputChange}\n        onBlur={onInputBlur}\n        onFocus={onInputFocus}\n        onPaste={onPaste}\n        onKeyDown={onInputKeyDown}\n        maxLength={maxLength}\n        autoComplete='cc-number'\n      />\n    );\n  }\n);\n"]}

package/lib/components/Currency/Currency.test-ids.d.ts

@@ -1,2 +1,2 @@
-export declare const getCurrencyInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getCurrencyInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 //# sourceMappingURL=Currency.test-ids.d.ts.map

package/lib/components/Currency/Currency.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/Currency.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,wKAGzB,CAAC"}
+{"version":3,"file":"Currency.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/Currency.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,+KAGzB,CAAC"}

package/lib/components/Currency/CurrencyInput.d.ts

@@ -2,7 +2,7 @@ import type { FunctionComponent } from 'react';
 import type { ForwardProps } from '../../types';
 import type CurrencyInputProps from './CurrencyInput.types';
 declare const _default: FunctionComponent<CurrencyInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: string | null | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=CurrencyInput.d.ts.map

package/lib/components/Currency/CurrencyInput.js

@@ -94,7 +94,7 @@ const CurrencyInput = forwardRef(function CurrencyInput(props, ref) {
         }
     };
     const formattedValue = useInputFormatter(inputRef, value, formatValue, `\\p{N}${decimalSign}-`);
-    const Comp = (_jsxs(_Fragment, { children: [_jsx(Input, { "data-testid": testIds.control, onChange: onInputChange, id: id, readOnly: readOnly, required: required, disabled: disabled, status: status, ...restProps, hasSuggestion: status === 'pending' && !!onResolveSuggestion, inputMode: 'numeric', ref: inputRef, value: formattedValue, onKeyDown: onKeyDown, onFocus: onInputFocusEvent, onBlur: onInputFocusEvent, "aria-describedby": validCurrencyISOCode ? descriptionId : undefined, maxLength: 16 }), validCurrencyISOCode && (_jsx(VisuallyHiddenText, { id: descriptionId, "aria-hidden": true, children: t('measured_in', [validCurrencyISOCode]) }))] }));
+    const Comp = (_jsxs(_Fragment, { children: [_jsx(Input, { "data-testid": testIds.control, onChange: onInputChange, id: id, readOnly: readOnly, required: required, disabled: disabled, status: status, ...restProps, onResolveSuggestion: onResolveSuggestion, inputMode: 'numeric', ref: inputRef, value: formattedValue, onKeyDown: onKeyDown, onFocus: onInputFocusEvent, onBlur: onInputFocusEvent, "aria-describedby": validCurrencyISOCode ? descriptionId : undefined, maxLength: 16 }), validCurrencyISOCode && (_jsx(VisuallyHiddenText, { id: descriptionId, "aria-hidden": true, children: t('measured_in', [validCurrencyISOCode]) }))] }));
     return label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, status: status, required: required, disabled: disabled, additionalInfo: additionalInfo, onResolveSuggestion: onResolveSuggestion, children: Comp })) : (Comp);
 });
 export default withTestIds(CurrencyInput, getCurrencyInputTestIds);

package/lib/components/Currency/CurrencyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useMemo } from 'react';\nimport type {\n  FunctionComponent,\n  PropsWithoutRef,\n  KeyboardEvent,\n  ChangeEvent,\n  FocusEvent\n} from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport FormField from '../FormField';\nimport type { ForwardProps } from '../../types';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useI18n,\n  useInputFormatter,\n  usePrevious,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport {\n  getCleanedValue,\n  getDecimalSign,\n  getDecrementedValue,\n  getIncrementedValue\n} from '../Number/utils';\nimport Input from '../Input';\nimport { withTestIds } from '../../utils';\n\nimport type CurrencyInputProps from './CurrencyInput.types';\nimport { getCurrencyMinimumFractionDigits, getFormattedValue, isValidCurrency } from './utils';\nimport { getCurrencyInputTestIds } from './Currency.test-ids';\n\nconst CurrencyInput: FunctionComponent<CurrencyInputProps & ForwardProps> = forwardRef(\n  function CurrencyInput(\n    props: PropsWithoutRef<CurrencyInputProps>,\n    ref: CurrencyInputProps['ref']\n  ) {\n    const uid = useUID();\n    const {\n      testId,\n      id = uid,\n      status,\n      label,\n      labelHidden,\n      info,\n      required,\n      disabled,\n      readOnly,\n      additionalInfo,\n      value: valueProp = '',\n      onChange,\n      onBlur,\n      onFocus,\n      onResolveSuggestion,\n      currencyISOCode,\n      showDecimal = true,\n      showGroupSeparators = true,\n      min = Number.MIN_SAFE_INTEGER,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      alwaysShowISOCode = false,\n      maximumFractionDigits = 0,\n      ...restProps\n    } = props;\n\n    const descriptionId = useUID();\n    const testIds = useTestIds(testId, getCurrencyInputTestIds);\n\n    const { locale } = useConfiguration();\n\n    const t = useI18n();\n    const inputRef = useConsolidatedRef(ref);\n\n    const validCurrencyISOCode = useMemo(\n      () => (currencyISOCode && isValidCurrency(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n\n    const minimumFractionDigits = useMemo(\n      () => getCurrencyMinimumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const numberOfDecimals = showDecimal\n      ? Math.max(maximumFractionDigits, minimumFractionDigits)\n      : 0;\n\n    const decimalSign = useMemo(() => getDecimalSign(locale), [locale]);\n\n    // on initial render only pad the value with 0 if necessary\n    const rendered = usePrevious(true);\n    let value = valueProp;\n    if (!rendered && validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n      const [integer, fraction = ''] = value.split('.');\n      value = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n    }\n\n    const formatValue = useCallback(\n      number => {\n        return getFormattedValue(number, locale, validCurrencyISOCode, {\n          showGroupSeparators,\n          showAs: alwaysShowISOCode ? 'code' : 'symbol',\n          numberOfDecimals\n        });\n      },\n      [alwaysShowISOCode, numberOfDecimals, showGroupSeparators, locale, validCurrencyISOCode]\n    );\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value;\n      const cleanedInputValue = getCleanedValue(inputValue, decimalSign, numberOfDecimals);\n      if (cleanedInputValue === value) return;\n      onChange(cleanedInputValue);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) return;\n      const input = e.currentTarget;\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onChange(getIncrementedValue(value, min, max, step));\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onChange(getDecrementedValue(value, min, max, step));\n          break;\n        case decimalSign:\n          if (!showDecimal) e.preventDefault();\n          if (input.value.includes(decimalSign)) {\n            if (input.selectionStart && input.value.charAt(input.selectionStart) === decimalSign) {\n              input.setSelectionRange(input.selectionStart + 1, input.selectionStart + 1);\n            }\n            e.preventDefault();\n          } else if (\n            input.selectionStart !== null &&\n            !input.value.charAt(input.selectionStart - 1).match(/\\d/)\n          ) {\n            onChange(\n              getCleanedValue(`${input.value}0${decimalSign}`, decimalSign, numberOfDecimals)\n            );\n            e.preventDefault();\n          }\n          break;\n        case '-':\n          if (value.startsWith('-')) e.preventDefault();\n          break;\n        default:\n      }\n    };\n\n    const onInputFocusEvent = (e: FocusEvent<HTMLInputElement>) => {\n      let parsableValue = value;\n      if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n        const [integer, fraction = ''] = value.split('.');\n        parsableValue = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n      }\n\n      if (e.type === 'focus') onFocus?.(parsableValue);\n      else {\n        if (parsableValue !== value) {\n          onChange(parsableValue);\n        }\n\n        onBlur?.(parsableValue);\n      }\n    };\n\n    const formattedValue = useInputFormatter(inputRef, value, formatValue, `\\\\p{N}${decimalSign}-`);\n\n    const Comp = (\n      <>\n        <Input\n          data-testid={testIds.control}\n          onChange={onInputChange}\n          id={id}\n          readOnly={readOnly}\n          required={required}\n          disabled={disabled}\n          status={status}\n          {...restProps}\n          hasSuggestion={status === 'pending' && !!onResolveSuggestion}\n          inputMode='numeric'\n          ref={inputRef}\n          value={formattedValue}\n          onKeyDown={onKeyDown}\n          onFocus={onInputFocusEvent}\n          onBlur={onInputFocusEvent}\n          aria-describedby={validCurrencyISOCode ? descriptionId : undefined}\n          maxLength={16}\n        />\n        {validCurrencyISOCode && (\n          <VisuallyHiddenText id={descriptionId} aria-hidden>\n            {t('measured_in', [validCurrencyISOCode])}\n          </VisuallyHiddenText>\n        )}\n      </>\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        label={label}\n        labelHidden={labelHidden}\n        id={id}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        additionalInfo={additionalInfo}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default withTestIds(CurrencyInput, getCurrencyInputTestIds);\n"]}
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useMemo } from 'react';\nimport type {\n  FunctionComponent,\n  PropsWithoutRef,\n  KeyboardEvent,\n  ChangeEvent,\n  FocusEvent\n} from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport FormField from '../FormField';\nimport type { ForwardProps } from '../../types';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useI18n,\n  useInputFormatter,\n  usePrevious,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport {\n  getCleanedValue,\n  getDecimalSign,\n  getDecrementedValue,\n  getIncrementedValue\n} from '../Number/utils';\nimport Input from '../Input';\nimport { withTestIds } from '../../utils';\n\nimport type CurrencyInputProps from './CurrencyInput.types';\nimport { getCurrencyMinimumFractionDigits, getFormattedValue, isValidCurrency } from './utils';\nimport { getCurrencyInputTestIds } from './Currency.test-ids';\n\nconst CurrencyInput: FunctionComponent<CurrencyInputProps & ForwardProps> = forwardRef(\n  function CurrencyInput(\n    props: PropsWithoutRef<CurrencyInputProps>,\n    ref: CurrencyInputProps['ref']\n  ) {\n    const uid = useUID();\n    const {\n      testId,\n      id = uid,\n      status,\n      label,\n      labelHidden,\n      info,\n      required,\n      disabled,\n      readOnly,\n      additionalInfo,\n      value: valueProp = '',\n      onChange,\n      onBlur,\n      onFocus,\n      onResolveSuggestion,\n      currencyISOCode,\n      showDecimal = true,\n      showGroupSeparators = true,\n      min = Number.MIN_SAFE_INTEGER,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      alwaysShowISOCode = false,\n      maximumFractionDigits = 0,\n      ...restProps\n    } = props;\n\n    const descriptionId = useUID();\n    const testIds = useTestIds(testId, getCurrencyInputTestIds);\n\n    const { locale } = useConfiguration();\n\n    const t = useI18n();\n    const inputRef = useConsolidatedRef(ref);\n\n    const validCurrencyISOCode = useMemo(\n      () => (currencyISOCode && isValidCurrency(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n\n    const minimumFractionDigits = useMemo(\n      () => getCurrencyMinimumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const numberOfDecimals = showDecimal\n      ? Math.max(maximumFractionDigits, minimumFractionDigits)\n      : 0;\n\n    const decimalSign = useMemo(() => getDecimalSign(locale), [locale]);\n\n    // on initial render only pad the value with 0 if necessary\n    const rendered = usePrevious(true);\n    let value = valueProp;\n    if (!rendered && validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n      const [integer, fraction = ''] = value.split('.');\n      value = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n    }\n\n    const formatValue = useCallback(\n      number => {\n        return getFormattedValue(number, locale, validCurrencyISOCode, {\n          showGroupSeparators,\n          showAs: alwaysShowISOCode ? 'code' : 'symbol',\n          numberOfDecimals\n        });\n      },\n      [alwaysShowISOCode, numberOfDecimals, showGroupSeparators, locale, validCurrencyISOCode]\n    );\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value;\n      const cleanedInputValue = getCleanedValue(inputValue, decimalSign, numberOfDecimals);\n      if (cleanedInputValue === value) return;\n      onChange(cleanedInputValue);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) return;\n      const input = e.currentTarget;\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onChange(getIncrementedValue(value, min, max, step));\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onChange(getDecrementedValue(value, min, max, step));\n          break;\n        case decimalSign:\n          if (!showDecimal) e.preventDefault();\n          if (input.value.includes(decimalSign)) {\n            if (input.selectionStart && input.value.charAt(input.selectionStart) === decimalSign) {\n              input.setSelectionRange(input.selectionStart + 1, input.selectionStart + 1);\n            }\n            e.preventDefault();\n          } else if (\n            input.selectionStart !== null &&\n            !input.value.charAt(input.selectionStart - 1).match(/\\d/)\n          ) {\n            onChange(\n              getCleanedValue(`${input.value}0${decimalSign}`, decimalSign, numberOfDecimals)\n            );\n            e.preventDefault();\n          }\n          break;\n        case '-':\n          if (value.startsWith('-')) e.preventDefault();\n          break;\n        default:\n      }\n    };\n\n    const onInputFocusEvent = (e: FocusEvent<HTMLInputElement>) => {\n      let parsableValue = value;\n      if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n        const [integer, fraction = ''] = value.split('.');\n        parsableValue = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n      }\n\n      if (e.type === 'focus') onFocus?.(parsableValue);\n      else {\n        if (parsableValue !== value) {\n          onChange(parsableValue);\n        }\n\n        onBlur?.(parsableValue);\n      }\n    };\n\n    const formattedValue = useInputFormatter(inputRef, value, formatValue, `\\\\p{N}${decimalSign}-`);\n\n    const Comp = (\n      <>\n        <Input\n          data-testid={testIds.control}\n          onChange={onInputChange}\n          id={id}\n          readOnly={readOnly}\n          required={required}\n          disabled={disabled}\n          status={status}\n          {...restProps}\n          onResolveSuggestion={onResolveSuggestion}\n          inputMode='numeric'\n          ref={inputRef}\n          value={formattedValue}\n          onKeyDown={onKeyDown}\n          onFocus={onInputFocusEvent}\n          onBlur={onInputFocusEvent}\n          aria-describedby={validCurrencyISOCode ? descriptionId : undefined}\n          maxLength={16}\n        />\n        {validCurrencyISOCode && (\n          <VisuallyHiddenText id={descriptionId} aria-hidden>\n            {t('measured_in', [validCurrencyISOCode])}\n          </VisuallyHiddenText>\n        )}\n      </>\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        label={label}\n        labelHidden={labelHidden}\n        id={id}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        additionalInfo={additionalInfo}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default withTestIds(CurrencyInput, getCurrencyInputTestIds);\n"]}

package/lib/components/DangerButton/DangerButton.js

@@ -3,13 +3,13 @@ import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { defaultThemeProp } from '../../theme';
 import Button from '../Button';
-import Configuration from '../Configuration';
+import { ThemeOverride } from '../Configuration';
 import { useTheme } from '../../hooks';
 export const StyledDangerButton = styled(Button) ``;
 StyledDangerButton.defaultProps = defaultThemeProp;
 export default forwardRef(function DangerButton({ label, primary = false, ...restProps }, ref) {
     const theme = useTheme();
-    return (_jsx(Configuration, { theme: {
+    return (_jsx(ThemeOverride, { theme: {
             base: {
                 palette: {
                     interactive: theme.base.palette.urgent

package/lib/components/DangerButton/DangerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DangerButton.js","sourceRoot":"","sources":["../../../src/components/DangerButton/DangerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAevC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEnD,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,eAAe,UAAU,CACvB,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;iBACvC;aACF;SACF,YAED,KAAC,kBAAkB,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,YAClF,KAAK,GACa,GACP,CACjB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport type { NoChildrenProp, RefElement, WithAttributes } from '../../types';\nimport Button from '../Button';\nimport Configuration from '../Configuration';\nimport { useTheme } from '../../hooks';\n\nexport type DangerButtonProps = WithAttributes<\n  'button',\n  NoChildrenProp & {\n    /** Text content for the button. */\n    label: NonNullable<HTMLButtonElement['textContent']>;\n    /**\n     * Elevates emphasis for button style.\n     * @default false\n     */\n    primary?: boolean;\n  }\n>;\n\nexport const StyledDangerButton = styled(Button)``;\n\nStyledDangerButton.defaultProps = defaultThemeProp;\n\nexport default forwardRef<RefElement<DangerButtonProps>, PropsWithoutRef<DangerButtonProps>>(\n  function DangerButton({ label, primary = false, ...restProps }, ref) {\n    const theme = useTheme();\n\n    return (\n      <Configuration\n        theme={{\n          base: {\n            palette: {\n              interactive: theme.base.palette.urgent\n            }\n          }\n        }}\n      >\n        <StyledDangerButton {...restProps} variant={primary ? 'primary' : undefined} ref={ref}>\n          {label}\n        </StyledDangerButton>\n      </Configuration>\n    );\n  }\n);\n"]}
+{"version":3,"file":"DangerButton.js","sourceRoot":"","sources":["../../../src/components/DangerButton/DangerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAevC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEnD,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,eAAe,UAAU,CACvB,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;iBACvC;aACF;SACF,YAED,KAAC,kBAAkB,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,YAClF,KAAK,GACa,GACP,CACjB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport type { NoChildrenProp, RefElement, WithAttributes } from '../../types';\nimport Button from '../Button';\nimport { ThemeOverride } from '../Configuration';\nimport { useTheme } from '../../hooks';\n\nexport type DangerButtonProps = WithAttributes<\n  'button',\n  NoChildrenProp & {\n    /** Text content for the button. */\n    label: NonNullable<HTMLButtonElement['textContent']>;\n    /**\n     * Elevates emphasis for button style.\n     * @default false\n     */\n    primary?: boolean;\n  }\n>;\n\nexport const StyledDangerButton = styled(Button)``;\n\nStyledDangerButton.defaultProps = defaultThemeProp;\n\nexport default forwardRef<RefElement<DangerButtonProps>, PropsWithoutRef<DangerButtonProps>>(\n  function DangerButton({ label, primary = false, ...restProps }, ref) {\n    const theme = useTheme();\n\n    return (\n      <ThemeOverride\n        theme={{\n          base: {\n            palette: {\n              interactive: theme.base.palette.urgent\n            }\n          }\n        }}\n      >\n        <StyledDangerButton {...restProps} variant={primary ? 'primary' : undefined} ref={ref}>\n          {label}\n        </StyledDangerButton>\n      </ThemeOverride>\n    );\n  }\n);\n"]}

package/lib/components/DateTime/DateTime.test-ids.d.ts

@@ -1,12 +1,12 @@
-export declare const getDurationInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-number", "control-unit", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getDateInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "open-close-picker", "clear-current-date", "set-current-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getDateRangeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["from-date", "to-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getDateTimeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "clear-current-date-and-time", "set-current-date-and-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getDayOfWeekInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getMonthInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-month", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getQuarterInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-quarter", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getTimeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getTimeRangeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["from-time", "to-time", "from-date-time", "to-date-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getWeekInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-week", "control-year", "open-close-picker", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-export declare const getDatePickerTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["previous-month", "month", "next-month", "calendar", "time"]>;
+export declare const getDurationInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-number", "control-unit", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "open-close-picker", "clear-current-date", "set-current-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateRangeInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["from-date", "to-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateTimeInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "discard-changes", "apply-changes", "clear-current-date-and-time", "set-current-date-and-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDayOfWeekInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getMonthInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-month", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getQuarterInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-quarter", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getTimeInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getTimeRangeInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["from-time", "to-time", "from-date-time", "to-date-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getWeekInputTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["control-week", "control-year", "open-close-picker", "clear-current-week", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDatePickerTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["previous-month", "month", "next-month", "calendar", "time", "set-current-date"]>;
 //# sourceMappingURL=DateTime.test-ids.d.ts.map

package/lib/components/DateTime/DateTime.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTime.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,mPAOzB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4QAQrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,qLAI1B,CAAC;AAEZ,eAAO,MAAM,uBAAuB,oWAYzB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,wKAG1B,CAAC;AAEZ,eAAO,MAAM,oBAAoB,8LAItB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,gMAIxB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,wPAOrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,uNAM1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,kNAKrB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,4IAMtB,CAAC"}
+{"version":3,"file":"DateTime.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,0PAOzB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,mRAQrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,4LAI1B,CAAC;AAEZ,eAAO,MAAM,uBAAuB,+YAczB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,+KAG1B,CAAC;AAEZ,eAAO,MAAM,oBAAoB,qMAItB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,uMAIxB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,+PAOrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,8NAM1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,+OAMrB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,uKAOtB,CAAC"}

package/lib/components/DateTime/DateTime.test-ids.js

@@ -31,6 +31,8 @@ export const getDateTimeInputTestIds = createTestIds('date-time-input', [
     'control-second',
     'control-period',
     'open-close-picker',
+    'discard-changes',
+    'apply-changes',
     'clear-current-date-and-time',
     'set-current-date-and-time',
     ...elements
@@ -68,6 +70,7 @@ export const getWeekInputTestIds = createTestIds('week-input', [
     'control-week',
     'control-year',
     'open-close-picker',
+    'clear-current-week',
     ...elements
 ]);
 export const getDatePickerTestIds = createTestIds('date-picker', [
@@ -75,6 +78,7 @@ export const getDatePickerTestIds = createTestIds('date-picker', [
     'month',
     'next-month',
     'calendar',
-    'time'
+    'time',
+    'set-current-date'
 ]);
 //# sourceMappingURL=DateTime.test-ids.js.map

package/lib/components/DateTime/DateTime.test-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTime.test-ids.js","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,EAAE;IACrE,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,aAAa;IACb,eAAe;IACf,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,kBAAkB,EAAE;IACxE,WAAW;IACX,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,iBAAiB,EAAE;IACtE,aAAa;IACb,eAAe;IACf,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,mBAAmB;IACnB,6BAA6B;IAC7B,2BAA2B;IAC3B,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,mBAAmB,EAAE;IACzE,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,eAAe;IACf,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,eAAe,EAAE;IACnE,iBAAiB;IACjB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,mBAAmB;IACnB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,kBAAkB,EAAE;IACxE,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,cAAc;IACd,cAAc;IACd,mBAAmB;IACnB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,gBAAgB;IAChB,OAAO;IACP,YAAY;IACZ,UAAU;IACV,MAAM;CACE,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getDurationInputTestIds = createTestIds('duration-input', [\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-number',\n  'control-unit',\n  ...elements\n] as const);\n\nexport const getDateInputTestIds = createTestIds('date-input', [\n  'control-day',\n  'control-month',\n  'control-year',\n  'open-close-picker',\n  'clear-current-date',\n  'set-current-date',\n  ...elements\n] as const);\n\nexport const getDateRangeInputTestIds = createTestIds('date-range-input', [\n  'from-date',\n  'to-date',\n  ...elements\n] as const);\n\nexport const getDateTimeInputTestIds = createTestIds('date-time-input', [\n  'control-day',\n  'control-month',\n  'control-year',\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-period',\n  'open-close-picker',\n  'clear-current-date-and-time',\n  'set-current-date-and-time',\n  ...elements\n] as const);\n\nexport const getDayOfWeekInputTestIds = createTestIds('day-of-week-input', [\n  'control',\n  ...elements\n] as const);\n\nexport const getMonthInputTestIds = createTestIds('month-input', [\n  'control-month',\n  'control-year',\n  ...elements\n] as const);\n\nexport const getQuarterInputTestIds = createTestIds('quarter-input', [\n  'control-quarter',\n  'control-year',\n  ...elements\n] as const);\n\nexport const getTimeInputTestIds = createTestIds('time-input', [\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-period',\n  'open-close-picker',\n  ...elements\n] as const);\n\nexport const getTimeRangeInputTestIds = createTestIds('time-range-input', [\n  'from-time',\n  'to-time',\n  'from-date-time',\n  'to-date-time',\n  ...elements\n] as const);\n\nexport const getWeekInputTestIds = createTestIds('week-input', [\n  'control-week',\n  'control-year',\n  'open-close-picker',\n  ...elements\n] as const);\n\nexport const getDatePickerTestIds = createTestIds('date-picker', [\n  'previous-month',\n  'month',\n  'next-month',\n  'calendar',\n  'time'\n] as const);\n"]}
+{"version":3,"file":"DateTime.test-ids.js","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,EAAE;IACrE,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,aAAa;IACb,eAAe;IACf,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,kBAAkB,EAAE;IACxE,WAAW;IACX,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,iBAAiB,EAAE;IACtE,aAAa;IACb,eAAe;IACf,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,2BAA2B;IAC3B,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,mBAAmB,EAAE;IACzE,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,eAAe;IACf,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,eAAe,EAAE;IACnE,iBAAiB;IACjB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,mBAAmB;IACnB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CAAC,kBAAkB,EAAE;IACxE,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC7D,cAAc;IACd,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,gBAAgB;IAChB,OAAO;IACP,YAAY;IACZ,UAAU;IACV,MAAM;IACN,kBAAkB;CACV,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getDurationInputTestIds = createTestIds('duration-input', [\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-number',\n  'control-unit',\n  ...elements\n] as const);\n\nexport const getDateInputTestIds = createTestIds('date-input', [\n  'control-day',\n  'control-month',\n  'control-year',\n  'open-close-picker',\n  'clear-current-date',\n  'set-current-date',\n  ...elements\n] as const);\n\nexport const getDateRangeInputTestIds = createTestIds('date-range-input', [\n  'from-date',\n  'to-date',\n  ...elements\n] as const);\n\nexport const getDateTimeInputTestIds = createTestIds('date-time-input', [\n  'control-day',\n  'control-month',\n  'control-year',\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-period',\n  'open-close-picker',\n  'discard-changes',\n  'apply-changes',\n  'clear-current-date-and-time',\n  'set-current-date-and-time',\n  ...elements\n] as const);\n\nexport const getDayOfWeekInputTestIds = createTestIds('day-of-week-input', [\n  'control',\n  ...elements\n] as const);\n\nexport const getMonthInputTestIds = createTestIds('month-input', [\n  'control-month',\n  'control-year',\n  ...elements\n] as const);\n\nexport const getQuarterInputTestIds = createTestIds('quarter-input', [\n  'control-quarter',\n  'control-year',\n  ...elements\n] as const);\n\nexport const getTimeInputTestIds = createTestIds('time-input', [\n  'control-hour',\n  'control-minute',\n  'control-second',\n  'control-period',\n  'open-close-picker',\n  ...elements\n] as const);\n\nexport const getTimeRangeInputTestIds = createTestIds('time-range-input', [\n  'from-time',\n  'to-time',\n  'from-date-time',\n  'to-date-time',\n  ...elements\n] as const);\n\nexport const getWeekInputTestIds = createTestIds('week-input', [\n  'control-week',\n  'control-year',\n  'open-close-picker',\n  'clear-current-week',\n  ...elements\n] as const);\n\nexport const getDatePickerTestIds = createTestIds('date-picker', [\n  'previous-month',\n  'month',\n  'next-month',\n  'calendar',\n  'time',\n  'set-current-date'\n] as const);\n"]}

package/lib/components/DateTime/Input/DateInput.d.ts

@@ -24,7 +24,7 @@ export interface DateInputProps extends DateTimeProps {
 }
 export declare const StyledDateInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DateInputProps, never>;
 declare const _default: FunctionComponent<DateInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../../types").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "open-close-picker", "clear-current-date", "set-current-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: string | null | undefined) => import("../../../types").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "open-close-picker", "clear-current-date", "set-current-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=DateInput.d.ts.map

package/lib/components/DateTime/Input/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,GAAG,EAEH,QAAQ,EACR,cAAc,EACd,aAAa,EACd,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAOnD,OAAO,KAAK,eAAe,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mBAAmB,CAAC;AAyBnD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,aAAa,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC;KACzD,CAAC;IACF,8EAA8E;IAC9E,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,oDAAoD;IACpD,MAAM,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,eAAe,qHAE3B,CAAC;;;;AAkWF,wBAA2D"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,GAAG,EAEH,QAAQ,EACR,cAAc,EACd,aAAa,EACd,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMnD,OAAO,KAAK,eAAe,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mBAAmB,CAAC;AAyBnD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,aAAa,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC;KACzD,CAAC;IACF,8EAA8E;IAC9E,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,oDAAoD;IACpD,MAAM,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,eAAe,qHAE3B,CAAC;;;;AAmWF,wBAA2D"}

package/lib/components/DateTime/Input/DateInput.js

@@ -1,19 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { defaultThemeProp } from '../../../theme';
 import { useConfiguration, useFocusWithin, useI18n, useOuterEvent, useTestIds } from '../../../hooks';
 import FormField from '../../FormField';
 import Flex from '../../Flex';
-import Button from '../../Button';
 import Icon, { registerIcon } from '../../Icon';
 import * as calendarIcon from '../../Icon/icons/calendar.icon';
 import DatePicker from '../Picker/DatePicker';
 import { StyledFormControl } from '../../FormControl';
-import { cap, withTestIds } from '../../../utils';
+import { withTestIds } from '../../../utils';
 import { getDateInputTestIds } from '../DateTime.test-ids';
 import { getDateFormat, parsePastedTextToDate, parseToDate, validateDate, generatePickerButtonAriaLabel } from './utils';
-import StyledDateTime, { StyledClearNowButtonsContainer, StyledDatePickerDialog, StyledDialogContent, StyledInputContainer } from './DateTime.styles';
+import StyledDateTime, { StyledDatePickerDialog, StyledDialogContent, StyledInputButton, StyledInputContainer } from './DateTime.styles';
 import useAutoFocusNextInput from './useAutoFocusNextInput';
 import PartInput from './PartInput';
 import usePickerButton from './usePickerButton';
@@ -61,6 +60,10 @@ const DateInput = forwardRef(function DateInput(props, ref) {
         useRef(null),
         useRef(null)
     ];
+    const [hasValue, setHasValue] = useState(!!date);
+    useEffect(() => {
+        setHasValue(!!date);
+    }, [date]);
     const pickParts = () => {
         return {
             day: dayInputRef.current?.value || undefined,
@@ -81,7 +84,7 @@ const DateInput = forwardRef(function DateInput(props, ref) {
                 : undefined;
         }
     };
-    const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();
+    const [open, setOpen, , setPopoverRef, datePickerButtonEl, setDatePickerButtonEl] = usePickerButton();
     const inputContainerRef = useRef(null);
     const onFocusChange = (focused) => {
         const callbackParam = convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts());
@@ -95,7 +98,13 @@ const DateInput = forwardRef(function DateInput(props, ref) {
     };
     const onInputChange = () => {
         onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));
-        buttonEl?.setAttribute('aria-label', generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open));
+        datePickerButtonEl?.setAttribute('aria-label', generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open));
+        if (dayInputRef.current?.value || monthInputRef.current?.value || yearInputRef.current?.value) {
+            setHasValue(true);
+        }
+        else {
+            setHasValue(false);
+        }
     };
     const setInputValue = (newValue) => {
         if (dayInputRef.current && monthInputRef.current && yearInputRef.current) {
@@ -103,6 +112,7 @@ const DateInput = forwardRef(function DateInput(props, ref) {
             monthInputRef.current.value =
                 (newValue && (newValue.getUTCMonth() + 1).toString().padStart(2, '0')) ?? '';
             yearInputRef.current.value = newValue?.getUTCFullYear().toString() ?? '';
+            setHasValue(!!newValue);
         }
     };
     const onPaste = (e) => {
@@ -125,29 +135,15 @@ const DateInput = forwardRef(function DateInput(props, ref) {
     const YearInput = (_jsx(PartInput, { "data-testid": testIds.controlYear, placeholder: t('year_placeholder'), "aria-label": displayNames.of('year'), value: date?.getUTCFullYear(), onChange: onInputChange, size: 4, maxLength: 4, padWithZeros: false, readOnly: readOnly, min: 1, ref: yearInputRef }, 'year'));
     useFocusWithin([containerRef], onFocusChange);
     useImperativeHandle(handle, () => ({ setOpen }));
-    const PickerButton = (_jsxs(_Fragment, { children: [_jsx(Button, { "data-testid": testIds.openClosePicker, variant: 'simple', icon: true, ref: setButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open), readOnly: readOnly, disabled: disabled, children: _jsx(Icon, { name: 'calendar' }) }), open && buttonEl && (_jsx(StyledDatePickerDialog, { ref: setPopoverRef, target: buttonEl, placement: 'bottom-end', ariaLabel: t('choose_date'), children: _jsxs(Flex, { container: { direction: 'column' }, as: StyledDialogContent, children: [_jsx(PickerComp, { testId: testIds.root, selected: currentlySelectedDate(), min: min, max: max, showWeekNumber: showWeekNumber, ...rendererProps, onChange: selected => {
-                                setInputValue(selected);
-                                setOpen(false);
-                                setTimeout(() => buttonEl?.focus());
-                                onInputChange();
-                                rendererProps?.onChange?.(selected);
-                            } }), _jsxs(Flex, { as: StyledClearNowButtonsContainer, container: { justify: 'between' }, children: [_jsx(Button, { "data-testid": testIds.clearCurrentDate, "aria-label": t('clear_current_date'), onClick: () => {
-                                        setInputValue(undefined);
-                                        setOpen(false);
-                                        setTimeout(() => buttonEl?.focus());
-                                        onInputChange();
-                                    }, children: t('clear') }), _jsx(Button, { "data-testid": testIds.setCurrentDate, "aria-label": t('set_current_date_a11y'), onClick: () => {
-                                        const now = new Date();
-                                        now.setUTCMinutes(now.getMinutes());
-                                        now.setUTCHours(now.getHours());
-                                        now.setUTCSeconds(now.getSeconds());
-                                        setInputValue(now);
-                                        setOpen(false);
-                                        setTimeout(() => buttonEl?.focus());
-                                        onInputChange();
-                                    }, children: cap(new Intl.RelativeTimeFormat(locale, { numeric: 'auto' }).format(0, 'day')) })] })] }) }))] }));
+    const PickerButton = (_jsxs(_Fragment, { children: [_jsx(StyledInputButton, { "data-testid": testIds.openClosePicker, variant: 'simple', icon: true, ref: setDatePickerButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open), readOnly: readOnly, disabled: disabled, children: _jsx(Icon, { name: 'calendar' }) }), open && datePickerButtonEl && (_jsx(StyledDatePickerDialog, { ref: setPopoverRef, target: datePickerButtonEl, placement: 'bottom-end', "aria-label": t('choose_date'), children: _jsx(Flex, { container: { direction: 'column' }, as: StyledDialogContent, children: _jsx(PickerComp, { testId: testIds.root, selected: currentlySelectedDate(), min: min, max: max, showWeekNumber: showWeekNumber, ...rendererProps, onChange: selected => {
+                            setInputValue(selected);
+                            setOpen(false);
+                            setTimeout(() => datePickerButtonEl?.focus());
+                            onInputChange();
+                            rendererProps?.onChange?.(selected);
+                        } }) }) }))] }));
     const orderedRefs = [];
-    const Comp = (_jsxs(Flex, { "data-testid": testIds.root, as: StyledDateInput, forwardedAs: StyledFormControl, hasSuggestion: status === 'pending' && !!onResolveSuggestion, container: { alignItems: 'center', wrap: 'nowrap' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
+    const Comp = (_jsxs(Flex, { "data-testid": testIds.root, as: StyledDateInput, forwardedAs: StyledFormControl, hasSuggestion: status === 'pending' && !!onResolveSuggestion, container: { alignItems: 'center', wrap: 'nowrap', justify: 'between' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
             if (e.target === containerRef.current)
                 orderedRefs[0].current?.focus();
         }, ...restProps, children: [_jsx(Flex, { ref: inputContainerRef, as: StyledInputContainer, container: { alignItems: 'center', wrap: 'wrap' }, onPaste: onPaste, children: getDateFormat(locale).map(part => {
@@ -164,7 +160,11 @@ const DateInput = forwardRef(function DateInput(props, ref) {
                         default:
                             return part;
                     }
-                }) }), !readOnly && PickerButton] }));
+                }) }), _jsxs(Flex, { container: true, children: [!readOnly && hasValue && (_jsx(StyledInputButton, { "data-testid": testIds.clearCurrentDate, "aria-label": t('clear_current_date'), icon: true, onClick: () => {
+                            setInputValue(undefined);
+                            setTimeout(() => datePickerButtonEl?.focus());
+                            onInputChange();
+                        }, variant: 'simple', compact: true, label: t('clear'), children: _jsx(Icon, { name: 'times' }) })), !readOnly && PickerButton] })] }));
     useEffect(() => {
         if (autoFocus)
             orderedRefs[0].current?.focus();