@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/forms/forms-core/state/formfield-messages-state-reducer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/state/formfield-messages-state-reducer.ts"],
-  "sourcesContent": ["import type { MessageTarget } from '../../validation/message-routing.js';\nimport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n  FormFieldMessage,\n  FormFieldMessageContextState,\n} from '../types/formfield-messages.types.js';\n\nexport const enum FormFieldMessagesAction {\n  ADDMESSAGE = 'addmessage',\n  REMOVEMESSAGE = 'removemessage',\n  DISABLEMESSAGE = 'disablemessage',\n  SETISTOUCHED = 'setistouched',\n  SETFORMCONTROLID = 'setformcontrolid',\n  SETMESSAGETARGET = 'setmessagetarget',\n  ADDMEMBERFORMCONTROLID = 'addmemberformcontrolid',\n  REMOVEMEMBERFORMCONTROLID = 'removememberformcontrolid',\n}\n\nexport type FormFieldMessagesReducerAction =\n  | {\n      type: FormFieldMessagesAction.ADDMESSAGE;\n      payload: (\n        | Omit<FormFieldControlMessage, 'id'>\n        | FormFieldCustomMessage\n      ) & { showError?: boolean; messageText?: string };\n    }\n  | {\n      type: FormFieldMessagesAction.REMOVEMESSAGE;\n      payload: Pick<FormFieldMessage, 'id' | 'messageType' | 'controlId'>;\n    }\n  | {\n      type: FormFieldMessagesAction.DISABLEMESSAGE;\n      payload: {\n        isDisabled: boolean | undefined;\n      };\n    }\n  | {\n      type: FormFieldMessagesAction.SETISTOUCHED;\n      payload: { isTouched: boolean; resetShowError?: boolean };\n    }\n  | {\n      type: FormFieldMessagesAction.SETFORMCONTROLID;\n      payload: { formControlId: string | undefined };\n    }\n  | {\n      type: FormFieldMessagesAction.SETMESSAGETARGET;\n      payload: { messageTarget: MessageTarget[] | undefined };\n    }\n  | {\n      type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID;\n      payload: { formControlId: string };\n    }\n  | {\n      type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID;\n      payload: { formControlId: string };\n    };\n\ntype HTMLFormControlElement =\n  | HTMLSelectElement\n  | HTMLInputElement\n  | HTMLTextAreaElement;\n\n/**\n * Typeguard function that will check if message is a formcontrol (internal) message.\n * @internal\n */\nfunction isFormControlPayload(\n  payload:\n    | Omit<FormFieldControlMessage, 'id'>\n    | FormFieldCustomMessage\n    | FormFieldControlMessage,\n  messageType?: 'formcontrol' | 'custom',\n): payload is FormFieldControlMessage | Omit<FormFieldControlMessage, 'id'> {\n  return messageType === 'formcontrol';\n}\n\n/**\n * Typeguard function that will check if the element is a form control.\n * @internal\n */\nfunction isHTMLFormControlElement(\n  element: null | HTMLElement,\n): element is HTMLFormControlElement {\n  return !!(element && 'setCustomValidity' in element);\n}\n\n/**\n * Set custom validity on the HTML form control element.\n * @param id\n * @param isValid\n * @internal\n */\nfunction setHTMLElementValidity(id: string, isValid: boolean) {\n  const element = document.getElementById(id);\n  if (isHTMLFormControlElement(element)) {\n    element.setCustomValidity(isValid ? '' : ' ');\n  }\n}\n\n/**\n * Pick the ids that should receive native `setCustomValidity()` updates.\n * Grouped controls (Radio, ToggleButtonGroup) target each member input; single\n * controls target the logical form-control id.\n */\nfunction pickNativeValidityTargets(\n  state: FormFieldMessageContextState,\n): string[] | undefined {\n  if (state.memberFormControlIds && state.memberFormControlIds.length > 0) {\n    return state.memberFormControlIds;\n  }\n  if (state.formControlId !== undefined) {\n    return [state.formControlId];\n  }\n  return undefined;\n}\n\n/**\n * Function that will determine the validity of a form control.\n * @internal\n */\nfunction updateValidity(\n  state: FormFieldMessageContextState,\n  explicitControlId?: string,\n) {\n  const { customMessages, formControlMessages, isTouched, isDisabled } = state;\n\n  const hasCustomError = customMessages.some(\n    (message) => message.variant === 'error',\n  );\n\n  const hasFormControlError = formControlMessages.some(\n    (message) => message.variant === 'error',\n  );\n\n  const newIsValid = !hasCustomError && !hasFormControlError;\n  const newShowError =\n    !isDisabled && (state.showError || (isTouched ?? false)) && !newIsValid;\n\n  // Only errors the browser has no native knowledge of should be reflected via\n  // setCustomValidity(). These are:\n  //   1. Developer-added errors (customMessages)\n  //   2. Strato-internal custom errors (formControlMessages with validityStateKey 'customError'),\n  //      e.g. TimeframeSelector's 'invalidOrder'\n  //\n  // Browser-native errors (valueMissing, typeMismatch, patternMismatch, \u2026) must NOT be\n  // passed to setCustomValidity() \u2014 the browser already tracks them, and adding a\n  // redundant customError would prevent checkValidity() from returning true once\n  // the native constraint is satisfied.\n  const hasStratoCustomError = formControlMessages.some(\n    (message) =>\n      message.variant === 'error' && message.validityStateKey === 'customError',\n  );\n  const nativeValidityIsValid = !hasCustomError && !hasStratoCustomError;\n\n  if (explicitControlId) {\n    setHTMLElementValidity(explicitControlId, nativeValidityIsValid);\n\n    return {\n      ...state,\n      isValid: newIsValid,\n      showError: newShowError,\n    };\n  }\n\n  const targetControlIds = pickNativeValidityTargets(state);\n\n  targetControlIds?.forEach((id) =>\n    setHTMLElementValidity(id, nativeValidityIsValid),\n  );\n\n  return {\n    ...state,\n    isValid: newIsValid,\n    showError: newShowError,\n  };\n}\n\n/** FormFieldMessage reducer function used for managing FormFieldMessages and FormFieldCustomMessages. */\nexport function formFieldMessagesReducer(\n  state: FormFieldMessageContextState,\n  action: FormFieldMessagesReducerAction,\n): FormFieldMessageContextState {\n  const newState = { ...state };\n\n  // handle adding of form messages\n  if (action.type === FormFieldMessagesAction.ADDMESSAGE) {\n    const { payload } = action;\n    const { messageType, ...remainingPayload } = payload;\n\n    // Is a browser/strato message\n    if (isFormControlPayload(remainingPayload, messageType)) {\n      if (\n        remainingPayload.validityStateKey === 'customError' &&\n        remainingPayload.variant === 'error' &&\n        'id' in remainingPayload\n      ) {\n        const { id: internalId, ...internalRest } =\n          remainingPayload as typeof remainingPayload & { id: string };\n\n        const customErrors = state.formControlMessages.filter(\n          (m) => m.validityStateKey === 'customError',\n        );\n\n        // If the same sole customError is already present and showError won't\n        // change, return early to keep the array reference stable and prevent\n        // a useEffect re-run \u2192 re-dispatch \u2192 infinite-render loop.\n        if (customErrors.length === 1 && customErrors[0].id === internalId) {\n          if ((payload.showError ?? state.showError) === state.showError) {\n            return state;\n          }\n        } else {\n          // Replace all existing customErrors with the new one so only one\n          // internal error is shown at a time.\n          newState.formControlMessages = [\n            ...state.formControlMessages.filter(\n              (m) => m.validityStateKey !== 'customError',\n            ),\n            { id: internalId, ...internalRest },\n          ];\n        }\n      } else {\n        // Browser validity errors are keyed by validityStateKey; only add once.\n        const isNewBrowserError =\n          remainingPayload.validityStateKey !== undefined &&\n          !state.formControlMessages.some(\n            (message) =>\n              message.validityStateKey === remainingPayload.validityStateKey,\n          );\n\n        if (!isNewBrowserError) {\n          return state;\n        }\n\n        newState.formControlMessages = [\n          ...newState.formControlMessages,\n          { id: `strato-${crypto.randomUUID()}`, ...remainingPayload },\n        ];\n      }\n\n      // Is a custom error\n    } else if (\n      'id' in remainingPayload &&\n      !state.formControlMessages.some(\n        (message) => message.id === remainingPayload.id,\n      ) &&\n      !state.customMessages.some(\n        (message) => message.id === remainingPayload.id,\n      )\n    ) {\n      newState.customMessages.push(remainingPayload);\n      if (payload.messageText !== undefined) {\n        newState.customMessageTexts = {\n          ...(newState.customMessageTexts ?? {}),\n          [remainingPayload.id]: payload.messageText,\n        };\n      }\n    }\n\n    if (remainingPayload.variant === 'error') {\n      newState.showError = payload.showError ?? state.showError;\n    }\n\n    return updateValidity(newState, payload.controlId);\n  }\n\n  if (action.type === FormFieldMessagesAction.REMOVEMESSAGE) {\n    const { payload } = action;\n    let didUpdate = false;\n\n    if (payload.messageType === 'formcontrol') {\n      newState.formControlMessages = newState.formControlMessages.filter(\n        (message) => {\n          if (message.id === payload.id) {\n            didUpdate = true;\n          }\n\n          return message.id !== payload.id;\n        },\n      );\n    } else {\n      newState.customMessages = newState.customMessages.filter((message) => {\n        if (message.id === payload.id) {\n          didUpdate = true;\n        }\n\n        return message.id !== payload.id;\n      });\n      if (newState.customMessageTexts?.[payload.id] !== undefined) {\n        const { [payload.id]: _, ...remaining } = newState.customMessageTexts;\n        newState.customMessageTexts = remaining;\n      }\n    }\n\n    // avoid unnecessary updates and possible endless loops by early escaping if nothing was removed.\n    if (!didUpdate) {\n      return state;\n    }\n\n    return updateValidity(newState, payload.controlId);\n  }\n\n  if (action.type === FormFieldMessagesAction.DISABLEMESSAGE) {\n    const { payload } = action;\n    newState.isDisabled = payload.isDisabled;\n  }\n\n  if (action.type === FormFieldMessagesAction.SETISTOUCHED) {\n    const { payload } = action;\n    newState.isTouched = payload.isTouched;\n    // A validation reset (resetValidation) must also suppress error display\n    // immediately so hints re-appear in the same render pass rather than after\n    // cleanup effects. Controls that merely un-touch on focus while editing\n    // (e.g. FilterField) omit `resetShowError`, so a pending error stays shown\n    // until the next validation cycle recomputes it \u2014 matching prior behavior.\n    if (!payload.isTouched && payload.resetShowError) {\n      newState.showError = false;\n    }\n  }\n\n  if (action.type === FormFieldMessagesAction.SETFORMCONTROLID) {\n    newState.formControlId = action.payload.formControlId;\n  }\n\n  if (action.type === FormFieldMessagesAction.SETMESSAGETARGET) {\n    const next = action.payload.messageTarget;\n    const current = state.messageTarget;\n    // Keep the reference stable when nothing changed so the effect that dispatches\n    // this action does not spin (fresh state \u2192 re-render \u2192 re-dispatch).\n    const unchanged =\n      (next === undefined && current === undefined) ||\n      (next !== undefined &&\n        current !== undefined &&\n        next.length === current.length &&\n        next.every((target, index) => target === current[index]));\n    if (unchanged) {\n      return state;\n    }\n    newState.messageTarget = next;\n  }\n\n  if (action.type === FormFieldMessagesAction.ADDMEMBERFORMCONTROLID) {\n    const {\n      payload: { formControlId },\n    } = action;\n\n    newState.memberFormControlIds ??= [];\n\n    if (!newState.memberFormControlIds.includes(formControlId)) {\n      newState.memberFormControlIds.push(formControlId);\n    }\n  }\n\n  if (action.type === FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID) {\n    const {\n      payload: { formControlId },\n    } = action;\n\n    newState.memberFormControlIds = state.memberFormControlIds?.filter(\n      (id) => id !== formControlId,\n    );\n  }\n\n  return updateValidity(newState);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { MessageTarget } from '../../validation/message-routing.js';\nimport { NativeValidityStateKeys } from '../../validation/types.js';\nimport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n  FormFieldMessage,\n  FormFieldMessageContextState,\n} from '../types/formfield-messages.types.js';\n\nexport const enum FormFieldMessagesAction {\n  ADDMESSAGE = 'addmessage',\n  REMOVEMESSAGE = 'removemessage',\n  DISABLEMESSAGE = 'disablemessage',\n  SETISTOUCHED = 'setistouched',\n  SETFORMCONTROLID = 'setformcontrolid',\n  SETMESSAGETARGET = 'setmessagetarget',\n  ADDMEMBERFORMCONTROLID = 'addmemberformcontrolid',\n  REMOVEMEMBERFORMCONTROLID = 'removememberformcontrolid',\n}\n\nexport type FormFieldMessagesReducerAction =\n  | {\n      type: FormFieldMessagesAction.ADDMESSAGE;\n      payload: (\n        | Omit<FormFieldControlMessage, 'id'>\n        | FormFieldCustomMessage\n      ) & { showError?: boolean; messageText?: string };\n    }\n  | {\n      type: FormFieldMessagesAction.REMOVEMESSAGE;\n      payload: Pick<FormFieldMessage, 'id' | 'messageType' | 'controlId'>;\n    }\n  | {\n      type: FormFieldMessagesAction.DISABLEMESSAGE;\n      payload: {\n        isDisabled: boolean | undefined;\n      };\n    }\n  | {\n      type: FormFieldMessagesAction.SETISTOUCHED;\n      payload: { isTouched: boolean; resetShowError?: boolean };\n    }\n  | {\n      type: FormFieldMessagesAction.SETFORMCONTROLID;\n      payload: { formControlId: string | undefined };\n    }\n  | {\n      type: FormFieldMessagesAction.SETMESSAGETARGET;\n      payload: { messageTarget: MessageTarget[] | undefined };\n    }\n  | {\n      type: FormFieldMessagesAction.ADDMEMBERFORMCONTROLID;\n      payload: { formControlId: string };\n    }\n  | {\n      type: FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID;\n      payload: { formControlId: string };\n    };\n\ntype HTMLFormControlElement =\n  | HTMLSelectElement\n  | HTMLInputElement\n  | HTMLTextAreaElement;\n\n/**\n * Typeguard function that will check if message is a formcontrol (internal) message.\n * @internal\n */\nfunction isFormControlPayload(\n  payload:\n    | Omit<FormFieldControlMessage, 'id'>\n    | FormFieldCustomMessage\n    | FormFieldControlMessage,\n  messageType?: 'formcontrol' | 'custom',\n): payload is FormFieldControlMessage | Omit<FormFieldControlMessage, 'id'> {\n  return messageType === 'formcontrol';\n}\n\n// All native ValidityState keys that the browser tracks itself, excluding 'customError'\n// which we always set explicitly via setCustomValidity().\nconst BROWSER_NATIVE_VALIDITY_KEYS: ReadonlySet<string> = new Set(\n  Object.entries(NativeValidityStateKeys)\n    .filter(([key]) => key !== 'customError')\n    .map(([, v]) => v.toString()),\n);\n\n/**\n * Typeguard function that will check if the element is a form control.\n * @internal\n */\nfunction isHTMLFormControlElement(\n  element: null | HTMLElement,\n): element is HTMLFormControlElement {\n  return !!(element && 'setCustomValidity' in element);\n}\n\n/**\n * Set custom validity on the HTML form control element.\n * @param id\n * @param isValid\n * @internal\n */\nfunction setHTMLElementValidity(id: string, isValid: boolean) {\n  const element = document.getElementById(id);\n  if (isHTMLFormControlElement(element)) {\n    element.setCustomValidity(isValid ? '' : ' ');\n  }\n}\n\n/**\n * Pick the ids that should receive native `setCustomValidity()` updates.\n * Grouped controls (Radio, ToggleButtonGroup) target each member input; single\n * controls target the logical form-control id.\n */\nfunction pickNativeValidityTargets(\n  state: FormFieldMessageContextState,\n): string[] | undefined {\n  if (state.memberFormControlIds && state.memberFormControlIds.length > 0) {\n    return state.memberFormControlIds;\n  }\n  if (state.formControlId !== undefined) {\n    return [state.formControlId];\n  }\n  return undefined;\n}\n\n/**\n * Function that will determine the validity of a form control.\n * @internal\n */\nfunction updateValidity(\n  state: FormFieldMessageContextState,\n  explicitControlId?: string,\n) {\n  const { customMessages, formControlMessages, isTouched, isDisabled } = state;\n\n  const hasCustomError = customMessages.some(\n    (message) => message.variant === 'error',\n  );\n\n  const hasFormControlError = formControlMessages.some(\n    (message) => message.variant === 'error',\n  );\n\n  const newIsValid = !hasCustomError && !hasFormControlError;\n  const newShowError =\n    !isDisabled && (state.showError || (isTouched ?? false)) && !newIsValid;\n\n  // Only errors the browser has no native knowledge of should be reflected via\n  // setCustomValidity(). These are:\n  //   1. Developer-added errors (customMessages)\n  //   2. Strato-internal errors whose validityStateKey is not a browser-native key\n  //      (e.g. 'syntaxError', 'invalidOrder', 'customError', \u2026)\n  //\n  // Browser-native errors (valueMissing, typeMismatch, patternMismatch, \u2026) must NOT be\n  // passed to setCustomValidity() \u2014 the browser already tracks them, and adding a\n  // redundant customError would prevent checkValidity() from returning true once\n  // the native constraint is satisfied.\n  // 'customError' is excluded from BROWSER_NATIVE_VALIDITY_KEYS because it is only set\n  // by us via setCustomValidity, so it always requires our explicit call to maintain.\n  const hasStratoCustomError = formControlMessages.some(\n    (message) =>\n      message.variant === 'error' &&\n      !BROWSER_NATIVE_VALIDITY_KEYS.has(message.validityStateKey),\n  );\n  const nativeValidityIsValid = !hasCustomError && !hasStratoCustomError;\n\n  if (explicitControlId) {\n    setHTMLElementValidity(explicitControlId, nativeValidityIsValid);\n\n    return {\n      ...state,\n      isValid: newIsValid,\n      showError: newShowError,\n    };\n  }\n\n  const targetControlIds = pickNativeValidityTargets(state);\n\n  targetControlIds?.forEach((id) =>\n    setHTMLElementValidity(id, nativeValidityIsValid),\n  );\n\n  return {\n    ...state,\n    isValid: newIsValid,\n    showError: newShowError,\n  };\n}\n\n/** FormFieldMessage reducer function used for managing FormFieldMessages and FormFieldCustomMessages. */\nexport function formFieldMessagesReducer(\n  state: FormFieldMessageContextState,\n  action: FormFieldMessagesReducerAction,\n): FormFieldMessageContextState {\n  const newState = { ...state };\n\n  // handle adding of form messages\n  if (action.type === FormFieldMessagesAction.ADDMESSAGE) {\n    const { payload } = action;\n    const { messageType, ...remainingPayload } = payload;\n\n    // Is a browser/strato message\n    if (isFormControlPayload(remainingPayload, messageType)) {\n      if (\n        remainingPayload.validityStateKey === 'customError' &&\n        remainingPayload.variant === 'error' &&\n        'id' in remainingPayload\n      ) {\n        const { id: internalId, ...internalRest } =\n          remainingPayload as typeof remainingPayload & { id: string };\n\n        const customErrors = state.formControlMessages.filter(\n          (m) => m.validityStateKey === 'customError',\n        );\n\n        // If the same sole customError is already present and showError won't\n        // change, return early to keep the array reference stable and prevent\n        // a useEffect re-run \u2192 re-dispatch \u2192 infinite-render loop.\n        if (customErrors.length === 1 && customErrors[0].id === internalId) {\n          if ((payload.showError ?? state.showError) === state.showError) {\n            return state;\n          }\n        } else {\n          // Replace all existing customErrors with the new one so only one\n          // internal error is shown at a time.\n          newState.formControlMessages = [\n            ...state.formControlMessages.filter(\n              (m) => m.validityStateKey !== 'customError',\n            ),\n            { id: internalId, ...internalRest },\n          ];\n        }\n      } else {\n        // Browser validity errors are keyed by validityStateKey; only add once.\n        const isNewBrowserError =\n          remainingPayload.validityStateKey !== undefined &&\n          !state.formControlMessages.some(\n            (message) =>\n              message.validityStateKey === remainingPayload.validityStateKey,\n          );\n\n        if (!isNewBrowserError) {\n          return state;\n        }\n\n        newState.formControlMessages = [\n          ...newState.formControlMessages,\n          { id: `strato-${crypto.randomUUID()}`, ...remainingPayload },\n        ];\n      }\n\n      // Is a custom error\n    } else if (\n      'id' in remainingPayload &&\n      !state.formControlMessages.some(\n        (message) => message.id === remainingPayload.id,\n      ) &&\n      !state.customMessages.some(\n        (message) => message.id === remainingPayload.id,\n      )\n    ) {\n      newState.customMessages.push(remainingPayload);\n      if (payload.messageText !== undefined) {\n        newState.customMessageTexts = {\n          ...(newState.customMessageTexts ?? {}),\n          [remainingPayload.id]: payload.messageText,\n        };\n      }\n    }\n\n    if (remainingPayload.variant === 'error') {\n      newState.showError = payload.showError ?? state.showError;\n    }\n\n    return updateValidity(newState, payload.controlId);\n  }\n\n  if (action.type === FormFieldMessagesAction.REMOVEMESSAGE) {\n    const { payload } = action;\n    let didUpdate = false;\n\n    if (payload.messageType === 'formcontrol') {\n      newState.formControlMessages = newState.formControlMessages.filter(\n        (message) => {\n          if (message.id === payload.id) {\n            didUpdate = true;\n          }\n\n          return message.id !== payload.id;\n        },\n      );\n    } else {\n      newState.customMessages = newState.customMessages.filter((message) => {\n        if (message.id === payload.id) {\n          didUpdate = true;\n        }\n\n        return message.id !== payload.id;\n      });\n      if (newState.customMessageTexts?.[payload.id] !== undefined) {\n        const { [payload.id]: _, ...remaining } = newState.customMessageTexts;\n        newState.customMessageTexts = remaining;\n      }\n    }\n\n    // avoid unnecessary updates and possible endless loops by early escaping if nothing was removed.\n    if (!didUpdate) {\n      return state;\n    }\n\n    return updateValidity(newState, payload.controlId);\n  }\n\n  if (action.type === FormFieldMessagesAction.DISABLEMESSAGE) {\n    const { payload } = action;\n    newState.isDisabled = payload.isDisabled;\n  }\n\n  if (action.type === FormFieldMessagesAction.SETISTOUCHED) {\n    const { payload } = action;\n    newState.isTouched = payload.isTouched;\n    // A validation reset (resetValidation) must also suppress error display\n    // immediately so hints re-appear in the same render pass rather than after\n    // cleanup effects. Controls that merely un-touch on focus while editing\n    // (e.g. FilterField) omit `resetShowError`, so a pending error stays shown\n    // until the next validation cycle recomputes it \u2014 matching prior behavior.\n    if (!payload.isTouched && payload.resetShowError) {\n      newState.showError = false;\n    }\n  }\n\n  if (action.type === FormFieldMessagesAction.SETFORMCONTROLID) {\n    newState.formControlId = action.payload.formControlId;\n  }\n\n  if (action.type === FormFieldMessagesAction.SETMESSAGETARGET) {\n    const next = action.payload.messageTarget;\n    const current = state.messageTarget;\n    // Keep the reference stable when nothing changed so the effect that dispatches\n    // this action does not spin (fresh state \u2192 re-render \u2192 re-dispatch).\n    const unchanged =\n      (next === undefined && current === undefined) ||\n      (next !== undefined &&\n        current !== undefined &&\n        next.length === current.length &&\n        next.every((target, index) => target === current[index]));\n    if (unchanged) {\n      return state;\n    }\n    newState.messageTarget = next;\n  }\n\n  if (action.type === FormFieldMessagesAction.ADDMEMBERFORMCONTROLID) {\n    const {\n      payload: { formControlId },\n    } = action;\n\n    newState.memberFormControlIds ??= [];\n\n    if (!newState.memberFormControlIds.includes(formControlId)) {\n      newState.memberFormControlIds.push(formControlId);\n    }\n  }\n\n  if (action.type === FormFieldMessagesAction.REMOVEMEMBERFORMCONTROLID) {\n    const {\n      payload: { formControlId },\n    } = action;\n\n    newState.memberFormControlIds = state.memberFormControlIds?.filter(\n      (id) => id !== formControlId,\n    );\n  }\n\n  return updateValidity(newState);\n}\n"],
+  "mappings": "AACA,SAAS,+BAA+B;AAQjC,IAAW,0BAAX,kBAAWA,6BAAX;AACL,EAAAA,yBAAA,gBAAa;AACb,EAAAA,yBAAA,mBAAgB;AAChB,EAAAA,yBAAA,oBAAiB;AACjB,EAAAA,yBAAA,kBAAe;AACf,EAAAA,yBAAA,sBAAmB;AACnB,EAAAA,yBAAA,sBAAmB;AACnB,EAAAA,yBAAA,4BAAyB;AACzB,EAAAA,yBAAA,+BAA4B;AARZ,SAAAA;AAAA,GAAA;AA2DlB,SAAS,qBACP,SAIA,aAC0E;AAC1E,SAAO,gBAAgB;AACzB;AAIA,MAAM,+BAAoD,IAAI;AAAA,EAC5D,OAAO,QAAQ,uBAAuB,EACnC,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,aAAa,EACvC,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;AAChC;AAMA,SAAS,yBACP,SACmC;AACnC,SAAO,CAAC,EAAE,WAAW,uBAAuB;AAC9C;AAQA,SAAS,uBAAuB,IAAY,SAAkB;AAC5D,QAAM,UAAU,SAAS,eAAe,EAAE;AAC1C,MAAI,yBAAyB,OAAO,GAAG;AACrC,YAAQ,kBAAkB,UAAU,KAAK,GAAG;AAAA,EAC9C;AACF;AAOA,SAAS,0BACP,OACsB;AACtB,MAAI,MAAM,wBAAwB,MAAM,qBAAqB,SAAS,GAAG;AACvE,WAAO,MAAM;AAAA,EACf;AACA,MAAI,MAAM,kBAAkB,QAAW;AACrC,WAAO,CAAC,MAAM,aAAa;AAAA,EAC7B;AACA,SAAO;AACT;AAMA,SAAS,eACP,OACA,mBACA;AACA,QAAM,EAAE,gBAAgB,qBAAqB,WAAW,WAAW,IAAI;AAEvE,QAAM,iBAAiB,eAAe;AAAA,IACpC,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AAEA,QAAM,sBAAsB,oBAAoB;AAAA,IAC9C,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AAEA,QAAM,aAAa,CAAC,kBAAkB,CAAC;AACvC,QAAM,eACJ,CAAC,eAAe,MAAM,cAAc,aAAa,WAAW,CAAC;AAc/D,QAAM,uBAAuB,oBAAoB;AAAA,IAC/C,CAAC,YACC,QAAQ,YAAY,WACpB,CAAC,6BAA6B,IAAI,QAAQ,gBAAgB;AAAA,EAC9D;AACA,QAAM,wBAAwB,CAAC,kBAAkB,CAAC;AAElD,MAAI,mBAAmB;AACrB,2BAAuB,mBAAmB,qBAAqB;AAE/D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,mBAAmB,0BAA0B,KAAK;AAExD,oBAAkB;AAAA,IAAQ,CAAC,OACzB,uBAAuB,IAAI,qBAAqB;AAAA,EAClD;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAGO,SAAS,yBACd,OACA,QAC8B;AAC9B,QAAM,WAAW,EAAE,GAAG,MAAM;AAG5B,MAAI,OAAO,SAAS,+BAAoC;AACtD,UAAM,EAAE,QAAQ,IAAI;AACpB,UAAM,EAAE,aAAa,GAAG,iBAAiB,IAAI;AAG7C,QAAI,qBAAqB,kBAAkB,WAAW,GAAG;AACvD,UACE,iBAAiB,qBAAqB,iBACtC,iBAAiB,YAAY,WAC7B,QAAQ,kBACR;AACA,cAAM,EAAE,IAAI,YAAY,GAAG,aAAa,IACtC;AAEF,cAAM,eAAe,MAAM,oBAAoB;AAAA,UAC7C,CAAC,MAAM,EAAE,qBAAqB;AAAA,QAChC;AAKA,YAAI,aAAa,WAAW,KAAK,aAAa,CAAC,EAAE,OAAO,YAAY;AAClE,eAAK,QAAQ,aAAa,MAAM,eAAe,MAAM,WAAW;AAC9D,mBAAO;AAAA,UACT;AAAA,QACF,OAAO;AAGL,mBAAS,sBAAsB;AAAA,YAC7B,GAAG,MAAM,oBAAoB;AAAA,cAC3B,CAAC,MAAM,EAAE,qBAAqB;AAAA,YAChC;AAAA,YACA,EAAE,IAAI,YAAY,GAAG,aAAa;AAAA,UACpC;AAAA,QACF;AAAA,MACF,OAAO;AAEL,cAAM,oBACJ,iBAAiB,qBAAqB,UACtC,CAAC,MAAM,oBAAoB;AAAA,UACzB,CAAC,YACC,QAAQ,qBAAqB,iBAAiB;AAAA,QAClD;AAEF,YAAI,CAAC,mBAAmB;AACtB,iBAAO;AAAA,QACT;AAEA,iBAAS,sBAAsB;AAAA,UAC7B,GAAG,SAAS;AAAA,UACZ,EAAE,IAAI,UAAU,OAAO,WAAW,CAAC,IAAI,GAAG,iBAAiB;AAAA,QAC7D;AAAA,MACF;AAAA,IAGF,WACE,QAAQ,oBACR,CAAC,MAAM,oBAAoB;AAAA,MACzB,CAAC,YAAY,QAAQ,OAAO,iBAAiB;AAAA,IAC/C,KACA,CAAC,MAAM,eAAe;AAAA,MACpB,CAAC,YAAY,QAAQ,OAAO,iBAAiB;AAAA,IAC/C,GACA;AACA,eAAS,eAAe,KAAK,gBAAgB;AAC7C,UAAI,QAAQ,gBAAgB,QAAW;AACrC,iBAAS,qBAAqB;AAAA,UAC5B,GAAI,SAAS,sBAAsB,CAAC;AAAA,UACpC,CAAC,iBAAiB,EAAE,GAAG,QAAQ;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,iBAAiB,YAAY,SAAS;AACxC,eAAS,YAAY,QAAQ,aAAa,MAAM;AAAA,IAClD;AAEA,WAAO,eAAe,UAAU,QAAQ,SAAS;AAAA,EACnD;AAEA,MAAI,OAAO,SAAS,qCAAuC;AACzD,UAAM,EAAE,QAAQ,IAAI;AACpB,QAAI,YAAY;AAEhB,QAAI,QAAQ,gBAAgB,eAAe;AACzC,eAAS,sBAAsB,SAAS,oBAAoB;AAAA,QAC1D,CAAC,YAAY;AACX,cAAI,QAAQ,OAAO,QAAQ,IAAI;AAC7B,wBAAY;AAAA,UACd;AAEA,iBAAO,QAAQ,OAAO,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF,OAAO;AACL,eAAS,iBAAiB,SAAS,eAAe,OAAO,CAAC,YAAY;AACpE,YAAI,QAAQ,OAAO,QAAQ,IAAI;AAC7B,sBAAY;AAAA,QACd;AAEA,eAAO,QAAQ,OAAO,QAAQ;AAAA,MAChC,CAAC;AACD,UAAI,SAAS,qBAAqB,QAAQ,EAAE,MAAM,QAAW;AAC3D,cAAM,EAAE,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI,SAAS;AACnD,iBAAS,qBAAqB;AAAA,MAChC;AAAA,IACF;AAGA,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WAAO,eAAe,UAAU,QAAQ,SAAS;AAAA,EACnD;AAEA,MAAI,OAAO,SAAS,uCAAwC;AAC1D,UAAM,EAAE,QAAQ,IAAI;AACpB,aAAS,aAAa,QAAQ;AAAA,EAChC;AAEA,MAAI,OAAO,SAAS,mCAAsC;AACxD,UAAM,EAAE,QAAQ,IAAI;AACpB,aAAS,YAAY,QAAQ;AAM7B,QAAI,CAAC,QAAQ,aAAa,QAAQ,gBAAgB;AAChD,eAAS,YAAY;AAAA,IACvB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,2CAA0C;AAC5D,aAAS,gBAAgB,OAAO,QAAQ;AAAA,EAC1C;AAEA,MAAI,OAAO,SAAS,2CAA0C;AAC5D,UAAM,OAAO,OAAO,QAAQ;AAC5B,UAAM,UAAU,MAAM;AAGtB,UAAM,YACH,SAAS,UAAa,YAAY,UAClC,SAAS,UACR,YAAY,UACZ,KAAK,WAAW,QAAQ,UACxB,KAAK,MAAM,CAAC,QAAQ,UAAU,WAAW,QAAQ,KAAK,CAAC;AAC3D,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AACA,aAAS,gBAAgB;AAAA,EAC3B;AAEA,MAAI,OAAO,SAAS,uDAAgD;AAClE,UAAM;AAAA,MACJ,SAAS,EAAE,cAAc;AAAA,IAC3B,IAAI;AAEJ,aAAS,yBAAyB,CAAC;AAEnC,QAAI,CAAC,SAAS,qBAAqB,SAAS,aAAa,GAAG;AAC1D,eAAS,qBAAqB,KAAK,aAAa;AAAA,IAClD;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,6DAAmD;AACrE,UAAM;AAAA,MACJ,SAAS,EAAE,cAAc;AAAA,IAC3B,IAAI;AAEJ,aAAS,uBAAuB,MAAM,sBAAsB;AAAA,MAC1D,CAAC,OAAO,OAAO;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,eAAe,QAAQ;AAChC;",
   "names": ["FormFieldMessagesAction"]
 }

