@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -3,8 +3,9 @@ var FormFieldMessagesAction = /* @__PURE__ */ ((FormFieldMessagesAction2) => {
   FormFieldMessagesAction2["REMOVEMESSAGE"] = "removemessage";
   FormFieldMessagesAction2["DISABLEMESSAGE"] = "disablemessage";
   FormFieldMessagesAction2["SETISTOUCHED"] = "setistouched";
-  FormFieldMessagesAction2["ADDFORMCONTROLID"] = "addformcontrolid";
-  FormFieldMessagesAction2["REMOVEFORMCONTROLID"] = "removeformcontrolid";
+  FormFieldMessagesAction2["SETFORMCONTROLID"] = "setformcontrolid";
+  FormFieldMessagesAction2["ADDMEMBERFORMCONTROLID"] = "addmemberformcontrolid";
+  FormFieldMessagesAction2["REMOVEMEMBERFORMCONTROLID"] = "removememberformcontrolid";
   return FormFieldMessagesAction2;
 })(FormFieldMessagesAction || {});
 function isFormControlPayload(payload, messageType) {
@@ -19,6 +20,15 @@ function setHTMLElementValidity(id, isValid) {
     element.setCustomValidity(isValid ? "" : " ");
   }
 }
+function pickNativeValidityTargets(state) {
+  if (state.memberFormControlIds && state.memberFormControlIds.length > 0) {
+    return state.memberFormControlIds;
+  }
+  if (state.formControlId !== void 0) {
+    return [state.formControlId];
+  }
+  return void 0;
+}
 function updateValidity(state, explicitControlId) {
   const { customMessages, formControlMessages, isTouched, isDisabled } = state;
   const hasCustomError = customMessages.some(
@@ -41,7 +51,8 @@ function updateValidity(state, explicitControlId) {
       showError: newShowError
     };
   }
-  state.controlIds?.forEach(
+  const targetControlIds = pickNativeValidityTargets(state);
+  targetControlIds?.forEach(
     (id) => setHTMLElementValidity(id, nativeValidityIsValid)
   );
   return {
@@ -91,6 +102,12 @@ function formFieldMessagesReducer(state, action) {
       (message) => message.id === remainingPayload.id
     )) {
       newState.customMessages.push(remainingPayload);
+      if (payload.messageText !== void 0) {
+        newState.customMessageTexts = {
+          ...newState.customMessageTexts ?? {},
+          [remainingPayload.id]: payload.messageText
+        };
+      }
     }
     if (remainingPayload.variant === "error") {
       newState.showError = payload.showError ?? state.showError;
@@ -116,6 +133,10 @@ function formFieldMessagesReducer(state, action) {
         }
         return message.id !== payload.id;
       });
+      if (newState.customMessageTexts?.[payload.id] !== void 0) {
+        const { [payload.id]: _, ...remaining } = newState.customMessageTexts;
+        newState.customMessageTexts = remaining;
+      }
     }
     if (!didUpdate) {
       return state;
@@ -130,20 +151,25 @@ function formFieldMessagesReducer(state, action) {
     const { payload } = action;
     newState.isTouched = payload.isTouched;
   }
-  if (action.type === "addformcontrolid" /* ADDFORMCONTROLID */) {
+  if (action.type === "setformcontrolid" /* SETFORMCONTROLID */) {
+    newState.formControlId = action.payload.formControlId;
+  }
+  if (action.type === "addmemberformcontrolid" /* ADDMEMBERFORMCONTROLID */) {
     const {
-      payload: { controlId }
+      payload: { formControlId }
     } = action;
-    newState.controlIds ??= [];
-    if (!newState.controlIds.includes(controlId)) {
-      newState.controlIds.push(controlId);
+    newState.memberFormControlIds ??= [];
+    if (!newState.memberFormControlIds.includes(formControlId)) {
+      newState.memberFormControlIds.push(formControlId);
     }
   }
-  if (action.type === "removeformcontrolid" /* REMOVEFORMCONTROLID */) {
+  if (action.type === "removememberformcontrolid" /* REMOVEMEMBERFORMCONTROLID */) {
     const {
-      payload: { controlId }
+      payload: { formControlId }
     } = action;
-    newState.controlIds = state.controlIds?.filter((id) => id !== controlId);
+    newState.memberFormControlIds = state.memberFormControlIds?.filter(
+      (id) => id !== formControlId
+    );
   }
   return updateValidity(newState);
 }

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 {\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  ADDFORMCONTROLID = 'addformcontrolid',\n  REMOVEFORMCONTROLID = 'removeformcontrolid',\n}\n\nexport type FormFieldMessagesReducerAction =\n  | {\n      type: FormFieldMessagesAction.ADDMESSAGE;\n      payload: (\n        | Omit<FormFieldControlMessage, 'id'>\n        | FormFieldCustomMessage\n      ) & { showError?: boolean };\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 };\n    }\n  | {\n      type: FormFieldMessagesAction.ADDFORMCONTROLID;\n      payload: { controlId: string };\n    }\n  | {\n      type: FormFieldMessagesAction.REMOVEFORMCONTROLID;\n      payload: { controlId: 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 * 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  state.controlIds?.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    }\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    }\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  }\n\n  if (action.type === FormFieldMessagesAction.ADDFORMCONTROLID) {\n    const {\n      payload: { controlId },\n    } = action;\n\n    newState.controlIds ??= [];\n\n    if (!newState.controlIds.includes(controlId)) {\n      newState.controlIds.push(controlId);\n    }\n  }\n\n  if (action.type === FormFieldMessagesAction.REMOVEFORMCONTROLID) {\n    const {\n      payload: { controlId },\n    } = action;\n\n    newState.controlIds = state.controlIds?.filter((id) => id !== controlId);\n  }\n\n  return updateValidity(newState);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import 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  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 };\n    }\n  | {\n      type: FormFieldMessagesAction.SETFORMCONTROLID;\n      payload: { formControlId: string | 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  }\n\n  if (action.type === FormFieldMessagesAction.SETFORMCONTROLID) {\n    newState.formControlId = action.payload.formControlId;\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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",
   "names": ["FormFieldMessagesAction"]
 }

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

@@ -6,11 +6,26 @@ function _formFieldReducer(state, action) {
   const { type, payload } = action;
   if (type === "update" /* UPDATE */) {
     return {
-      controlId: payload.id || state.controlId,
-      required: payload.required !== void 0 ? payload.required : state.required,
-      disabled: payload.disabled !== void 0 ? payload.disabled : state.disabled,
-      ariaDisabled: payload.ariaDisabled !== void 0 ? payload.ariaDisabled : state.ariaDisabled,
-      readOnly: payload.readOnly !== void 0 ? payload.readOnly : state.readOnly
+      ...state,
+      required: (
+        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        payload.required !== void 0 ? payload.required : state.required
+      ),
+      disabled: (
+        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        payload.disabled !== void 0 ? payload.disabled : state.disabled
+      ),
+      ariaDisabled: (
+        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        payload.ariaDisabled !== void 0 ? (
+          // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+          payload.ariaDisabled
+        ) : state.ariaDisabled
+      ),
+      readOnly: (
+        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        payload.readOnly !== void 0 ? payload.readOnly : state.readOnly
+      )
     };
   }
   return state;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/state/formfield-state-reducer.ts"],
-  "sourcesContent": ["import type { SharedFormFieldProps } from '../types/formfield.types.js';\n\n/**\n * @public\n */\nexport const enum FormFieldAction {\n  UPDATE = 'update',\n}\n\n/**\n * @public\n */\nexport type FormFieldReducerActionPayload = {\n  id?: string;\n  disabled?: boolean;\n  required?: boolean;\n  ariaDisabled?: boolean;\n  readOnly?: boolean;\n};\n\n/**\n * @public\n */\nexport type FormFieldReducerAction = {\n  type: FormFieldAction.UPDATE;\n  payload: FormFieldReducerActionPayload;\n};\n\n/**\n * @internal\n * FormField reducer function used for managing the FormField state.\n */\nexport function _formFieldReducer(\n  state: SharedFormFieldProps,\n  action: FormFieldReducerAction,\n): SharedFormFieldProps {\n  const { type, payload } = action;\n\n  if (type === FormFieldAction.UPDATE) {\n    return {\n      controlId: payload.id || state.controlId,\n      required:\n        payload.required !== undefined ? payload.required : state.required,\n      disabled:\n        payload.disabled !== undefined ? payload.disabled : state.disabled,\n      ariaDisabled:\n        payload.ariaDisabled !== undefined\n          ? payload.ariaDisabled\n          : state.ariaDisabled,\n      readOnly:\n        payload.readOnly !== undefined ? payload.readOnly : state.readOnly,\n    };\n  }\n\n  return state;\n}\n"],
-  "mappings": "AAKO,IAAW,kBAAX,kBAAWA,qBAAX;AACL,EAAAA,iBAAA,YAAS;AADO,SAAAA;AAAA,GAAA;AA2BX,SAAS,kBACd,OACA,QACsB;AACtB,QAAM,EAAE,MAAM,QAAQ,IAAI;AAE1B,MAAI,SAAS,uBAAwB;AACnC,WAAO;AAAA,MACL,WAAW,QAAQ,MAAM,MAAM;AAAA,MAC/B,UACE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA,MAC5D,UACE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA,MAC5D,cACE,QAAQ,iBAAiB,SACrB,QAAQ,eACR,MAAM;AAAA,MACZ,UACE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA,IAC9D;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { SharedFormFieldProps } from '../types/formfield.types.js';\n\n/**\n * @public\n */\nexport const enum FormFieldAction {\n  UPDATE = 'update',\n}\n\n/**\n * @deprecated The FormField reducer is internal state \u2014 consumers should not\n * dispatch against it. This type and every field on it will be removed with\n * APPDEV-18318. Set `disabled` / `required` / `readOnly` / `aria-disabled` on\n * the form control directly, and pass `id` to the control rather than the\n * FormField.\n * @public\n */\nexport type FormFieldReducerActionPayload = {\n  /** @deprecated Removed with APPDEV-18318. Pass `id` to the form control instead. */\n  id?: string;\n  /** @deprecated Removed with APPDEV-18318. Set on the form control directly. */\n  disabled?: boolean;\n  /** @deprecated Removed with APPDEV-18318. Set on the form control directly. */\n  required?: boolean;\n  /** @deprecated Removed with APPDEV-18318. Set `aria-disabled` on the form control directly. */\n  ariaDisabled?: boolean;\n  /** @deprecated Removed with APPDEV-18318. Set on the form control directly. */\n  readOnly?: boolean;\n};\n\n/**\n * @deprecated The FormField reducer is internal state \u2014 consumers should not\n * dispatch against it. Removed with APPDEV-18318.\n * @public\n */\nexport type FormFieldReducerAction = {\n  type: FormFieldAction.UPDATE;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  payload: FormFieldReducerActionPayload;\n};\n\n/**\n * @internal\n * FormField reducer function used for managing the FormField state.\n */\nexport function _formFieldReducer(\n  state: SharedFormFieldProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  action: FormFieldReducerAction,\n): SharedFormFieldProps {\n  const { type, payload } = action;\n\n  if (type === FormFieldAction.UPDATE) {\n    return {\n      ...state,\n      required:\n        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n        payload.required !== undefined ? payload.required : state.required,\n      disabled:\n        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n        payload.disabled !== undefined ? payload.disabled : state.disabled,\n      ariaDisabled:\n        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n        payload.ariaDisabled !== undefined\n          ? // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n            payload.ariaDisabled\n          : state.ariaDisabled,\n      readOnly:\n        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n        payload.readOnly !== undefined ? payload.readOnly : state.readOnly,\n    };\n  }\n\n  return state;\n}\n"],
+  "mappings": "AAKO,IAAW,kBAAX,kBAAWA,qBAAX;AACL,EAAAA,iBAAA,YAAS;AADO,SAAAA;AAAA,GAAA;AAwCX,SAAS,kBACd,OAEA,QACsB;AACtB,QAAM,EAAE,MAAM,QAAQ,IAAI;AAE1B,MAAI,SAAS,uBAAwB;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA;AAAA,QAEE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA;AAAA,MAC5D;AAAA;AAAA,QAEE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA;AAAA,MAC5D;AAAA;AAAA,QAEE,QAAQ,iBAAiB;AAAA;AAAA,UAErB,QAAQ;AAAA,YACR,MAAM;AAAA;AAAA,MACZ;AAAA;AAAA,QAEE,QAAQ,aAAa,SAAY,QAAQ,WAAW,MAAM;AAAA;AAAA,IAC9D;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["FormFieldAction"]
 }

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

@@ -93,7 +93,7 @@ function getSafeRegionalFormat() {
   const modifiedRegion = removeProblematicLanguagesFromRegion(region);
   try {
     new Intl.Locale(modifiedRegion);
-    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {
+    if (typeof Intl.DisplayNames.supportedLocalesOf === "function" && Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {
       throw new Error(
         `Locale "${modifiedRegion}" is not supported by Intl.DisplayNames.`
       );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/time/helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.warn(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n      // If the offset itself is an expression (e.g. \"now()\"), we cannot use its\n      // absoluteDate as a time-of-day reference \u2014 that would replace the candidate's\n      // date with the current clock time. Return the candidate ISO string as-is.\n      if (parsedOffsetDate?.type === 'expression') {\n        return isoString;\n      }\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addSeconds,\n  constructFrom,\n  ContextFn,\n  DateArg,\n  EachDayOfIntervalOptions,\n  endOfDay,\n  isBefore,\n  isSameDay,\n  startOfDay,\n} from 'date-fns';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport {\n  applyInitialTime,\n  getSecondFractions,\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from './date-time.js';\nimport { removePrecision } from './timeParser.js';\nimport { getStratoLogger } from '../../../core/sdk/sdk-logger.js';\nimport { isSimpleTimeOffset } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { type TimeValue } from '../../../core/types/time.js';\nimport { isOutsideRange } from '../../../filters/timeframe-selector/utils/timeframe-selection.js';\nimport type { CalendarState } from '../../calendar/types/shared-types.js';\n\n// Adapted from date-fns.\n// In some timezones with DST transitions at midnight (Cairo, Beirut), startOfDay may return 11 PM instead of 12 AM.\nfunction normalizeDates(\n  context: ContextFn<Date> | undefined,\n  ...dates: Array<DateArg<Date> & {}>\n): Date[] {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === 'object'),\n  );\n  return dates.map(normalize);\n}\n\n/**\n * Returns an array of dates within the specified time interval.\n *\n * @returns An array with starts of days from the day of the interval start to the day of the interval end\n *\n * @example\n * Each day between 6 October 2014 and 10 October 2014:\n * const result = eachDayOfInterval({\n *   start: new Date(2014, 9, 6),\n *   end: new Date(2014, 9, 10)\n * })\n * => [\n *    Mon Oct 06 2014 00:00:00,\n *    Tue Oct 07 2014 00:00:00,\n *    Wed Oct 08 2014 00:00:00,\n *    Thu Oct 09 2014 00:00:00,\n *    Fri Oct 10 2014 00:00:00\n *  ]\n *\n * @internal\n */\nexport function eachDayOfInterval(\n  interval: { start: TZDate | number | string; end: TZDate | number | string },\n  options?: EachDayOfIntervalOptions<TZDate>,\n): TZDate[] {\n  const [start, end] = normalizeDates(\n    options?.in,\n    interval.start,\n    interval.end,\n  );\n  let reversed = +start > +end;\n  const endTime = reversed ? +start : +end;\n  const date = reversed ? end : start;\n\n  date.setHours(0, 0, 0, 0);\n\n  let step = options?.step ?? 1;\n  if (!step) {\n    return [];\n  }\n  if (step < 0) {\n    step = -step;\n    reversed = !reversed;\n  }\n\n  const dates: TZDate[] = [];\n\n  while (+date <= endTime) {\n    dates.push(constructFrom(start, date));\n    date.setHours(date.getHours() + step * 24 + 1);\n    date.setHours(0);\n  }\n\n  return reversed ? dates.reverse() : dates;\n}\n\n/**\n * Sanitizes Timeframe to have a from date that comes before the to date and ensures the times are applied properly.\n * @internal\n */\nexport function sortTimeframeValues(\n  value: { from: TimeValue | null; to: TimeValue | null },\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (\n    value?.from?.absoluteDate &&\n    value?.to?.absoluteDate &&\n    isBefore(value.to.absoluteDate, value.from.absoluteDate)\n  ) {\n    // Swaps the `from` and the `to`, to ensure `from` is before `to`.\n    // Since the times should be kept on the position, the time value must be reevaluated with the new time offsets.\n    return {\n      from: getTimeValueFromSimpleValue(\n        value.to.value,\n        value.from.value,\n        'from',\n        value.to.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n      to: getTimeValueFromSimpleValue(\n        value.from.value,\n        value.to.value,\n        'to',\n        value.from.type === 'expression',\n        min,\n        max,\n        precision,\n      ),\n    };\n  }\n\n  return {\n    from: value?.from,\n    to: value?.to,\n  };\n}\n\nlet hasLoggedSafeRegionalFormatError = false;\n\nexport function resetRegionalFormatErrorFlag() {\n  hasLoggedSafeRegionalFormatError = false;\n}\n\n/**\n * Returns a \"safe\" regional format string by replacing problematic language codes\n * with 'en' (English) while preserving the region, and by removing any extra subtags.\n * This is used to avoid issues with certain languages or day period formats that may\n * not be supported or may cause formatting errors.\n *\n * - If the language part of the locale is in a known problematic list, it is replaced with 'en'.\n * - If the locale contains more than two subtags (e.g., 'ja-JP-u-ca-japanese'), it is truncated to 'ja-JP'.\n *\n * @internal\n */\nexport function getSafeRegionalFormat(): string {\n  const region = getRegionalFormat();\n  const modifiedRegion = removeProblematicLanguagesFromRegion(region);\n\n  try {\n    new Intl.Locale(modifiedRegion);\n    if (\n      typeof Intl.DisplayNames.supportedLocalesOf === 'function' &&\n      Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0\n    ) {\n      throw new Error(\n        `Locale \"${modifiedRegion}\" is not supported by Intl.DisplayNames.`,\n      );\n    }\n    return modifiedRegion;\n  } catch (error) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const logger = getStratoLogger('Date-Component');\n    if (!hasLoggedSafeRegionalFormatError) {\n      logger.warn(`Invalid regional format \"${region}\" encountered.`, error, {\n        region,\n        modifiedRegion,\n      });\n      hasLoggedSafeRegionalFormatError = true;\n    }\n    return 'en-US';\n  }\n}\n\nconst removeProblematicLanguagesFromRegion = (region: string) => {\n  const problematicLanguages = [\n    // Non-Arabic numerals.\n    'ar',\n    'as',\n    'bgc',\n    'bho',\n    'bn',\n    'ccp',\n    'ckb',\n    'dz',\n    'fa',\n    'ff',\n    'ks',\n    'lrc',\n    'mni',\n    'mr',\n    'my',\n    'mzn',\n    'ne',\n    'pa',\n    'ps',\n    'raj',\n    'sa',\n    'sat',\n    'sd',\n    'ur',\n    'uz',\n    // Problematic day period.\n    'ak',\n    'bem',\n    'bo',\n    'ee',\n    'ha',\n    'hi',\n    'kok',\n    'mai',\n    'naq',\n    'nus',\n    'pt',\n    'sq',\n    'ti',\n    'to',\n    'yue',\n    'zh',\n    'tw',\n    'bh',\n    // Non gregorian calendars.\n    'th',\n  ];\n\n  let safeRegionalFormat = region;\n\n  if (!safeRegionalFormat) {\n    return 'en-US';\n  }\n\n  if (safeRegionalFormat.split('-')[1] === undefined) {\n    return 'en-' + safeRegionalFormat.split('-')[0];\n  }\n\n  // If the language code is problematic, replace it with 'en'.\n  if (\n    problematicLanguages.find(\n      (lang) => lang === safeRegionalFormat.split('-')[0].toLocaleLowerCase(),\n    )\n  ) {\n    safeRegionalFormat = 'en-' + safeRegionalFormat.split('-')[1];\n  }\n\n  // If there are more than two subtags, truncate to language-region only.\n  // For example, 'ja-JP-u-ca-japanese'\n  if (safeRegionalFormat.split('-')[3]) {\n    return safeRegionalFormat.split('-').slice(0, 2).join('-');\n  }\n\n  return safeRegionalFormat;\n};\n\n/**\n * Gets the dayPeriod values such as AM/PM, a.m./p.m. etc. depending on the user's region.\n * @internal\n */\nexport const getDayPeriodValues = () => {\n  const dayPeriod = new Intl.DisplayNames(getSafeRegionalFormat(), {\n    type: 'dateTimeField',\n  }).of('dayPeriod');\n\n  // Intl does sometimes return just 'Dayperiod' instead of the 'AM/PM'.\n  if (!dayPeriod?.split('/')[1]) {\n    return ['AM', 'PM'];\n  }\n\n  return dayPeriod.split('/');\n};\n\n/**\n * parses a timeValue and converts it to a TZDate.\n * @internal\n */\nexport function timeValueToDate(\n  timeValue: TimeValue | undefined,\n  relativeDate: number,\n): TZDate | null {\n  if (!timeValue) {\n    return null;\n  }\n  const parsedString = parseTimeAsTimeValue(timeValue?.value, relativeDate);\n  return parsedString?.absoluteDate\n    ? new TZDateMini(parsedString.absoluteDate, getTimezone())\n    : null;\n}\n\n/**\n * Converts a given Date or ISO string to the TimeValue structure for the calendar value.\n * @internal\n */\nexport const getTimeValueFromSimpleValue = (\n  candidate?: string | Date | null,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds',\n): TimeValue | null => {\n  if (!candidate) {\n    return null;\n  }\n\n  const stringDate =\n    typeof candidate === 'string' ? candidate : candidate.toISOString();\n  const timezone = getTimezone();\n  const date = new TZDateMini(stringDate, timezone);\n\n  const minDate = new TZDateMini(\n    removePrecision(min?.absoluteDate ?? '', precision),\n    timezone,\n  );\n  // Enforce min boundary if candidate is before min and position is not 'to'.\n  if (\n    min &&\n    position !== 'to' &&\n    isOutOfBounds(startOfDay(date), min) &&\n    isSameDay(minDate, date)\n  ) {\n    if (min.type === 'expression') {\n      return min;\n    }\n\n    const offsetByPrecision = { milliseconds: 0, seconds: 1, minutes: 60 };\n\n    const offsetSeconds =\n      // Only add the offset when the min has different precision than the calendar.\n      minDate.getTime() === new TZDateMini(min.absoluteDate, timezone).getTime()\n        ? 0\n        : offsetByPrecision[precision as keyof typeof offsetByPrecision] ?? 0;\n\n    // Add one minute/second depending on the precision to keep the timeValue larger than the min.\n    const parsedMin = parseTimeAsTimeValue(\n      addSeconds(minDate, offsetSeconds).toISOString(),\n      undefined,\n      precision,\n    );\n\n    if (parsedMin && isSameDay(minDate, date)) {\n      return parsedMin;\n    }\n  }\n\n  // Enforce max boundary if candidate is after max and position is not 'from'.\n  if (\n    max &&\n    position !== 'from' &&\n    isOutOfBounds(endOfDay(date), undefined, max) &&\n    isSameDay(new TZDateMini(max.absoluteDate, timezone), date)\n  ) {\n    return max;\n  }\n\n  const parsedDate = parseTimeAsTimeValue(stringDate, undefined, precision);\n  if (!parsedDate) {\n    return null;\n  }\n\n  const isRelativeExpression = isExpression || parsedDate.type === 'expression';\n\n  // Preserve the original absoluteDate (including its time component) when precision\n  // is 'day'. The time is used internally to resolve the correct calendar date once precision is applied.\n  const resolvedDate =\n    precision === 'day'\n      ? parsedDate.absoluteDate\n      : _getPreciseIsoString(\n          parsedDate.absoluteDate,\n          timeOffset,\n          position,\n          isRelativeExpression,\n        );\n\n  return isRelativeExpression\n    ? { ...parsedDate, absoluteDate: resolvedDate, type: 'expression' }\n    : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };\n};\n\n/** Applies the proper timeoffset and returns the date as ISO String. */\nfunction _getPreciseIsoString(\n  isoString: string,\n  timeOffset?: StringTimeOffset,\n  position?: CalendarState['position'],\n  isExpression?: boolean,\n) {\n  if (!timeOffset) {\n    return isoString;\n  }\n\n  const offsetDate = isSimpleTimeOffset(timeOffset)\n    ? timeOffset\n    : timeOffset[position ?? 'from'];\n\n  const date = new TZDateMini(isoString, getTimezone());\n\n  if (isExpression) {\n    return date.toISOString();\n  }\n\n  switch (offsetDate) {\n    case 'startOfDay':\n      return startOfDay(date).toISOString();\n    case 'endOfDay':\n      return endOfDay(date).toISOString();\n    default: {\n      if (isoString === offsetDate) {\n        return isoString;\n      }\n\n      const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);\n      // If the offset itself is an expression (e.g. \"now()\"), we cannot use its\n      // absoluteDate as a time-of-day reference \u2014 that would replace the candidate's\n      // date with the current clock time. Return the candidate ISO string as-is.\n      if (parsedOffsetDate?.type === 'expression') {\n        return isoString;\n      }\n      const precision = getSecondFractions(offsetDate);\n      return applyInitialTime(isoString, offsetDate, precision);\n    }\n  }\n}\n\n/**\n * For 'date' type, it adjusts the time by the timezone offset to ensure the\n * date is correct without time information.\n * For 'time' and 'datetime' types, it returns the ISO string as is.\n */\nexport const convertDateOnlyToDateTime = (\n  isoString: string | undefined,\n  type: 'time' | 'date' | 'datetime' | undefined,\n): string => {\n  if (type === 'date') {\n    const newDate = new TZDateMini(isoString ?? '', getTimezone());\n    if (!isNaN(newDate.getTime())) {\n      newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());\n      return newDate.toISOString();\n    }\n  }\n  return isoString ?? '';\n};\n\n/**\n * Converts a raw TimeValue to the correct calendarValue shape.\n * When precision is 'day', the absoluteDate/value fields must contain a full\n * ISO datetime string (produced by convertDateOnlyToDateTime) rather than the\n * date-only string stored in dateTimePickerValue.\n */\nexport function toCalendarValue(\n  value: TimeValue | null | undefined,\n  precision: Precision | undefined,\n): TimeValue | null {\n  if (!value || value.absoluteDate === '') {\n    return null;\n  }\n  if (precision === 'day') {\n    const converted = convertDateOnlyToDateTime(value.absoluteDate, 'date');\n    if (converted) {\n      return { absoluteDate: converted, value: converted, type: 'iso8601' };\n    }\n  }\n  return value;\n}\n\n/**\n * Filters the Grail min or max date.\n * Returns `undefined` if the provided limit is the default Grail min or max and the value is not outside the Grail range.\n * Otherwise, returns the custom min or max limit.\n * @internal\n */\nexport function filterOutGrailLimit(\n  value: {\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  } | null,\n  limit?: string,\n): string | undefined {\n  const isOutsideGrailLimit = isOutsideRange(\n    value,\n    GRAIL_MIN_DATE,\n    GRAIL_MAX_DATE,\n  );\n\n  return (limit === GRAIL_MIN_DATE || limit === GRAIL_MAX_DATE) &&\n    !isOutsideGrailLimit\n    ? undefined\n    : limit;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-7-1 {
+@keyframes _yfwka31-3-9-0 {
 
 }
-@keyframes _yfwka32-3-7-1 {
+@keyframes _yfwka32-3-9-0 {
 
 }
-._yfwka33-3-7-1:-webkit-autofill:is(._yfwka33-3-7-1,:hover,:focus) {
+._yfwka33-3-9-0:-webkit-autofill:is(._yfwka33-3-9-0,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-7-1) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-9-0) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-7-1:-webkit-autofill {
-  animation-name: _yfwka31-3-7-1;
+._yfwka33-3-9-0:-webkit-autofill {
+  animation-name: _yfwka31-3-9-0;
   animation-duration: 0.001s;
 }
-._yfwka33-3-7-1:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-7-1;
+._yfwka33-3-9-0:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-9-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-7-1)";
-var autofillCSS = "_yfwka33-3-7-1";
-var end = "_yfwka32-3-7-1";
-var start = "_yfwka31-3-7-1";
+var autofillBackground = "var(--_yfwka30-3-9-0)";
+var autofillCSS = "_yfwka33-3-9-0";
+var end = "_yfwka32-3-9-0";
+var start = "_yfwka31-3-9-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-7-1)';\nexport var autofillCSS = '_yfwka33-3-7-1';\nexport var end = '_yfwka32-3-7-1';\nexport var start = '_yfwka31-3-7-1';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-9-0)';\nexport var autofillCSS = '_yfwka33-3-9-0';\nexport var end = '_yfwka32-3-9-0';\nexport var start = '_yfwka31-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

package/esm/forms/index.js

@@ -29,6 +29,12 @@ import {
   isFormControlRef,
   isFormControlWithOverlayRef
 } from "./shared-types.js";
+import {
+  NativeValidityStateKeys,
+  StratoValidityStateKeys,
+  ValidationError,
+  ValidityStateKey
+} from "./validation/types.js";
 import { NumberSpinButton } from "./spin-buttons/number-spin-button/NumberSpinButton.js";
 import { SpinButtonGroup } from "./spin-buttons/spin-button-group/SpinButtonGroup.js";
 import { TextSpinButton } from "./spin-buttons/text-spin-button/TextSpinButton.js";
@@ -47,6 +53,7 @@ export {
   FormFieldMessages,
   Hint,
   Label,
+  NativeValidityStateKeys,
   NumberInput,
   NumberInput2 as NumberInputV2,
   PasswordInput,
@@ -65,10 +72,13 @@ export {
   SelectPrefix,
   SelectSuffix,
   SelectTrigger,
+  StratoValidityStateKeys,
   Switch,
   TextArea,
   TextInput,
   ToggleButtonGroup,
+  ValidationError,
+  ValidityStateKey,
   Calendar as _Calendar,
   DateTimeRangePicker as _DateTimeRangePicker,
   _FormFieldContext,

package/esm/forms/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/index.ts"],
-  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  FormFieldReducerAction,\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { Hint } from './forms-core/components/hint/Hint.js';\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\nexport type { SearchInputStepperProps } from './search-input/Stepper.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
-  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAQlC,SAAS,yBAAyB;AAQlC,SAAS,YAAY;AAErB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAI5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
+  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerAction,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { Hint } from './forms-core/components/hint/Hint.js';\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\nexport type { SearchInputStepperProps } from './search-input/Stepper.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport {\n  NativeValidityStateKeys,\n  StratoValidityStateKeys,\n  ValidationError,\n  ValidityStateKey,\n} from './validation/types.js';\nexport type {\n  NativeValidityStateKey,\n  StratoValidityStateKey,\n  ValidationErrorOptions,\n  ValidationErrorSource,\n  ValidationState,\n  ValidationStatus,\n  ValidationTrigger,\n} from './validation/types.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
+  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAUlC,SAAS,yBAAyB;AAQlC,SAAS,YAAY;AAErB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAI5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
   "names": ["NumberInput"]
 }

package/esm/forms/number-input/NumberInputBase.js

@@ -13,17 +13,15 @@ import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useControllableState } from "../../core/hooks/useControllableState.js";
 import { useFocusRing } from "../../core/hooks/useFocusRing.js";
-import { useFormControlState } from "../../core/hooks/useFormControlState.js";
 import { mergeProps as _mergeProps } from "../../core/utils/merge-props.js";
 import { Flex } from "../../layouts/flex/Flex.js";
 import { inputGroupClassName } from "../../layouts/input-group/InputGroup.sty.js";
 import * as styles from "../_base-input/BaseInput.sty.js";
 import { InternalBaseItem as BaseItem } from "../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js";
-import { useSyncedFormControlProps } from "../forms-core/hooks/useSyncedFormControlProps.js";
+import { useFormControl } from "../forms-core/hooks/useFormControl.js";
 import { getSafeRegionalFormat } from "../forms-core/time/helpers.js";
 import { autofillCSS } from "../hooks/useAutofillEvent.sty.js";
 import { useAutofillEvent } from "../hooks/useAutofillEvent.js";
-import { useInputHint } from "../hooks/useInputHint.js";
 const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const intl = useIntl();
   const defaultPlaceholder = intl.formatMessage({
@@ -70,13 +68,19 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     required,
     id: contextId,
     ariaDisabled,
-    readOnly: isReadOnly
-  } = useSyncedFormControlProps({
+    readOnly: isReadOnly,
+    inputProps: inputHintAriaProps,
+    hintProps,
+    hint,
+    showError: hasError
+  } = useFormControl({
     propDisabled,
     propRequired,
     propId,
     propAriaDisabled: ariaDisabledProp,
-    propReadOnly
+    propReadOnly,
+    controlState,
+    validationVisibility: "immediate"
   });
   const disabledOrAriaDisabled = disabled || ariaDisabled || false;
   const state = useNumberFieldState({
@@ -151,11 +155,6 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     defaultValue: inputDefaultValue,
     value: inputPropsValue?.toString()
   });
-  const [hasError, hint] = useFormControlState(controlState);
-  const { inputProps: inputHintAriaProps, hintProps } = useInputHint({
-    hint,
-    hasError
-  });
   const { isAutoFilled, onAnimationStart } = useAutofillEvent();
   const handleInputChange = (event) => {
     remainingInputProps?.onChange?.(event);