package/esm/forms/forms-core/time/timeParser.js

@@ -7,10 +7,7 @@ import {
   _parseTimeExpression
 } from "@dynatrace-sdk/units";
 import { getTimezone } from "@dynatrace-sdk/user-preferences";
-import {
-  getFormattedTimeValue,
-  getFormattedMinMax
-} from "../../../core/time/helpers.js";
+import { getFormattedTimeValue } from "../../../core/time/helpers.js";
 import { isDev } from "../../../core/utils/is-node-environment.js";
 const messages = defineMessages({
   ms: {
@@ -94,8 +91,8 @@ const messages = defineMessages({
     description: "Error message shown if the from and to values of a timeframe are both invalid"
   },
   invalidOrder: {
-    defaultMessage: "'from' date should be before 'to' date",
-    id: "DKFIWE64kHV1ohuk",
+    defaultMessage: "End time must be after start time.",
+    id: "vbdg7YKUa68LiCw7",
     description: "Message to display if the from and to dates are in the wrong order."
   },
   outsideRange: {
@@ -562,51 +559,6 @@ function formatRelativeTimeframe(expression, intl, prefix, isRelativeToNow) {
 function formatDetails(details, intl, precision = "minutes", showTimeOnly, isRelativeToNow) {
   return details.type === "expression" ? formatRelativeTimeframe(details.value, intl, void 0, isRelativeToNow) : getFormattedTimeValue(details, precision, showTimeOnly);
 }
-function getOutsideRangeMessage(intl, min, max, precision) {
-  const { min: from, max: to } = getFormattedMinMax(min, max, precision);
-  if (min && max) {
-    return intl.formatMessage(
-      {
-        defaultMessage: "Only dates between {from} \u2192 {to} are available.",
-        id: "Nlzd/zJ2XP7vZMvE",
-        description: "Given dates are not within the valid range."
-      },
-      {
-        from,
-        to
-      }
-    );
-  }
-  if (min) {
-    return intl.formatMessage(
-      {
-        defaultMessage: "Only dates after {from} are available.",
-        id: "QXOCOrq5Seu+1A93",
-        description: "Given dates are not within the valid range."
-      },
-      {
-        from
-      }
-    );
-  }
-  if (max) {
-    return intl.formatMessage(
-      {
-        defaultMessage: "Only dates before {to} are available.",
-        id: "Jzdt1FVhHSO1Lmg9",
-        description: "Given dates are not within the valid range."
-      },
-      {
-        to
-      }
-    );
-  }
-  return intl.formatMessage({
-    defaultMessage: "Selected time is outside of the valid range.",
-    id: "r2DiyNP5gUAg0s5f",
-    description: "Given dates are not within the valid range."
-  });
-}
 function removePrecision(isoString, precision = "minutes") {
   const relativeDate = TZDateMini.tz(getTimezone()).getTime();
   const timeValue = parseTimeAsTimeValue(isoString, relativeDate, precision);
@@ -644,7 +596,6 @@ export {
   formatTimeValue,
   formatTimeframe,
   getFromToValues,
-  getOutsideRangeMessage,
   getTimeValue,
   isExpressionString,
   mapToPartialTimeframe,

package/esm/forms/forms-core/time/timeParser.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/time/timeParser.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isSameDay, isValid } from 'date-fns';\nimport { defineMessages, type IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  parseTimeAsTimeValue,\n  _getTimeframeExpression,\n  _parseTimeExpression,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport {\n  getFormattedTimeValue,\n  getFormattedMinMax,\n} from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\n\n/** @internal */\nexport const messages = defineMessages({\n  ms: {\n    description: 'Timeframe formatter: timeframe-millisecond',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# millisecond} other {# milliseconds}}' +\n      '{suffix}',\n    id: '1ierRkr3xtpxyOXK',\n  },\n  s: {\n    description: 'Timeframe formatter: timeframe-second',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# second} other {# seconds}}' +\n      '{suffix}',\n    id: 'DMJP39IduNdB3wO3',\n  },\n  m: {\n    description: 'Timeframe formatter: timeframe-minute',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# minute} other {# minutes}}' +\n      '{suffix}',\n    id: 'SPSPRmp+gABk1LGQ',\n  },\n  h: {\n    description: 'Timeframe formatter: timeframe-hour',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# hour} other {# hours}}' +\n      '{suffix}',\n    id: 'aNWYfuuoyg/TEftI',\n  },\n  d: {\n    description: 'Timeframe formatter: timeframe-day',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# day} other {# days}}' +\n      '{suffix}',\n    id: 'ECZzXUfKYwLWko5n',\n  },\n  w: {\n    description: 'Timeframe formatter: timeframe-week',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# week} other {# weeks}}' +\n      '{suffix}',\n    id: 'p5Aa2CtWutuGwudB',\n  },\n  M: {\n    description: 'Timeframe formatter: timeframe-month',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# month} other {# months}}' +\n      '{suffix}',\n    id: 'jZte4Ia6a1UkBwpv',\n  },\n  q: {\n    description: 'Timeframe formatter: timeframe-quarter',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# quarter} other {# quarters}}' +\n      '{suffix}',\n    id: 'm5z+3UJ4Q3absAi5',\n  },\n  y: {\n    description: 'Timeframe formatter: timeframe-year',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# year} other {# years}}' +\n      '{suffix}',\n    id: 'ly03uOR7VGcWb+pG',\n  },\n  requiredTimeframe: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  requiredFrom: {\n    defaultMessage: \"The 'from' field is required.\",\n    id: 'VlyElrRtYeguIlZS',\n    description: 'Timeframe selector required from field error hint.',\n  },\n  requiredTo: {\n    defaultMessage: \"The 'to' field is required.\",\n    id: 'd7CsKWrzLvzuObN6',\n    description: 'Timeframe selector required to field error hint.',\n  },\n  invalid: {\n    description: 'Timeframe formatter: invalid',\n    defaultMessage: 'invalid timeframe',\n    id: 'eZkDqSXP6kwDUc5d',\n  },\n  invalidFrom: {\n    defaultMessage: \"The 'from' field is invalid.\",\n    description:\n      'Error message shown if the from value of a timeframe is invalid',\n    id: 'VTvQ7p6QQyABl+XP',\n  },\n  invalidTo: {\n    defaultMessage: \"The 'to' field is invalid.\",\n    id: 'rm7eAPvUS8J1G8TZ',\n    description:\n      'Error message shown if the to value of a timeframe is invalid',\n  },\n  invalidTimeframe: {\n    defaultMessage: 'Invalid timeframe',\n    id: 'U59PIse3upSvDblc',\n    description:\n      'Error message shown if the from and to values of a timeframe are both invalid',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  outsideRange: {\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    id: 'cBlxys3qfILuKMaG',\n    description:\n      'Hint to display in the timeframe selector if a min and a max date is set.',\n  },\n  now: {\n    description: 'Timeframe formatter: timeframe-now',\n    defaultMessage: 'Now',\n    id: 'sAS3aHsvApXTajqr',\n  },\n  to: {\n    description: 'Timeframe formatter: timeframe-to',\n    defaultMessage: 'to',\n    id: 'ewgHQuXKDMK7CzyQ',\n  },\n  tomorrow: {\n    description: 'Timeframe formatter: timeframe-tomorrow',\n    defaultMessage: 'Tomorrow',\n    id: 'FbK3miEv64PNHk2r',\n  },\n  today: {\n    description: 'Timeframe formatter: timeframe-today',\n    defaultMessage: 'Today',\n    id: 'BlGZxVNh87aTe30G',\n  },\n  yesterday: {\n    description: 'Timeframe formatter: timeframe-yesterday',\n    defaultMessage: 'Yesterday',\n    id: 'r3yl8iiNQEDjjS+I',\n  },\n  'roundDown-s': {\n    description: 'Timeframe formatter: timeframe-roundDown-second',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {second} other {# seconds}}',\n    id: 'znJQdrgHo0UbGJLV',\n  },\n  'roundDown-m': {\n    description: 'Timeframe formatter: timeframe-roundDown-minute',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {minute} other {# minutes}}',\n    id: 'HpRsCrp1SmD+zRFu',\n  },\n  'roundDown-h': {\n    description: 'Timeframe formatter: timeframe-roundDown-hour',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {hour} other {# hours}}',\n    id: 'vEoSirMyZ5RMVdsR',\n  },\n  'roundDown-d': {\n    description: 'Timeframe formatter: timeframe-roundDown-day',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {day} other {# days}}',\n    id: 'V09xUXtpHEVFRBsh',\n  },\n  'roundDown-w': {\n    description: 'Timeframe formatter: timeframe-roundDown-week',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {week} other {# weeks}}',\n    id: 'BfrmGp7APB2nlQRw',\n  },\n  'roundDown-M': {\n    description: 'Timeframe formatter: timeframe-roundDown-month',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {month} other {# months}}',\n    id: 'Ro/9HWdwiItr3Ter',\n  },\n  'roundDown-q': {\n    description: 'Timeframe formatter: timeframe-roundDown-quarter',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {quarter} other {# quarters}}',\n    id: 'V4fGRjKxu0XkK3nm',\n  },\n  'roundDown-y': {\n    description: 'Timeframe formatter: timeframe-roundDown-year',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {year} other {# years}}',\n    id: 'CjpZq81r1HsdNxp0',\n  },\n  'full-day': {\n    description: 'Timeframe formatter: timeframe-full-day',\n    defaultMessage: 'Full day',\n    id: 'B/DeQ4xCT/IrvyuQ',\n  },\n  'remaining-day': {\n    description: 'Timeframe formatter: timeframe-remaining-day',\n    defaultMessage: 'Remaining day',\n    id: 'GixTwN/AsVWJprz2',\n  },\n});\n\n/**@internal */\nexport function isExpressionString(candidate: string) {\n  const [expression] = candidate.match(_getTimeframeExpression()) ?? [];\n  return !!expression;\n}\n\n/**\n * Converts a candidate value into a TimeValue. In case it doesn't yield\n * a valid date it sets absoluteDate to emptyString and returns the\n * partial value in value.\n * @internal\n */\nexport function getTimeValue(\n  candidate?: TimeValue | string | null,\n  precision?: Precision,\n  relativeNow?: number,\n  type: 'iso8601' | 'expression' = 'expression',\n): TimeValue | undefined | null {\n  if (candidate === undefined) {\n    return undefined;\n  }\n\n  if (candidate === null) {\n    return null;\n  }\n\n  if (typeof candidate === 'string' || candidate.type === 'expression') {\n    const stringCandidate =\n      typeof candidate === 'string' ? candidate : candidate.value;\n    const parsed = parseTimeAsTimeValue(\n      stringCandidate,\n      relativeNow,\n      precision,\n    );\n\n    // Invalid expression returns broken TimeValue to show errors.\n    if (!parsed) {\n      return { absoluteDate: '', value: stringCandidate, type };\n    }\n\n    // Parsing did return a valid TimeValue\n    return parsed;\n  }\n\n  // In this case the candidate is already a TimeValue\n  return removePrecisionFromTimeValue(candidate, precision);\n}\n\n/** @internal */\nexport function mapToPartialTimeframe(\n  value?: Partial<{\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  }> | null,\n  precision?: Precision,\n): { from: TimeValue | null; to: TimeValue | null } | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow) ?? null;\n  const to = getTimeValue(value.to, precision, relativeNow) ?? null;\n\n  return {\n    from,\n    to,\n  };\n}\n\n/** @internal */\nexport function mapToTimeframe(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): RequireAtLeastOne<Timeframe> | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow);\n  const to = getTimeValue(value.to, precision, relativeNow);\n\n  // Satisfies the RequiredAtLeastOne\n  if (from === undefined && to === undefined) {\n    return null;\n  }\n\n  return {\n    from,\n    to,\n  } as RequireAtLeastOne<Timeframe>;\n}\n\n/**\n * You can use the `_parseValue` utility function to convert a Timeframe or Timeframe value into an object containing `from` and `to`\n * `TimeValue`s or null values. If `fallbackToNow` is set to true, the `to` value falls back to `now` in case the to value is empty.\n * @internal\n */\nexport function parseValue(\n  value: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n  fallbackToNow: boolean = false,\n  precision?: Precision,\n): {\n  from: TimeValue | null;\n  to: TimeValue | null;\n} {\n  const timezone = getTimezone();\n  const nowDate = {\n    value: 'now()',\n    absoluteDate: removePrecision(\n      TZDateMini.tz(timezone).toISOString(),\n      precision,\n    ),\n    type: 'expression',\n  } as TimeValue;\n\n  if (!value) {\n    return { from: null, to: fallbackToNow ? nowDate : null };\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const parsedTo =\n    fallbackToNow && !valueTo\n      ? nowDate\n      : parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  const invalidFrom: TimeValue = {\n    type: 'expression',\n    value: valueFrom ?? '',\n    absoluteDate: '',\n  };\n\n  const invalidTo: TimeValue = {\n    type: 'expression',\n    value: valueTo ?? '',\n    absoluteDate: '',\n  };\n\n  const from = parsedFrom ?? (valueFrom === undefined ? null : invalidFrom);\n  const to = parsedTo ?? (valueTo === undefined ? null : invalidTo);\n  return {\n    from,\n    to,\n  };\n}\n\n/**\n * Formatter that displays sanitized time value strings.\n * @internal\n */\nexport function formatTimeValue(\n  input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null,\n  precision: Precision = 'minutes',\n) {\n  if (input === null) {\n    return '';\n  }\n\n  if (input === 'now()' || input === 'now') {\n    return 'Now'; // early exit to prevent parsing if we already know we should return 'Now'\n  }\n\n  const timeValue = parseTimeAsTimeValue(\n    typeof input == 'string' ? input : input.value,\n    Date.now(),\n    precision,\n  );\n\n  if (timeValue === null) {\n    return '';\n  }\n\n  const { type, value } = timeValue;\n\n  if (type === 'iso8601') {\n    return getFormattedTimeValue(timeValue, precision);\n  }\n\n  if (value === 'now()') {\n    return 'Now';\n  }\n\n  return value.replaceAll('now()', '').replaceAll('now', '').trim();\n}\n\n/**\n * Handle special cases of TimeframeExpressions to be formatted as natural language\n * @internal\n */\nfunction formatTimeframeExpressionInSpecialCases(\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  const timeDetailsFrom = _parseTimeExpression(from);\n  const timeDetailsTo = _parseTimeExpression(to);\n  if (!timeDetailsFrom || !timeDetailsTo) {\n    return;\n  }\n\n  // convert all weekStartExpressions to 'w' to have a unified translation\n  let roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  switch (timeDetailsFrom.roundDownUnit) {\n    case 'w0':\n    case 'w1':\n    case 'w2':\n    case 'w3':\n    case 'w4':\n    case 'w5':\n    case 'w6':\n      roundDownTranslationIndex = 'w';\n      break;\n    default:\n      roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  }\n\n  // handle 'this' roundDownUnit, eg `@M -> now` = This month\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit &&\n    !timeDetailsTo.offsetAmount &&\n    !timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `@d -> now` = Today\n    if (timeDetailsFrom.roundDownUnit === 'd') {\n      return {\n        displayValue: intl.formatMessage(messages.today),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `@M -> now` = This month\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'this',\n          amount: 1, // to display the singular of a unit we need a 1 here\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'next' roundDownUnit, eg `+1M@M -> +5M@M` = Next 4 months\n  if (\n    timeDetailsFrom.offsetAmount === 1 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    timeDetailsTo.offsetAmount > 0 &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsTo.offsetUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex === timeDetailsTo.offsetUnit\n  ) {\n    // handle exception `+1d@d -> +2d@d` = Tomorrow\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsTo.offsetAmount === 2\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.tomorrow),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `+1M@M -> +5M@M` = Next 4 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'next',\n          amount: Math.abs(timeDetailsTo.offsetAmount) - 1,\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'previous' roundDownUnit, eg `-5M@M -> @M` = Previous 5 months\n  if (\n    timeDetailsFrom.offsetAmount < 0 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    !timeDetailsTo.offsetAmount &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.offsetUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `-1d@d -> @d` = Yesterday\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsFrom.offsetAmount === -1\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.yesterday),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `-5M@M -> @M` = Previous 5 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'previous',\n          amount: Math.abs(timeDetailsFrom.offsetAmount),\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle additional special cases:\n\n  // `@d -> +1d@d` = Full day\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['full-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // `now -> +1d@d` = Remaining day\n  if (\n    // It is not great that we parse the whole statement here. We could expose the expression in the\n    // _parseTimeExpression function, but since it is in units sdk and would be a breaking change\n    // we just wait for moving everything there.\n    parseTimeAsTimeValue(from)?.value === 'now()' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['remaining-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n}\n\n/**\n * Returns the display value props for given time values that include relative expressions.\n * @internal\n */\nfunction formatTimeValues(\n  from: TimeValue,\n  to: TimeValue,\n  intl: IntlShape,\n  precision: Precision,\n  fromDate: Date,\n  toDate: Date,\n  hint: string,\n) {\n  if (from.type === 'expression' && to.type === 'expression') {\n    if (to.value === from.value) {\n      return {\n        displayValue: intl.formatMessage(messages.invalid),\n        isInvalid: true,\n        hint: intl.formatMessage(messages.invalidOrder),\n      };\n    }\n\n    const specialCase = formatTimeframeExpressionInSpecialCases(\n      from.value,\n      to.value,\n      intl,\n    );\n    if (specialCase) {\n      return specialCase;\n    }\n\n    const isFromNow = from.value === 'now()';\n    const isToNow = to.value === 'now()';\n\n    if (isToNow || isFromNow) {\n      const displayValue = formatRelativeTimeframe(\n        isToNow ? from.value : to.value,\n        intl,\n        isToNow ? 'past' : 'future',\n        true,\n      );\n      return {\n        displayValue,\n        isInvalid: displayValue === intl.formatMessage(messages.invalid),\n        hint: '',\n      };\n    }\n  }\n\n  const isRelativeToNow =\n    (to.type === 'expression' && to.value === 'now()') ||\n    (from.type === 'expression' && from.value === 'now()');\n\n  // Hide the \"to\" date if both dates are on the same day. To avoid states like \"In 7 days \u2192 12:13:50\",\n  // only hide the \"to\" date if both dates are also absolute or still today.\n  const hideToDate =\n    isSameDay(fromDate, toDate) &&\n    ((from.type === 'iso8601' && to.type === 'iso8601') ||\n      (from.type === 'expression' && from.value === 'now()'));\n\n  return {\n    displayValue: `${formatDetails(\n      from,\n      intl,\n      precision,\n      false,\n      isRelativeToNow,\n    )} \u2192 ${formatDetails(to, intl, precision, hideToDate, isRelativeToNow)}`,\n    isInvalid: false,\n    hint,\n  };\n}\n\n/**\n * Returns the from and to string values from a Timeframe or its shorthand version.\n * @internal\n */\nexport function getFromToValues(\n  value?: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n) {\n  if (!value) {\n    return {};\n  }\n\n  const valueFrom =\n    typeof value.from === 'string' ? value.from : value.from?.value;\n  const valueTo = typeof value.to === 'string' ? value.to : value.to?.value;\n\n  return { valueFrom, valueTo };\n}\n\n/**\n * Returns the display value string for a given timeframe.\n * @internal\n */\nexport function formatTimeframe(\n  value: Timeframe | { from: string; to: string } | null,\n  intl: IntlShape,\n  precision?: Precision,\n) {\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const toDetails = parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  return extractDisplayValueFromTimeValues(\n    fromDetails,\n    toDetails,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n}\n\n/**\n * Extracts the display value string from the from and to time values.\n * @internal\n */\nexport function extractDisplayValueFromTimeValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  valueFrom?: string,\n  valueTo?: string,\n) {\n  let hint = '';\n\n  if (!from || !to) {\n    if (isDev()) {\n      if (!from) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The from date could not be parsed. Please check if the provided value is valid and supported: ${valueFrom}.`,\n        );\n      }\n      if (!to) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The to date could not be parsed. Please check if the provided value is valid and supported: ${valueTo}.`,\n        );\n      }\n    }\n\n    if (!from && !to) {\n      hint = intl.formatMessage(messages.invalidTimeframe);\n    } else if (!from) {\n      hint = intl.formatMessage(messages.invalidFrom);\n    } else {\n      hint = intl.formatMessage(messages.invalidTo);\n    }\n\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint,\n    };\n  }\n\n  const configuredTimezone = getTimezone();\n  const fromDate = new TZDateMini(from.absoluteDate, configuredTimezone);\n  const toDate = new TZDateMini(to.absoluteDate, configuredTimezone);\n\n  const { isInvalid, hint: invalidItemHint } = checkInvalidItem(\n    fromDate,\n    toDate,\n    from.value,\n    to.value,\n    intl,\n  );\n\n  if (isInvalid) {\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint: invalidItemHint,\n    };\n  }\n\n  return formatTimeValues(from, to, intl, precision, fromDate, toDate, hint);\n}\n\n/**\n * Checks if the preset item is invalid and logs a warning in dev mode.\n * @internal\n */\nfunction checkInvalidItem(\n  fromDate: Date,\n  toDate: Date,\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  if (!isValid(fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The from date (${from}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidFrom) };\n  }\n\n  if (!isValid(toDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The to date (${to}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidTo) };\n  }\n\n  if (!isAfter(toDate, fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The from date - ${from} - should be before the to date - ${to}.`,\n      );\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidOrder) };\n  }\n\n  return { isInvalid: false, hint: '' };\n}\n\n/**\n * Returns expression in e.g. 'Last 5 minutes' format.\n * @internal\n */\nfunction formatRelativeTimeframe(\n  expression: string,\n  intl: IntlShape,\n  prefix?: 'future' | 'past' | 'relativeFuture' | 'other',\n  isRelativeToNow?: boolean,\n): string {\n  const timeDetails = _parseTimeExpression(expression);\n\n  if (timeDetails) {\n    const { offsetAmount, offsetUnit, roundDownUnit } = timeDetails;\n\n    if (offsetAmount === 0 && !roundDownUnit) {\n      return intl.formatMessage(messages.now);\n    }\n\n    // if we have a RoundDownExpression which does not have a natural language equivalent,\n    // we opt for the raw expression\n    if (roundDownUnit) {\n      return expression.replaceAll('now()', '').replaceAll('now', '');\n    }\n\n    const timeExpression = messages[offsetUnit as keyof typeof messages];\n\n    if (timeExpression) {\n      let suffix = '';\n      prefix ??= offsetAmount > 0 ? 'future' : 'past';\n      if (prefix === 'future' && !isRelativeToNow) {\n        prefix = 'relativeFuture';\n      }\n\n      if (!isRelativeToNow && prefix === 'past') {\n        suffix = ' ago';\n        prefix = 'other'; // used for no prefix in the translations\n      }\n\n      return intl\n        .formatMessage(timeExpression, {\n          prefix,\n          offset: Math.abs(offsetAmount),\n          suffix,\n        })\n        .trim();\n    }\n  }\n\n  return intl.formatMessage(messages.invalid);\n}\n\n/**\n * @internal\n */\nexport function formatDetails(\n  details: TimeValue,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  showTimeOnly?: boolean,\n  isRelativeToNow?: boolean,\n): string {\n  return details.type === 'expression'\n    ? formatRelativeTimeframe(details.value, intl, undefined, isRelativeToNow)\n    : getFormattedTimeValue(details, precision, showTimeOnly);\n}\n\n/**\n * Gets the translated message to show when a value is outside the min and/or max\n * @internal\n * @deprecated - use proper validation fn with error messages object\n */\nexport function getOutsideRangeMessage(\n  intl: IntlShape,\n  min?: string,\n  max?: string,\n  precision?: Precision,\n) {\n  const { min: from, max: to } = getFormattedMinMax(min, max, precision);\n\n  if (min && max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates between {from} \u2192 {to} are available.',\n        id: 'Nlzd/zJ2XP7vZMvE',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n        to,\n      },\n    );\n  }\n\n  if (min) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates after {from} are available.',\n        id: 'QXOCOrq5Seu+1A93',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n      },\n    );\n  }\n\n  if (max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates before {to} are available.',\n        id: 'Jzdt1FVhHSO1Lmg9',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        to,\n      },\n    );\n  }\n\n  return intl.formatMessage({\n    defaultMessage: 'Selected time is outside of the valid range.',\n    id: 'r2DiyNP5gUAg0s5f',\n    description: 'Given dates are not within the valid range.',\n  });\n}\n\n/**\n * Removes the specified precision from a ISOString.\n * @internal\n */\nexport function removePrecision(\n  isoString: string,\n  precision: Precision = 'minutes',\n): string {\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const timeValue = parseTimeAsTimeValue(isoString, relativeDate, precision);\n\n  if (!isNaN(new TZDateMini(isoString).getTime())) {\n    return timeValue ? timeValue.absoluteDate : isoString;\n  }\n  return isoString;\n}\n\n/**\n * Removes the specified precision from a Timeframe or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeFrame = (\n  date:\n    | { from: TimeValue | string | null; to: TimeValue | string | null }\n    | null\n    | undefined,\n  precision: Precision = 'minutes',\n): { from: TimeValue | null; to: TimeValue | null } | null => {\n  if (!date) {\n    return null;\n  }\n\n  const { from, to } = parseValue(date);\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(from?.value, relativeDate, precision);\n  const parsedTo = parseTimeAsTimeValue(to?.value, relativeDate, precision);\n\n  return {\n    from: parsedFrom || from,\n    to: parsedTo || to,\n  } as { from: TimeValue | null; to: TimeValue | null } | null;\n};\n\n/**\n * Removes the specified precision from a TimeValue or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeValue = (\n  date: TimeValue | null,\n  precision: Precision = 'minutes',\n): TimeValue | null => {\n  if (!date) {\n    return date;\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  if (date.value) {\n    return parseTimeAsTimeValue(date.value, relativeDate, precision);\n  }\n\n  return date;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isSameDay, isValid } from 'date-fns';\nimport { defineMessages, type IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  parseTimeAsTimeValue,\n  _getTimeframeExpression,\n  _parseTimeExpression,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getFormattedTimeValue } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\n\n/** @internal */\nexport const messages = defineMessages({\n  ms: {\n    description: 'Timeframe formatter: timeframe-millisecond',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# millisecond} other {# milliseconds}}' +\n      '{suffix}',\n    id: '1ierRkr3xtpxyOXK',\n  },\n  s: {\n    description: 'Timeframe formatter: timeframe-second',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# second} other {# seconds}}' +\n      '{suffix}',\n    id: 'DMJP39IduNdB3wO3',\n  },\n  m: {\n    description: 'Timeframe formatter: timeframe-minute',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# minute} other {# minutes}}' +\n      '{suffix}',\n    id: 'SPSPRmp+gABk1LGQ',\n  },\n  h: {\n    description: 'Timeframe formatter: timeframe-hour',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# hour} other {# hours}}' +\n      '{suffix}',\n    id: 'aNWYfuuoyg/TEftI',\n  },\n  d: {\n    description: 'Timeframe formatter: timeframe-day',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# day} other {# days}}' +\n      '{suffix}',\n    id: 'ECZzXUfKYwLWko5n',\n  },\n  w: {\n    description: 'Timeframe formatter: timeframe-week',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# week} other {# weeks}}' +\n      '{suffix}',\n    id: 'p5Aa2CtWutuGwudB',\n  },\n  M: {\n    description: 'Timeframe formatter: timeframe-month',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# month} other {# months}}' +\n      '{suffix}',\n    id: 'jZte4Ia6a1UkBwpv',\n  },\n  q: {\n    description: 'Timeframe formatter: timeframe-quarter',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# quarter} other {# quarters}}' +\n      '{suffix}',\n    id: 'm5z+3UJ4Q3absAi5',\n  },\n  y: {\n    description: 'Timeframe formatter: timeframe-year',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# year} other {# years}}' +\n      '{suffix}',\n    id: 'ly03uOR7VGcWb+pG',\n  },\n  requiredTimeframe: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  requiredFrom: {\n    defaultMessage: \"The 'from' field is required.\",\n    id: 'VlyElrRtYeguIlZS',\n    description: 'Timeframe selector required from field error hint.',\n  },\n  requiredTo: {\n    defaultMessage: \"The 'to' field is required.\",\n    id: 'd7CsKWrzLvzuObN6',\n    description: 'Timeframe selector required to field error hint.',\n  },\n  invalid: {\n    description: 'Timeframe formatter: invalid',\n    defaultMessage: 'invalid timeframe',\n    id: 'eZkDqSXP6kwDUc5d',\n  },\n  invalidFrom: {\n    defaultMessage: \"The 'from' field is invalid.\",\n    description:\n      'Error message shown if the from value of a timeframe is invalid',\n    id: 'VTvQ7p6QQyABl+XP',\n  },\n  invalidTo: {\n    defaultMessage: \"The 'to' field is invalid.\",\n    id: 'rm7eAPvUS8J1G8TZ',\n    description:\n      'Error message shown if the to value of a timeframe is invalid',\n  },\n  invalidTimeframe: {\n    defaultMessage: 'Invalid timeframe',\n    id: 'U59PIse3upSvDblc',\n    description:\n      'Error message shown if the from and to values of a timeframe are both invalid',\n  },\n  invalidOrder: {\n    defaultMessage: 'End time must be after start time.',\n    id: 'vbdg7YKUa68LiCw7',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  outsideRange: {\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    id: 'cBlxys3qfILuKMaG',\n    description:\n      'Hint to display in the timeframe selector if a min and a max date is set.',\n  },\n  now: {\n    description: 'Timeframe formatter: timeframe-now',\n    defaultMessage: 'Now',\n    id: 'sAS3aHsvApXTajqr',\n  },\n  to: {\n    description: 'Timeframe formatter: timeframe-to',\n    defaultMessage: 'to',\n    id: 'ewgHQuXKDMK7CzyQ',\n  },\n  tomorrow: {\n    description: 'Timeframe formatter: timeframe-tomorrow',\n    defaultMessage: 'Tomorrow',\n    id: 'FbK3miEv64PNHk2r',\n  },\n  today: {\n    description: 'Timeframe formatter: timeframe-today',\n    defaultMessage: 'Today',\n    id: 'BlGZxVNh87aTe30G',\n  },\n  yesterday: {\n    description: 'Timeframe formatter: timeframe-yesterday',\n    defaultMessage: 'Yesterday',\n    id: 'r3yl8iiNQEDjjS+I',\n  },\n  'roundDown-s': {\n    description: 'Timeframe formatter: timeframe-roundDown-second',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {second} other {# seconds}}',\n    id: 'znJQdrgHo0UbGJLV',\n  },\n  'roundDown-m': {\n    description: 'Timeframe formatter: timeframe-roundDown-minute',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {minute} other {# minutes}}',\n    id: 'HpRsCrp1SmD+zRFu',\n  },\n  'roundDown-h': {\n    description: 'Timeframe formatter: timeframe-roundDown-hour',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {hour} other {# hours}}',\n    id: 'vEoSirMyZ5RMVdsR',\n  },\n  'roundDown-d': {\n    description: 'Timeframe formatter: timeframe-roundDown-day',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {day} other {# days}}',\n    id: 'V09xUXtpHEVFRBsh',\n  },\n  'roundDown-w': {\n    description: 'Timeframe formatter: timeframe-roundDown-week',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {week} other {# weeks}}',\n    id: 'BfrmGp7APB2nlQRw',\n  },\n  'roundDown-M': {\n    description: 'Timeframe formatter: timeframe-roundDown-month',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {month} other {# months}}',\n    id: 'Ro/9HWdwiItr3Ter',\n  },\n  'roundDown-q': {\n    description: 'Timeframe formatter: timeframe-roundDown-quarter',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {quarter} other {# quarters}}',\n    id: 'V4fGRjKxu0XkK3nm',\n  },\n  'roundDown-y': {\n    description: 'Timeframe formatter: timeframe-roundDown-year',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {year} other {# years}}',\n    id: 'CjpZq81r1HsdNxp0',\n  },\n  'full-day': {\n    description: 'Timeframe formatter: timeframe-full-day',\n    defaultMessage: 'Full day',\n    id: 'B/DeQ4xCT/IrvyuQ',\n  },\n  'remaining-day': {\n    description: 'Timeframe formatter: timeframe-remaining-day',\n    defaultMessage: 'Remaining day',\n    id: 'GixTwN/AsVWJprz2',\n  },\n});\n\n/**@internal */\nexport function isExpressionString(candidate: string) {\n  const [expression] = candidate.match(_getTimeframeExpression()) ?? [];\n  return !!expression;\n}\n\n/**\n * Converts a candidate value into a TimeValue. In case it doesn't yield\n * a valid date it sets absoluteDate to emptyString and returns the\n * partial value in value.\n * @internal\n */\nexport function getTimeValue(\n  candidate?: TimeValue | string | null,\n  precision?: Precision,\n  relativeNow?: number,\n  type: 'iso8601' | 'expression' = 'expression',\n): TimeValue | undefined | null {\n  if (candidate === undefined) {\n    return undefined;\n  }\n\n  if (candidate === null) {\n    return null;\n  }\n\n  if (typeof candidate === 'string' || candidate.type === 'expression') {\n    const stringCandidate =\n      typeof candidate === 'string' ? candidate : candidate.value;\n    const parsed = parseTimeAsTimeValue(\n      stringCandidate,\n      relativeNow,\n      precision,\n    );\n\n    // Invalid expression returns broken TimeValue to show errors.\n    if (!parsed) {\n      return { absoluteDate: '', value: stringCandidate, type };\n    }\n\n    // Parsing did return a valid TimeValue\n    return parsed;\n  }\n\n  // In this case the candidate is already a TimeValue\n  return removePrecisionFromTimeValue(candidate, precision);\n}\n\n/** @internal */\nexport function mapToPartialTimeframe(\n  value?: Partial<{\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  }> | null,\n  precision?: Precision,\n): { from: TimeValue | null; to: TimeValue | null } | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow) ?? null;\n  const to = getTimeValue(value.to, precision, relativeNow) ?? null;\n\n  return {\n    from,\n    to,\n  };\n}\n\n/** @internal */\nexport function mapToTimeframe(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): RequireAtLeastOne<Timeframe> | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow);\n  const to = getTimeValue(value.to, precision, relativeNow);\n\n  // Satisfies the RequiredAtLeastOne\n  if (from === undefined && to === undefined) {\n    return null;\n  }\n\n  return {\n    from,\n    to,\n  } as RequireAtLeastOne<Timeframe>;\n}\n\n/**\n * You can use the `_parseValue` utility function to convert a Timeframe or Timeframe value into an object containing `from` and `to`\n * `TimeValue` instances or null values. If `fallbackToNow` is set to true, the `to` value falls back to `now` in case the to value is empty.\n * @internal\n */\nexport function parseValue(\n  value: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n  fallbackToNow: boolean = false,\n  precision?: Precision,\n): {\n  from: TimeValue | null;\n  to: TimeValue | null;\n} {\n  const timezone = getTimezone();\n  const nowDate = {\n    value: 'now()',\n    absoluteDate: removePrecision(\n      TZDateMini.tz(timezone).toISOString(),\n      precision,\n    ),\n    type: 'expression',\n  } as TimeValue;\n\n  if (!value) {\n    return { from: null, to: fallbackToNow ? nowDate : null };\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const parsedTo =\n    fallbackToNow && !valueTo\n      ? nowDate\n      : parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  const invalidFrom: TimeValue = {\n    type: 'expression',\n    value: valueFrom ?? '',\n    absoluteDate: '',\n  };\n\n  const invalidTo: TimeValue = {\n    type: 'expression',\n    value: valueTo ?? '',\n    absoluteDate: '',\n  };\n\n  const from = parsedFrom ?? (valueFrom === undefined ? null : invalidFrom);\n  const to = parsedTo ?? (valueTo === undefined ? null : invalidTo);\n  return {\n    from,\n    to,\n  };\n}\n\n/**\n * Formatter that displays sanitized time value strings.\n * @internal\n */\nexport function formatTimeValue(\n  input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null,\n  precision: Precision = 'minutes',\n) {\n  if (input === null) {\n    return '';\n  }\n\n  if (input === 'now()' || input === 'now') {\n    return 'Now'; // early exit to prevent parsing if we already know we should return 'Now'\n  }\n\n  const timeValue = parseTimeAsTimeValue(\n    typeof input == 'string' ? input : input.value,\n    Date.now(),\n    precision,\n  );\n\n  if (timeValue === null) {\n    return '';\n  }\n\n  const { type, value } = timeValue;\n\n  if (type === 'iso8601') {\n    return getFormattedTimeValue(timeValue, precision);\n  }\n\n  if (value === 'now()') {\n    return 'Now';\n  }\n\n  return value.replaceAll('now()', '').replaceAll('now', '').trim();\n}\n\n/**\n * Handle special cases of TimeframeExpressions to be formatted as natural language\n * @internal\n */\nfunction formatTimeframeExpressionInSpecialCases(\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  const timeDetailsFrom = _parseTimeExpression(from);\n  const timeDetailsTo = _parseTimeExpression(to);\n  if (!timeDetailsFrom || !timeDetailsTo) {\n    return;\n  }\n\n  // convert all weekStartExpressions to 'w' to have a unified translation\n  let roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  switch (timeDetailsFrom.roundDownUnit) {\n    case 'w0':\n    case 'w1':\n    case 'w2':\n    case 'w3':\n    case 'w4':\n    case 'w5':\n    case 'w6':\n      roundDownTranslationIndex = 'w';\n      break;\n    default:\n      roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  }\n\n  // handle 'this' roundDownUnit, eg `@M -> now` = This month\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit &&\n    !timeDetailsTo.offsetAmount &&\n    !timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `@d -> now` = Today\n    if (timeDetailsFrom.roundDownUnit === 'd') {\n      return {\n        displayValue: intl.formatMessage(messages.today),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `@M -> now` = This month\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'this',\n          amount: 1, // to display the singular of a unit we need a 1 here\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'next' roundDownUnit, eg `+1M@M -> +5M@M` = Next 4 months\n  if (\n    timeDetailsFrom.offsetAmount === 1 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    timeDetailsTo.offsetAmount > 0 &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsTo.offsetUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex === timeDetailsTo.offsetUnit\n  ) {\n    // handle exception `+1d@d -> +2d@d` = Tomorrow\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsTo.offsetAmount === 2\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.tomorrow),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `+1M@M -> +5M@M` = Next 4 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'next',\n          amount: Math.abs(timeDetailsTo.offsetAmount) - 1,\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'previous' roundDownUnit, eg `-5M@M -> @M` = Previous 5 months\n  if (\n    timeDetailsFrom.offsetAmount < 0 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    !timeDetailsTo.offsetAmount &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.offsetUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `-1d@d -> @d` = Yesterday\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsFrom.offsetAmount === -1\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.yesterday),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `-5M@M -> @M` = Previous 5 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'previous',\n          amount: Math.abs(timeDetailsFrom.offsetAmount),\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle additional special cases:\n\n  // `@d -> +1d@d` = Full day\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['full-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // `now -> +1d@d` = Remaining day\n  if (\n    // It is not great that we parse the whole statement here. We could expose the expression in the\n    // _parseTimeExpression function, but since it is in units sdk and would be a breaking change\n    // we just wait for moving everything there.\n    parseTimeAsTimeValue(from)?.value === 'now()' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['remaining-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n}\n\n/**\n * Returns the display value props for given time values that include relative expressions.\n * @internal\n */\nfunction formatTimeValues(\n  from: TimeValue,\n  to: TimeValue,\n  intl: IntlShape,\n  precision: Precision,\n  fromDate: Date,\n  toDate: Date,\n  hint: string,\n) {\n  if (from.type === 'expression' && to.type === 'expression') {\n    if (to.value === from.value) {\n      return {\n        displayValue: intl.formatMessage(messages.invalid),\n        isInvalid: true,\n        hint: intl.formatMessage(messages.invalidOrder),\n      };\n    }\n\n    const specialCase = formatTimeframeExpressionInSpecialCases(\n      from.value,\n      to.value,\n      intl,\n    );\n    if (specialCase) {\n      return specialCase;\n    }\n\n    const isFromNow = from.value === 'now()';\n    const isToNow = to.value === 'now()';\n\n    if (isToNow || isFromNow) {\n      const displayValue = formatRelativeTimeframe(\n        isToNow ? from.value : to.value,\n        intl,\n        isToNow ? 'past' : 'future',\n        true,\n      );\n      return {\n        displayValue,\n        isInvalid: displayValue === intl.formatMessage(messages.invalid),\n        hint: '',\n      };\n    }\n  }\n\n  const isRelativeToNow =\n    (to.type === 'expression' && to.value === 'now()') ||\n    (from.type === 'expression' && from.value === 'now()');\n\n  // Hide the \"to\" date if both dates are on the same day. To avoid states like \"In 7 days \u2192 12:13:50\",\n  // only hide the \"to\" date if both dates are also absolute or still today.\n  const hideToDate =\n    isSameDay(fromDate, toDate) &&\n    ((from.type === 'iso8601' && to.type === 'iso8601') ||\n      (from.type === 'expression' && from.value === 'now()'));\n\n  return {\n    displayValue: `${formatDetails(\n      from,\n      intl,\n      precision,\n      false,\n      isRelativeToNow,\n    )} \u2192 ${formatDetails(to, intl, precision, hideToDate, isRelativeToNow)}`,\n    isInvalid: false,\n    hint,\n  };\n}\n\n/**\n * Returns the from and to string values from a Timeframe or its shorthand version.\n * @internal\n */\nexport function getFromToValues(\n  value?: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n) {\n  if (!value) {\n    return {};\n  }\n\n  const valueFrom =\n    typeof value.from === 'string' ? value.from : value.from?.value;\n  const valueTo = typeof value.to === 'string' ? value.to : value.to?.value;\n\n  return { valueFrom, valueTo };\n}\n\n/**\n * Returns the display value string for a given timeframe.\n * @internal\n */\nexport function formatTimeframe(\n  value: Timeframe | { from: string; to: string } | null,\n  intl: IntlShape,\n  precision?: Precision,\n) {\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const toDetails = parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  return extractDisplayValueFromTimeValues(\n    fromDetails,\n    toDetails,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n}\n\n/**\n * Extracts the display value string from the from and to time values.\n * @internal\n */\nexport function extractDisplayValueFromTimeValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  valueFrom?: string,\n  valueTo?: string,\n) {\n  let hint = '';\n\n  if (!from || !to) {\n    if (isDev()) {\n      if (!from) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The from date could not be parsed. Please check if the provided value is valid and supported: ${valueFrom}.`,\n        );\n      }\n      if (!to) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The to date could not be parsed. Please check if the provided value is valid and supported: ${valueTo}.`,\n        );\n      }\n    }\n\n    if (!from && !to) {\n      hint = intl.formatMessage(messages.invalidTimeframe);\n    } else if (!from) {\n      hint = intl.formatMessage(messages.invalidFrom);\n    } else {\n      hint = intl.formatMessage(messages.invalidTo);\n    }\n\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint,\n    };\n  }\n\n  const configuredTimezone = getTimezone();\n  const fromDate = new TZDateMini(from.absoluteDate, configuredTimezone);\n  const toDate = new TZDateMini(to.absoluteDate, configuredTimezone);\n\n  const { isInvalid, hint: invalidItemHint } = checkInvalidItem(\n    fromDate,\n    toDate,\n    from.value,\n    to.value,\n    intl,\n  );\n\n  if (isInvalid) {\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint: invalidItemHint,\n    };\n  }\n\n  return formatTimeValues(from, to, intl, precision, fromDate, toDate, hint);\n}\n\n/**\n * Checks if the preset item is invalid and logs a warning in dev mode.\n * @internal\n */\nfunction checkInvalidItem(\n  fromDate: Date,\n  toDate: Date,\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  if (!isValid(fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The from date (${from}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidFrom) };\n  }\n\n  if (!isValid(toDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The to date (${to}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidTo) };\n  }\n\n  if (!isAfter(toDate, fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The from date - ${from} - should be before the to date - ${to}.`,\n      );\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidOrder) };\n  }\n\n  return { isInvalid: false, hint: '' };\n}\n\n/**\n * Returns expression in e.g. 'Last 5 minutes' format.\n * @internal\n */\nfunction formatRelativeTimeframe(\n  expression: string,\n  intl: IntlShape,\n  prefix?: 'future' | 'past' | 'relativeFuture' | 'other',\n  isRelativeToNow?: boolean,\n): string {\n  const timeDetails = _parseTimeExpression(expression);\n\n  if (timeDetails) {\n    const { offsetAmount, offsetUnit, roundDownUnit } = timeDetails;\n\n    if (offsetAmount === 0 && !roundDownUnit) {\n      return intl.formatMessage(messages.now);\n    }\n\n    // if we have a RoundDownExpression which does not have a natural language equivalent,\n    // we opt for the raw expression\n    if (roundDownUnit) {\n      return expression.replaceAll('now()', '').replaceAll('now', '');\n    }\n\n    const timeExpression = messages[offsetUnit as keyof typeof messages];\n\n    if (timeExpression) {\n      let suffix = '';\n      prefix ??= offsetAmount > 0 ? 'future' : 'past';\n      if (prefix === 'future' && !isRelativeToNow) {\n        prefix = 'relativeFuture';\n      }\n\n      if (!isRelativeToNow && prefix === 'past') {\n        suffix = ' ago';\n        prefix = 'other'; // used for no prefix in the translations\n      }\n\n      return intl\n        .formatMessage(timeExpression, {\n          prefix,\n          offset: Math.abs(offsetAmount),\n          suffix,\n        })\n        .trim();\n    }\n  }\n\n  return intl.formatMessage(messages.invalid);\n}\n\n/**\n * @internal\n */\nexport function formatDetails(\n  details: TimeValue,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  showTimeOnly?: boolean,\n  isRelativeToNow?: boolean,\n): string {\n  return details.type === 'expression'\n    ? formatRelativeTimeframe(details.value, intl, undefined, isRelativeToNow)\n    : getFormattedTimeValue(details, precision, showTimeOnly);\n}\n\n/**\n * Removes the specified precision from a ISOString.\n * @internal\n */\nexport function removePrecision(\n  isoString: string,\n  precision: Precision = 'minutes',\n): string {\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const timeValue = parseTimeAsTimeValue(isoString, relativeDate, precision);\n\n  if (!isNaN(new TZDateMini(isoString).getTime())) {\n    return timeValue ? timeValue.absoluteDate : isoString;\n  }\n  return isoString;\n}\n\n/**\n * Removes the specified precision from a Timeframe or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeFrame = (\n  date:\n    | { from: TimeValue | string | null; to: TimeValue | string | null }\n    | null\n    | undefined,\n  precision: Precision = 'minutes',\n): { from: TimeValue | null; to: TimeValue | null } | null => {\n  if (!date) {\n    return null;\n  }\n\n  const { from, to } = parseValue(date);\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(from?.value, relativeDate, precision);\n  const parsedTo = parseTimeAsTimeValue(to?.value, relativeDate, precision);\n\n  return {\n    from: parsedFrom || from,\n    to: parsedTo || to,\n  } as { from: TimeValue | null; to: TimeValue | null } | null;\n};\n\n/**\n * Removes the specified precision from a TimeValue or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeValue = (\n  date: TimeValue | null,\n  precision: Precision = 'minutes',\n): TimeValue | null => {\n  if (!date) {\n    return date;\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  if (date.value) {\n    return parseTimeAsTimeValue(date.value, relativeDate, precision);\n  }\n\n  return date;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-10-4 {
+@keyframes _yfwka31-3-11-0 {
 
 }
-@keyframes _yfwka32-3-10-4 {
+@keyframes _yfwka32-3-11-0 {
 
 }
-._yfwka33-3-10-4:-webkit-autofill:is(._yfwka33-3-10-4,:hover,:focus) {
+._yfwka33-3-11-0:-webkit-autofill:is(._yfwka33-3-11-0,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-10-4) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-11-0) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-10-4:-webkit-autofill {
-  animation-name: _yfwka31-3-10-4;
+._yfwka33-3-11-0:-webkit-autofill {
+  animation-name: _yfwka31-3-11-0;
   animation-duration: 0.001s;
 }
-._yfwka33-3-10-4:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-10-4;
+._yfwka33-3-11-0:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-11-0;
   animation-duration: 0.001s;
 }
 input:-webkit-autofill::spelling-error {

package/esm/forms/hooks/useAutofillEvent.sty.js

@@ -1,8 +1,8 @@
 import "./useAutofillEvent.css";
-var autofillBackground = "var(--_yfwka30-3-10-4)";
-var autofillCSS = "_yfwka33-3-10-4";
-var end = "_yfwka32-3-10-4";
-var start = "_yfwka31-3-10-4";
+var autofillBackground = "var(--_yfwka30-3-11-0)";
+var autofillCSS = "_yfwka33-3-11-0";
+var end = "_yfwka32-3-11-0";
+var start = "_yfwka31-3-11-0";
 export {
   autofillBackground,
   autofillCSS,

package/esm/forms/hooks/useAutofillEvent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useAutofillEvent.css.ts"],
-  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-10-4)';\nexport var autofillCSS = '_yfwka33-3-10-4';\nexport var end = '_yfwka32-3-10-4';\nexport var start = '_yfwka31-3-10-4';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-11-0)';\nexport var autofillCSS = '_yfwka33-3-11-0';\nexport var end = '_yfwka32-3-11-0';\nexport var start = '_yfwka31-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

package/esm/forms/hooks/useContainerFocus.css

@@ -1,3 +1,3 @@
-._la3ex60-3-10-4:focus {
+._la3ex60-3-11-0:focus {
   outline: none;
 }

package/esm/forms/hooks/useContainerFocus.js

@@ -4,22 +4,30 @@ import { containerRoot } from "./useContainerFocus.sty.js";
 import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
 import { getI18nValidationState } from "../forms-core/hooks/useFormFieldValidation.js";
 import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
+function isWithinOverlay(node, overlayOwnerId) {
+  return !!overlayOwnerId && node instanceof HTMLElement && !!node.closest(`[data-dt-owner="${overlayOwnerId}"]`);
+}
+function isInsideBoundary(node, container, overlayOwnerId) {
+  return container.contains(node) || isWithinOverlay(node, overlayOwnerId);
+}
 function useContainerFocus({
   onFocus,
   onBlur,
   disabled,
-  emitValidationState
+  emitValidationState,
+  getBlurValidationState,
+  overlayOwnerId,
+  shouldSuppressBlur
 }) {
   const { dispatch, state } = useFormFieldMessagesContext();
   const intl = useIntl();
   const hasFocusRef = useRef(false);
   function handleFocus(e) {
-    if (!disabled && !hasFocusRef.current) {
+    if (disabled) {
+      return;
+    }
+    if (!hasFocusRef.current) {
       hasFocusRef.current = true;
-      Object.defineProperty(e, "target", {
-        writable: true,
-        value: e.currentTarget
-      });
       onFocus?.(e);
     }
   }
@@ -30,25 +38,25 @@ function useContainerFocus({
       }
       return;
     }
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      hasFocusRef.current = false;
-      const control = e.currentTarget.querySelector("input, textarea, select");
-      control?.checkValidity();
-      dispatch?.({
-        type: FormFieldMessagesAction.SETISTOUCHED,
-        payload: { isTouched: true }
-      });
-      if (emitValidationState && !state.isTouched) {
-        emitValidationState(
-          getI18nValidationState(intl, control ?? null, "blur")
-        );
-      }
-      Object.defineProperty(e, "target", {
-        writable: true,
-        value: e.currentTarget
-      });
-      onBlur?.(e);
+    if (isInsideBoundary(e.relatedTarget, e.currentTarget, overlayOwnerId)) {
+      return;
+    }
+    if (shouldSuppressBlur?.(e.relatedTarget)) {
+      return;
+    }
+    hasFocusRef.current = false;
+    const control = e.currentTarget.querySelector("input, textarea, select");
+    control?.checkValidity();
+    dispatch?.({
+      type: FormFieldMessagesAction.SETISTOUCHED,
+      payload: { isTouched: true }
+    });
+    if (emitValidationState && !state.isTouched) {
+      emitValidationState(
+        getBlurValidationState?.() ?? getI18nValidationState(intl, control ?? null, "blur")
+      );
     }
+    onBlur?.(e);
   }
   return {
     containerClassName: containerRoot,

package/esm/forms/hooks/useContainerFocus.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useContainerFocus.ts"],
-  "sourcesContent": ["import { useRef, type FocusEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { containerRoot } from './useContainerFocus.sty.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nValidationState } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { ValidationState } from '../validation/types.js';\n\ninterface UseContainerFocusOptions<T extends HTMLElement = HTMLElement> {\n  onFocus?: (e: FocusEvent<T>) => void;\n  onBlur?: (e: FocusEvent<T>) => void;\n  disabled?: boolean;\n  emitValidationState?: (state: ValidationState) => void;\n}\n\n/**\n * Handles onFocus / onBlur for composite container components:\n * - Fires onFocus only on the first focusin (deduplicates internal focus moves).\n * - Fires onBlur only when focus genuinely leaves the container.\n * - Uses tabIndex={-1} to prevent focus escaping to document.body on clicks to non-focusable areas.\n * @internal\n */\nexport function useContainerFocus<T extends HTMLElement = HTMLElement>({\n  onFocus,\n  onBlur,\n  disabled,\n  emitValidationState,\n}: UseContainerFocusOptions<T>) {\n  const { dispatch, state } = useFormFieldMessagesContext();\n  const intl = useIntl();\n\n  // Stays true while focus is anywhere inside the container.\n  const hasFocusRef = useRef(false);\n\n  function handleFocus(e: FocusEvent<T>) {\n    if (!disabled && !hasFocusRef.current) {\n      hasFocusRef.current = true;\n      // Rewrite e.target to point to the container root (not the child element that\n      // actually received focus).\n      Object.defineProperty(e, 'target', {\n        writable: true,\n        value: e.currentTarget,\n      });\n      onFocus?.(e);\n    }\n  }\n\n  function handleBlur(e: FocusEvent<T>) {\n    if (disabled) {\n      // Reset the focus flag when focus genuinely leaves while disabled so that\n      // the next focusin after re-enabling correctly fires onFocus again.\n      if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n        hasFocusRef.current = false;\n      }\n      return;\n    }\n    // container has tabIndex={-1}, so clicks on non-focusable areas land focus\n    // on the container itself \u2014 container.contains(container) is true, so those\n    // are swallowed here and never reach onBlur.\n    if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n      hasFocusRef.current = false;\n      const control = e.currentTarget.querySelector<\n        HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n      >('input, textarea, select');\n      // `checkValidity()` (not `reportValidity()`) fires the `invalid` event the\n      // DS validation relies on without the browser's user-facing reporting \u2014\n      // `reportValidity()` refocuses the invalid control and shows the native\n      // bubble, which steals focus back on blur when an external validator (e.g.\n      // react-hook-form via `controlState`) leaves the `invalid` event\n      // uncancelled, trapping the user in the field.\n      control?.checkValidity();\n      dispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n      if (emitValidationState && !state.isTouched) {\n        emitValidationState(\n          getI18nValidationState(intl, control ?? null, 'blur'),\n        );\n      }\n      // Rewrite e.target to point to the container root (not the element that lost focus).\n      // Consumers expect the container itself as the event source.\n      Object.defineProperty(e, 'target', {\n        writable: true,\n        value: e.currentTarget,\n      });\n      onBlur?.(e);\n    }\n  }\n\n  return {\n    containerClassName: containerRoot,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    tabIndex: -1,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,cAA+B;AACxC,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAiBjC,SAAS,kBAAuD;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,EAAE,UAAU,MAAM,IAAI,4BAA4B;AACxD,QAAM,OAAO,QAAQ;AAGrB,QAAM,cAAc,OAAO,KAAK;AAEhC,WAAS,YAAY,GAAkB;AACrC,QAAI,CAAC,YAAY,CAAC,YAAY,SAAS;AACrC,kBAAY,UAAU;AAGtB,aAAO,eAAe,GAAG,UAAU;AAAA,QACjC,UAAU;AAAA,QACV,OAAO,EAAE;AAAA,MACX,CAAC;AACD,gBAAU,CAAC;AAAA,IACb;AAAA,EACF;AAEA,WAAS,WAAW,GAAkB;AACpC,QAAI,UAAU;AAGZ,UAAI,CAAC,EAAE,cAAc,SAAS,EAAE,aAA4B,GAAG;AAC7D,oBAAY,UAAU;AAAA,MACxB;AACA;AAAA,IACF;AAIA,QAAI,CAAC,EAAE,cAAc,SAAS,EAAE,aAA4B,GAAG;AAC7D,kBAAY,UAAU;AACtB,YAAM,UAAU,EAAE,cAAc,cAE9B,yBAAyB;AAO3B,eAAS,cAAc;AACvB,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,MAC7B,CAAC;AACD,UAAI,uBAAuB,CAAC,MAAM,WAAW;AAC3C;AAAA,UACE,uBAAuB,MAAM,WAAW,MAAM,MAAM;AAAA,QACtD;AAAA,MACF;AAGA,aAAO,eAAe,GAAG,UAAU;AAAA,QACjC,UAAU;AAAA,QACV,OAAO,EAAE;AAAA,MACX,CAAC;AACD,eAAS,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;",
+  "sourcesContent": ["import { useRef, type FocusEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { containerRoot } from './useContainerFocus.sty.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nValidationState } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { ValidationState } from '../validation/types.js';\n\n/** @internal */\ninterface UseContainerFocusOptions<T extends HTMLElement = HTMLElement> {\n  onFocus?: (e: FocusEvent<T>) => void;\n  onBlur?: (e: FocusEvent<T>) => void;\n  disabled?: boolean;\n  emitValidationState?: (state: ValidationState) => void;\n  /**\n   * When provided, called on blur instead of the default\n   * `getI18nValidationState(intl, control, 'blur')` to produce the\n   * ValidationState passed to `emitValidationState`. Use when the component\n   * has richer error state than native input.validity can express.\n   */\n  getBlurValidationState?: () => ValidationState;\n  /**\n   * When set, elements inside a portaled overlay tagged with\n   * `data-dt-owner=\"{overlayOwnerId}\"` are treated as part of the component\n   * boundary. Focus moving between the container and the overlay does not\n   * fire onFocus, onBlur, or SETISTOUCHED.\n   */\n  overlayOwnerId?: string;\n  /**\n   * When provided, called with the blur relatedTarget before SETISTOUCHED is\n   * dispatched. Return true to suppress the blur (no SETISTOUCHED, no onBlur).\n   *\n   * TODO: [APPDEV-19074] Temporary escape hatch for the TimeframeSelector overlay \u2014 clicking\n   * preset/recent items shifts focus outside the picker boundary, which causes\n   * SETISTOUCHED to fire and the resulting layout shift makes the click miss.\n   * Remove once the layout shift is resolved at the root.\n   */\n  shouldSuppressBlur?: (relatedTarget: Element | null) => boolean;\n}\n\n/**\n * Handles onFocus / onBlur for composite container components:\n * - Fires onFocus only on the first focusin (deduplicates internal focus moves).\n * - Fires onBlur only when focus genuinely leaves the container (and portaled overlay, if any).\n * - Dispatches SETISTOUCHED when the whole component boundary is left.\n * - Uses tabIndex={-1} to prevent focus escaping to document.body on clicks to non-focusable areas.\n * @internal\n */\nfunction isWithinOverlay(\n  node: EventTarget | null,\n  overlayOwnerId: string | undefined,\n): boolean {\n  return (\n    !!overlayOwnerId &&\n    node instanceof HTMLElement &&\n    !!node.closest(`[data-dt-owner=\"${overlayOwnerId}\"]`)\n  );\n}\n\nfunction isInsideBoundary(\n  node: EventTarget | null,\n  container: HTMLElement,\n  overlayOwnerId: string | undefined,\n): boolean {\n  return (\n    container.contains(node as Node | null) ||\n    isWithinOverlay(node, overlayOwnerId)\n  );\n}\n\n/** @internal */\nexport function useContainerFocus<T extends HTMLElement = HTMLElement>({\n  onFocus,\n  onBlur,\n  disabled,\n  emitValidationState,\n  getBlurValidationState,\n  overlayOwnerId,\n  shouldSuppressBlur,\n}: UseContainerFocusOptions<T>) {\n  const { dispatch, state } = useFormFieldMessagesContext();\n  const intl = useIntl();\n\n  // Stays true while focus is anywhere inside the container (or portaled overlay).\n  const hasFocusRef = useRef(false);\n\n  function handleFocus(e: FocusEvent<T>) {\n    if (disabled) {\n      return;\n    }\n    if (!hasFocusRef.current) {\n      hasFocusRef.current = true;\n      onFocus?.(e);\n    }\n  }\n\n  function handleBlur(e: FocusEvent<T>) {\n    if (disabled) {\n      // Reset the focus flag when focus genuinely leaves while disabled so that\n      // the next focusin after re-enabling correctly fires onFocus again.\n      if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n        hasFocusRef.current = false;\n      }\n      return;\n    }\n\n    if (isInsideBoundary(e.relatedTarget, e.currentTarget, overlayOwnerId)) {\n      return;\n    }\n\n    if (shouldSuppressBlur?.(e.relatedTarget as Element | null)) {\n      return;\n    }\n\n    // container has tabIndex={-1}, so clicks on non-focusable areas land focus\n    // on the container itself \u2014 container.contains(container) is true, so those\n    // are swallowed here and never reach onBlur.\n    hasFocusRef.current = false;\n    const control = e.currentTarget.querySelector<\n      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n    >('input, textarea, select');\n    // `checkValidity()` (not `reportValidity()`) fires the `invalid` event the\n    // DS validation relies on without the browser's user-facing reporting \u2014\n    // `reportValidity()` refocuses the invalid control and shows the native\n    // bubble, which steals focus back on blur when an external validator (e.g.\n    // react-hook-form via `controlState`) leaves the `invalid` event\n    // uncancelled, trapping the user in the field.\n    control?.checkValidity();\n    dispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n    if (emitValidationState && !state.isTouched) {\n      emitValidationState(\n        getBlurValidationState?.() ??\n          getI18nValidationState(intl, control ?? null, 'blur'),\n      );\n    }\n    onBlur?.(e);\n  }\n\n  return {\n    containerClassName: containerRoot,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    tabIndex: -1,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,cAA+B;AACxC,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AA2CxC,SAAS,gBACP,MACA,gBACS;AACT,SACE,CAAC,CAAC,kBACF,gBAAgB,eAChB,CAAC,CAAC,KAAK,QAAQ,mBAAmB,cAAc,IAAI;AAExD;AAEA,SAAS,iBACP,MACA,WACA,gBACS;AACT,SACE,UAAU,SAAS,IAAmB,KACtC,gBAAgB,MAAM,cAAc;AAExC;AAGO,SAAS,kBAAuD;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,EAAE,UAAU,MAAM,IAAI,4BAA4B;AACxD,QAAM,OAAO,QAAQ;AAGrB,QAAM,cAAc,OAAO,KAAK;AAEhC,WAAS,YAAY,GAAkB;AACrC,QAAI,UAAU;AACZ;AAAA,IACF;AACA,QAAI,CAAC,YAAY,SAAS;AACxB,kBAAY,UAAU;AACtB,gBAAU,CAAC;AAAA,IACb;AAAA,EACF;AAEA,WAAS,WAAW,GAAkB;AACpC,QAAI,UAAU;AAGZ,UAAI,CAAC,EAAE,cAAc,SAAS,EAAE,aAA4B,GAAG;AAC7D,oBAAY,UAAU;AAAA,MACxB;AACA;AAAA,IACF;AAEA,QAAI,iBAAiB,EAAE,eAAe,EAAE,eAAe,cAAc,GAAG;AACtE;AAAA,IACF;AAEA,QAAI,qBAAqB,EAAE,aAA+B,GAAG;AAC3D;AAAA,IACF;AAKA,gBAAY,UAAU;AACtB,UAAM,UAAU,EAAE,cAAc,cAE9B,yBAAyB;AAO3B,aAAS,cAAc;AACvB,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,IAC7B,CAAC;AACD,QAAI,uBAAuB,CAAC,MAAM,WAAW;AAC3C;AAAA,QACE,yBAAyB,KACvB,uBAAuB,MAAM,WAAW,MAAM,MAAM;AAAA,MACxD;AAAA,IACF;AACA,aAAS,CAAC;AAAA,EACZ;AAEA,SAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;",
   "names": []
 }

package/esm/forms/hooks/useContainerFocus.sty.js

@@ -1,5 +1,5 @@
 import "./useContainerFocus.css";
-var containerRoot = "_la3ex60-3-10-4";
+var containerRoot = "_la3ex60-3-11-0";
 export {
   containerRoot
 };

package/esm/forms/hooks/useContainerFocus.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useContainerFocus.css.ts"],
-  "sourcesContent": ["import './useContainerFocus.css';\nexport var containerRoot = '_la3ex60-3-10-4';"],
+  "sourcesContent": ["import './useContainerFocus.css';\nexport var containerRoot = '_la3ex60-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }