@dynatrace/strato-components 3.12.2 → 3.13.2

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessages.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ReactNode,\n  forwardRef,\n  useContext,\n  useEffect,\n  useSyncExternalStore,\n} from 'react';\n\nimport { FormFieldMessageItem } from './FormFieldMessageItem.js';\nimport * as styles from './FormFieldMessages.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { DOMProps } from '../../../../core/types/dom.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { FormContext } from '../../../form/context/FormContext.js';\nimport type {\n  ValidationError,\n  ValidationErrorSource,\n} from '../../../validation/types.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../state/formfield-messages-state-reducer.js';\nimport type { FormFieldControlMessage } from '../../types/formfield-messages.types.js';\n\nconst EMPTY_RUNTIME_MESSAGES: ValidationError[] = [];\nconst noopSubscribe = () => () => undefined;\n\nconst SOURCE_PRIORITY: Record<ValidationErrorSource, number> = {\n  custom: 0,\n  strato: 1,\n  native: 2,\n};\n\nfunction RuntimeFieldMessageRegistration({\n  error,\n  controlId,\n}: {\n  error: ValidationError;\n  controlId: string;\n}) {\n  const { dispatch } = useFormFieldMessagesContext();\n  const id = `runtime-${error.validityStateKey.toString()}-${error.message}`;\n\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id,\n        message: error.message,\n        validityStateKey: error.validityStateKey.toString(),\n        messageType: 'formcontrol',\n        variant: 'error',\n        source: error.source,\n        controlId,\n        showError: true,\n      },\n    });\n\n    return () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id, messageType: 'formcontrol', controlId },\n      });\n    };\n  }, [\n    controlId,\n    dispatch,\n    error.message,\n    error.source,\n    error.validityStateKey,\n    id,\n  ]);\n\n  return null;\n}\n\n/**\n * Properties for the FormFieldMessages component.\n * @public\n */\nexport type FormFieldMessageProps = MaskingProps &\n  StylingProps &\n  DataTestId &\n  DOMProps &\n  BehaviorTrackingProps & {\n    children?:\n      | ((messages: FormFieldControlMessage[]) => ReactNode[] | ReactNode)\n      | ReactNode;\n  };\n\n/**\n * Component to display FormFieldMessages coming from the form control.\n */\nconst FormFieldMessagesRoot = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  FormFieldMessageProps\n>((FormFieldMessageProps, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    id,\n    ...remainingProps\n  } = FormFieldMessageProps;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { state, fieldMessagesContainerId, routesAwayFromField } =\n    useFormFieldMessagesContext();\n  const { disabled, ariaDisabled } = useFormFieldContext();\n  const formContext = useContext(FormContext);\n  const formControlId = state.formControlId;\n\n  const runtimeMessages = useSyncExternalStore(\n    formContext?.runtime.subscribe ?? noopSubscribe,\n    () =>\n      formContext?.runtime && formControlId !== undefined\n        ? formContext.runtime.getFieldMessages(formControlId)\n        : EMPTY_RUNTIME_MESSAGES,\n  );\n\n  const errorMessages = state.formControlMessages.filter(\n    (message) => message.variant === 'error',\n  );\n\n  const visibleErrorMessages = routesAwayFromField\n    ? errorMessages.filter((message) => message.source === 'custom')\n    : errorMessages;\n\n  const internalHintMessages = state.formControlMessages.filter(\n    (message) => message.variant === 'hint',\n  );\n\n  const externalHintMessages = state.customMessages.filter(\n    (message) => message.variant === 'hint',\n  );\n\n  const hintMessages = [...internalHintMessages, ...externalHintMessages];\n\n  const activeSource = visibleErrorMessages.reduce<\n    ValidationErrorSource | undefined\n  >((best, msg) => {\n    if (!msg.source) {\n      return best;\n    }\n    if (best === undefined) {\n      return msg.source;\n    }\n    return SOURCE_PRIORITY[msg.source] < SOURCE_PRIORITY[best]\n      ? msg.source\n      : best;\n  }, undefined);\n  const suppressedErrorMessages =\n    activeSource === undefined\n      ? visibleErrorMessages\n      : visibleErrorMessages.filter(\n          (msg) => !msg.source || msg.source === activeSource,\n        );\n\n  // Render function receives all errors (unsuppressed) so consumers can override suppression.\n  const formMessages = state.showError\n    ? visibleErrorMessages\n    : internalHintMessages;\n\n  // When every error has been routed to another outlet, there is nothing to show\n  // inline even though `showError` is true \u2014 collapse the container in that case.\n  const hasVisibleErrorsToShow =\n    state.showError && suppressedErrorMessages.length > 0;\n\n  const autoErrorItems = state.showError\n    ? suppressedErrorMessages.map((message) => (\n        <FormFieldMessages.Item\n          disabled={disabled || ariaDisabled}\n          {...message}\n          key={message.id}\n        />\n      ))\n    : null;\n\n  let content: ReactNode[] | ReactNode = null;\n  // Check if there is content to render. The content variable can contain:\n  // - Auto-generated error items (when showError && errors exist && no consumer errors)\n  // - Auto-generated hint messages (when showError is false)\n  // - Consumer-provided children/error items (handled by FormFieldMessageItem)\n  // Treat falsy-but-defined content (`false`, `0`, `''`) as absent \u2014 a common\n  // `{condition && <Item/>}` pattern passes `false`, which must not keep the\n  // container visible with nothing inside it.\n  let hasConsumerChildren = Boolean(children);\n  if (typeof children === 'function') {\n    content = children(formMessages);\n\n    if (content === undefined || content === null) {\n      hasConsumerChildren = false;\n    }\n  } else if (children !== undefined && children !== null) {\n    // Errors displace consumer-supplied children so hint slots disappear when\n    // validation fires \u2014 consumers don't have to manage visibility manually.\n    // Exception: when the consumer provides their own error items (registered in\n    // customMessages), those take priority and we keep the consumer's children so\n    // FormFieldMessageItem can handle their own visibility (shown when showError).\n    const hasConsumerErrors = state.customMessages.some(\n      (m) => m.variant === 'error',\n    );\n    content =\n      state.showError &&\n      suppressedErrorMessages.length > 0 &&\n      !hasConsumerErrors\n        ? autoErrorItems\n        : children;\n  } else {\n    const autoMessages = state.showError\n      ? suppressedErrorMessages\n      : internalHintMessages;\n    content = autoMessages.map((message) => (\n      <FormFieldMessages.Item\n        disabled={disabled || ariaDisabled}\n        {...message}\n        key={message.id}\n      />\n    ));\n  }\n\n  const hideMessages =\n    !hasVisibleErrorsToShow &&\n    hintMessages.length === 0 &&\n    !hasConsumerChildren;\n\n  return (\n    <Flex\n      ref={forwardedRef}\n      /**\n       * We always need to render the FormFieldMessageItems so that they can register in the context and update the form state correctly.\n       * However, we only want to display them when they are a hint or if showError is true.\n       */\n      id={id ?? fieldMessagesContainerId}\n      flexDirection=\"column\"\n      aria-live=\"polite\"\n      style={{ ...consumerStyle }}\n      className={clsx(consumerClassName, styles.formFieldMessages)}\n      aria-hidden={hideMessages}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dtrum-mask={dataDtrumMask}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      {formControlId !== undefined &&\n        runtimeMessages.map((error) => (\n          <RuntimeFieldMessageRegistration\n            key={`${error.validityStateKey.toString()}:${error.message}`}\n            error={error}\n            controlId={formControlId}\n          />\n        ))}\n      {content}\n    </Flex>\n  );\n});\n\n(\n  FormFieldMessagesRoot as typeof FormFieldMessagesRoot & {\n    displayName: string;\n  }\n).displayName = 'FormFieldMessages';\n\n/**\n * @public\n */\nexport const FormFieldMessages = Object.assign(FormFieldMessagesRoot, {\n  Item: FormFieldMessageItem,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ReactNode,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useSyncExternalStore,\n} from 'react';\n\nimport { FormFieldMessageItem } from './FormFieldMessageItem.js';\nimport * as styles from './FormFieldMessages.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { DOMProps } from '../../../../core/types/dom.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { FormContext } from '../../../form/context/FormContext.js';\nimport { FormValidationError } from '../../../form/form-error-classes.js';\nimport type {\n  ValidationError,\n  ValidationErrorSource,\n} from '../../../validation/types.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../state/formfield-messages-state-reducer.js';\nimport type { FormFieldControlMessage } from '../../types/formfield-messages.types.js';\n\nconst EMPTY_RUNTIME_MESSAGES: ValidationError[] = [];\nconst noopSubscribe = () => () => undefined;\n\nconst SOURCE_PRIORITY: Record<ValidationErrorSource, number> = {\n  custom: 0,\n  strato: 1,\n  native: 2,\n};\n\nfunction RuntimeFieldMessageRegistration({\n  error,\n  controlId,\n}: {\n  error: ValidationError;\n  controlId: string;\n}) {\n  const { dispatch } = useFormFieldMessagesContext();\n  const id = `runtime-${error.validityStateKey.toString()}-${error.message}`;\n\n  useEffect(() => {\n    // FormValidationError is already rendered by FormMessages at the form level.\n    // Use 'strato' source so the routesAwayFromField filter suppresses the\n    // inline message while still driving showError = true for error styling.\n    const source =\n      error instanceof FormValidationError ? 'strato' : error.source;\n\n    dispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id,\n        message: error.message,\n        validityStateKey: error.validityStateKey.toString(),\n        messageType: 'formcontrol',\n        variant: 'error',\n        source,\n        controlId,\n        showError: true,\n      },\n    });\n\n    return () => {\n      dispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id, messageType: 'formcontrol', controlId },\n      });\n    };\n  }, [controlId, dispatch, error, error.message, error.validityStateKey, id]);\n\n  return null;\n}\n\n/**\n * Validation insight passed to the `FormFieldMessages` render function, alongside its messages.\n * @public\n */\nexport type FormFieldValidationState = {\n  /**\n   * Whether a potential error \u2014 internal (formcontrol) or external (custom) \u2014 would now be\n   * visible for this field. This tracks the field's reveal gate (touched/blurred/submitted and\n   * not disabled), not the presence of an error: it stays `true` once revealed even while the\n   * field is currently valid, so a later error shows immediately without a further gate.\n   */\n  showErrors: boolean;\n  /**\n   * Whether the field currently holds at least one error, regardless of `showErrors`.\n   */\n  isValid: boolean;\n};\n\n/**\n * Properties for the FormFieldMessages component.\n * @public\n */\nexport type FormFieldMessageProps = MaskingProps &\n  StylingProps &\n  DataTestId &\n  DOMProps &\n  BehaviorTrackingProps & {\n    children?:\n      | ((\n          messages: FormFieldControlMessage[],\n          validationState: FormFieldValidationState,\n        ) => ReactNode[] | ReactNode)\n      | ReactNode;\n  };\n\n/**\n * Component to display FormFieldMessages coming from the form control.\n */\nconst FormFieldMessagesRoot = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  FormFieldMessageProps\n>((FormFieldMessageProps, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    id,\n    ...remainingProps\n  } = FormFieldMessageProps;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { state, fieldMessagesContainerId, routesAwayFromField } =\n    useFormFieldMessagesContext();\n  const { disabled, ariaDisabled } = useFormFieldContext();\n  const formContext = useContext(FormContext);\n  const formControlId = state.formControlId;\n\n  const runtimeMessages = useSyncExternalStore(\n    formContext?.runtime.subscribe ?? noopSubscribe,\n    () =>\n      formContext?.runtime && formControlId !== undefined\n        ? formContext.runtime.getFieldMessages(formControlId)\n        : EMPTY_RUNTIME_MESSAGES,\n  );\n\n  const errorMessages = state.formControlMessages.filter(\n    (message) => message.variant === 'error',\n  );\n\n  const visibleErrorMessages = routesAwayFromField\n    ? errorMessages.filter((message) => message.source === 'custom')\n    : errorMessages;\n\n  const internalHintMessages = state.formControlMessages.filter(\n    (message) => message.variant === 'hint',\n  );\n\n  const externalHintMessages = state.customMessages.filter(\n    (message) => message.variant === 'hint',\n  );\n\n  const hintMessages = [...internalHintMessages, ...externalHintMessages];\n\n  const activeSource = visibleErrorMessages.reduce<\n    ValidationErrorSource | undefined\n  >((best, msg) => {\n    if (!msg.source) {\n      return best;\n    }\n    if (best === undefined) {\n      return msg.source;\n    }\n    return SOURCE_PRIORITY[msg.source] < SOURCE_PRIORITY[best]\n      ? msg.source\n      : best;\n  }, undefined);\n  const suppressedErrorMessages =\n    activeSource === undefined\n      ? visibleErrorMessages\n      : visibleErrorMessages.filter(\n          (msg) => !msg.source || msg.source === activeSource,\n        );\n\n  // Render function receives all errors (unsuppressed) so consumers can override suppression.\n  const formMessages = state.showError\n    ? visibleErrorMessages\n    : internalHintMessages;\n\n  // Mirrors the reducer's reveal gate (see formfield-messages-state-reducer.ts) but without its\n  // `&& !newIsValid` factor, so this stays `true` once revealed even if the field is currently\n  // valid \u2014 unlike `state.showError`, which is only ever true while an error also exists.\n  const showErrors =\n    !state.isDisabled && (state.showError || (state.isTouched ?? false));\n\n  const isValid = state.isValid ?? true;\n\n  const validationState = useMemo<FormFieldValidationState>(\n    () => ({ showErrors, isValid }),\n    [showErrors, isValid],\n  );\n\n  // When every error has been routed to another outlet, there is nothing to show\n  // inline even though `showError` is true \u2014 collapse the container in that case.\n  const hasVisibleErrorsToShow =\n    state.showError && suppressedErrorMessages.length > 0;\n\n  const autoErrorItems = state.showError\n    ? suppressedErrorMessages.map((message) => (\n        <FormFieldMessages.Item\n          disabled={disabled || ariaDisabled}\n          {...message}\n          key={message.id}\n        />\n      ))\n    : null;\n\n  let content: ReactNode[] | ReactNode = null;\n  // Check if there is content to render. The content variable can contain:\n  // - Auto-generated error items (when showError && errors exist && no consumer errors)\n  // - Auto-generated hint messages (when showError is false)\n  // - Consumer-provided children/error items (handled by FormFieldMessageItem)\n  // Treat falsy-but-defined content (`false`, `0`, `''`) as absent \u2014 a common\n  // `{condition && <Item/>}` pattern passes `false`, which must not keep the\n  // container visible with nothing inside it.\n  let hasConsumerChildren = Boolean(children);\n  if (typeof children === 'function') {\n    content = children(formMessages, validationState);\n\n    if (content === undefined || content === null) {\n      hasConsumerChildren = false;\n    }\n  } else if (children !== undefined && children !== null) {\n    // Errors displace consumer-supplied children so hint slots disappear when\n    // validation fires \u2014 consumers don't have to manage visibility manually.\n    // Exception: when the consumer provides their own error items (registered in\n    // customMessages), those take priority and we keep the consumer's children so\n    // FormFieldMessageItem can handle their own visibility (shown when showError).\n    const hasConsumerErrors = state.customMessages.some(\n      (m) => m.variant === 'error',\n    );\n    content =\n      state.showError &&\n      suppressedErrorMessages.length > 0 &&\n      !hasConsumerErrors\n        ? autoErrorItems\n        : children;\n  } else {\n    const autoMessages = state.showError\n      ? suppressedErrorMessages\n      : internalHintMessages;\n    content = autoMessages.map((message) => (\n      <FormFieldMessages.Item\n        disabled={disabled || ariaDisabled}\n        {...message}\n        key={message.id}\n      />\n    ));\n  }\n\n  const hideMessages =\n    !hasVisibleErrorsToShow &&\n    hintMessages.length === 0 &&\n    !hasConsumerChildren;\n\n  return (\n    <Flex\n      ref={forwardedRef}\n      /**\n       * We always need to render the FormFieldMessageItems so that they can register in the context and update the form state correctly.\n       * However, we only want to display them when they are a hint or if showError is true.\n       */\n      id={id ?? fieldMessagesContainerId}\n      flexDirection=\"column\"\n      aria-live=\"polite\"\n      style={{ ...consumerStyle }}\n      className={clsx(consumerClassName, styles.formFieldMessages)}\n      aria-hidden={hideMessages}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dtrum-mask={dataDtrumMask}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      {formControlId !== undefined &&\n        runtimeMessages.map((error) => (\n          <RuntimeFieldMessageRegistration\n            key={`${error.validityStateKey.toString()}:${error.message}`}\n            error={error}\n            controlId={formControlId}\n          />\n        ))}\n      {content}\n    </Flex>\n  );\n});\n\n(\n  FormFieldMessagesRoot as typeof FormFieldMessagesRoot & {\n    displayName: string;\n  }\n).displayName = 'FormFieldMessages';\n\n/**\n * @public\n */\nexport const FormFieldMessages = Object.assign(FormFieldMessagesRoot, {\n  Item: FormFieldMessageItem,\n});\n"],
+  "mappings": "AA8QI,SAmBM,KAnBN;AAzDI;AArNR,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AACrC,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAM3C,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AAKpC,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AAGxC,MAAM,yBAA4C,CAAC;AACnD,MAAM,gBAAgB,MAAM,MAAM;AAElC,MAAM,kBAAyD;AAAA,EAC7D,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,SAAS,IAAI,4BAA4B;AACjD,QAAM,KAAK,WAAW,MAAM,iBAAiB,SAAS,CAAC,IAAI,MAAM,OAAO;AAExE,YAAU,MAAM;AAId,UAAM,SACJ,iBAAiB,sBAAsB,WAAW,MAAM;AAE1D,eAAW;AAAA,MACT,MAAM,wBAAwB;AAAA,MAC9B,SAAS;AAAA,QACP;AAAA,QACA,SAAS,MAAM;AAAA,QACf,kBAAkB,MAAM,iBAAiB,SAAS;AAAA,QAClD,aAAa;AAAA,QACb,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,iBAAW;AAAA,QACT,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,IAAI,aAAa,eAAe,UAAU;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,OAAO,MAAM,SAAS,MAAM,kBAAkB,EAAE,CAAC;AAE1E,SAAO;AACT;AAwCA,MAAM,wBAAwC,2BAG5C,CAAC,uBAAuB,iBAAiB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAE3E,QAAM,EAAE,OAAO,0BAA0B,oBAAoB,IAC3D,4BAA4B;AAC9B,QAAM,EAAE,UAAU,aAAa,IAAI,oBAAoB;AACvD,QAAM,cAAc,WAAW,WAAW;AAC1C,QAAM,gBAAgB,MAAM;AAE5B,QAAM,kBAAkB;AAAA,IACtB,aAAa,QAAQ,aAAa;AAAA,IAClC,MACE,aAAa,WAAW,kBAAkB,SACtC,YAAY,QAAQ,iBAAiB,aAAa,IAClD;AAAA,EACR;AAEA,QAAM,gBAAgB,MAAM,oBAAoB;AAAA,IAC9C,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AAEA,QAAM,uBAAuB,sBACzB,cAAc,OAAO,CAAC,YAAY,QAAQ,WAAW,QAAQ,IAC7D;AAEJ,QAAM,uBAAuB,MAAM,oBAAoB;AAAA,IACrD,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AAEA,QAAM,uBAAuB,MAAM,eAAe;AAAA,IAChD,CAAC,YAAY,QAAQ,YAAY;AAAA,EACnC;AAEA,QAAM,eAAe,CAAC,GAAG,sBAAsB,GAAG,oBAAoB;AAEtE,QAAM,eAAe,qBAAqB,OAExC,CAAC,MAAM,QAAQ;AACf,QAAI,CAAC,IAAI,QAAQ;AACf,aAAO;AAAA,IACT;AACA,QAAI,SAAS,QAAW;AACtB,aAAO,IAAI;AAAA,IACb;AACA,WAAO,gBAAgB,IAAI,MAAM,IAAI,gBAAgB,IAAI,IACrD,IAAI,SACJ;AAAA,EACN,GAAG,MAAS;AACZ,QAAM,0BACJ,iBAAiB,SACb,uBACA,qBAAqB;AAAA,IACnB,CAAC,QAAQ,CAAC,IAAI,UAAU,IAAI,WAAW;AAAA,EACzC;AAGN,QAAM,eAAe,MAAM,YACvB,uBACA;AAKJ,QAAM,aACJ,CAAC,MAAM,eAAe,MAAM,cAAc,MAAM,aAAa;AAE/D,QAAM,UAAU,MAAM,WAAW;AAEjC,QAAM,kBAAkB;AAAA,IACtB,OAAO,EAAE,YAAY,QAAQ;AAAA,IAC7B,CAAC,YAAY,OAAO;AAAA,EACtB;AAIA,QAAM,yBACJ,MAAM,aAAa,wBAAwB,SAAS;AAEtD,QAAM,iBAAiB,MAAM,YACzB,wBAAwB,IAAI,CAAC,YAC3B;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MACJ,KAAK,QAAQ;AAAA;AAAA,EACf,CACD,IACD;AAEJ,MAAI,UAAmC;AAQvC,MAAI,sBAAsB,QAAQ,QAAQ;AAC1C,MAAI,OAAO,aAAa,YAAY;AAClC,cAAU,SAAS,cAAc,eAAe;AAEhD,QAAI,YAAY,UAAa,YAAY,MAAM;AAC7C,4BAAsB;AAAA,IACxB;AAAA,EACF,WAAW,aAAa,UAAa,aAAa,MAAM;AAMtD,UAAM,oBAAoB,MAAM,eAAe;AAAA,MAC7C,CAAC,MAAM,EAAE,YAAY;AAAA,IACvB;AACA,cACE,MAAM,aACN,wBAAwB,SAAS,KACjC,CAAC,oBACG,iBACA;AAAA,EACR,OAAO;AACL,UAAM,eAAe,MAAM,YACvB,0BACA;AACJ,cAAU,aAAa,IAAI,CAAC,YAC1B;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QACJ,KAAK,QAAQ;AAAA;AAAA,IACf,CACD;AAAA,EACH;AAEA,QAAM,eACJ,CAAC,0BACD,aAAa,WAAW,KACxB,CAAC;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MAKL,IAAI,MAAM;AAAA,MACV,eAAc;AAAA,MACd,aAAU;AAAA,MACV,OAAO,EAAE,GAAG,cAAc;AAAA,MAC1B,WAAW,KAAK,mBAAmB,OAAO,iBAAiB;AAAA,MAC3D,eAAa;AAAA,MACb,oBAAkB;AAAA,MAClB,mBAAiB;AAAA,MACjB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA,0BAAkB,UACjB,gBAAgB,IAAI,CAAC,UACnB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA;AAAA,UAFN,GAAG,MAAM,iBAAiB,SAAS,CAAC,IAAI,MAAM,OAAO;AAAA,QAG5D,CACD;AAAA,QACF;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AAGC,sBAGA,cAAc;AAKT,MAAM,oBAAoB,OAAO,OAAO,uBAAuB;AAAA,EACpE,MAAM;AACR,CAAC;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js

@@ -1,5 +1,5 @@
 import "./FormFieldMessages.css";
-var formFieldMessages = "_1l9bja60-3-12-2";
+var formFieldMessages = "_1l9bja60-3-13-2";
 export {
   formFieldMessages
 };

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessages.css.ts"],
-  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-12-2';"],
+  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;",
   "names": []
 }

package/esm/forms/forms-core/components/hint/Hint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/hint/Hint.tsx"],
-  "sourcesContent": ["import { DataTestId } from '../../../../core/types/data-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { InternalBaseItem as BaseItem } from '../form-field-messages/FormFieldMessageBaseItem.js';\n\n/**\n * @public\n * @deprecated in favor of `FormFieldMessages`.\n */\nexport interface HintProps extends WithChildren, StylingProps, DataTestId {\n  /**\n   * Whether the connected input is currently disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Id to link the hint to its corresponding element. */\n  id?: string;\n}\n\n/**\n * Renders a hint message if given, otherwise renders nothing.\n * @deprecated in favor of `FormFieldMessages`.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const Hint = (props: HintProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { children, ...remainingProps }: HintProps = props;\n\n  return children ? (\n    <BaseItem variant=\"hint\" {...remainingProps}>\n      {children}\n    </BaseItem>\n  ) : null;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nHint.displayName = 'Hint';\n"],
+  "sourcesContent": ["import { DataTestId } from '../../../../core/types/data-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { InternalBaseItem as BaseItem } from '../form-field-messages/FormFieldMessageBaseItem.js';\n\n/**\n * @public\n * @deprecated in favor of `FormFieldMessages`.\n */\nexport interface HintProps extends WithChildren, StylingProps, DataTestId {\n  /**\n   * Whether the connected input is currently disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Id to link the hint to its corresponding element. */\n  id?: string;\n}\n\n/**\n * Renders a hint message if given, otherwise renders nothing.\n * @deprecated in favor of `FormFieldMessages`.\n * @public\n */\n// oxlint-disable-next-line typescript/no-deprecated\nexport const Hint = (props: HintProps) => {\n  // oxlint-disable-next-line typescript/no-deprecated\n  const { children, ...remainingProps }: HintProps = props;\n\n  return children ? (\n    <BaseItem variant=\"hint\" {...remainingProps}>\n      {children}\n    </BaseItem>\n  ) : null;\n};\n\n// oxlint-disable-next-line typescript/no-deprecated\nHint.displayName = 'Hint';\n"],
   "mappings": "AA8BI;AA3BJ,SAAS,oBAAoB,gBAAgB;AAsBtC,MAAM,OAAO,CAAC,UAAqB;AAExC,QAAM,EAAE,UAAU,GAAG,eAAe,IAAe;AAEnD,SAAO,WACL,oBAAC,YAAS,SAAQ,QAAQ,GAAG,gBAC1B,UACH,IACE;AACN;AAGA,KAAK,cAAc;",
   "names": []
 }

package/esm/forms/forms-core/components/label/Label.css

@@ -1,15 +1,15 @@
-._1gxatyo0-3-12-2 {
+._1gxatyo0-3-13-2 {
   display: inline-block;
 }
-._1gxatyo1-3-12-2 {
+._1gxatyo1-3-13-2 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1gxatyo2-3-12-2:after {
+._1gxatyo2-3-13-2:after {
   content: "*" / "";
 }
-._1gxatyo3-3-12-2 {
+._1gxatyo3-3-13-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1gxatyo4-3-12-2 {
+._1gxatyo4-3-13-2 {
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/forms/forms-core/components/label/Label.js

@@ -40,7 +40,7 @@ const Label = /* @__PURE__ */ forwardRef(
     const generatedId = useId();
     const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
     const {
-      // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
       controlId,
       formFieldId,
       required,

package/esm/forms/forms-core/components/label/Label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/label/Label.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useEffect } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport * as styles from './Label.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { AriaDisabledProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { MaskingProps } from '../../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../../core/utils/can-receive-default-text-format.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\n\nconst COMPONENT_NAME = 'Label';\n\n/**\n * Available options for the label size\n * @public\n */\nexport interface LabelProps\n  extends WithChildren,\n    DOMProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaDisabledProps,\n    BehaviorTrackingProps {\n  /** Defines the id of a labelable form related field. */\n  htmlFor?: string;\n\n  /**\n   * If there is a wrapping form field then this label uses the required value\n   * from the form field, otherwise it uses this required value. The label\n   * has a visual style to indicate the associated field is a mandatory field.\n   * @defaultValue false\n   */\n  required?: boolean;\n\n  /**\n   * If there is a wrapping form field then this label uses the disabled value\n   * from the form field, otherwise it uses this disabled value. The label\n   * has a visual style to indicate the associated field is disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n}\n\nconst SimpleLabelText = forwardRef<HTMLLabelElement, LabelProps>(\n  (props, forwardedRef) => (\n    <Text\n      ref={forwardedRef}\n      as=\"label\"\n      textStyle=\"small-emphasized\"\n      {...props}\n    />\n  ),\n);\n\n/**\n * The `Label` component allows users to add an associated text to another\n * form control by using the `FormField` component.\n * @public\n */\nexport const Label = /* @__PURE__ */ forwardRef<HTMLLabelElement, LabelProps>(\n  (props, forwardedRef) => {\n    const {\n      id,\n      children,\n      htmlFor,\n      disabled: propDisabled,\n      required: propRequired,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      ...remainingProps\n    }: LabelProps = props;\n    const generatedId = useId();\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n      controlId,\n      formFieldId,\n      required,\n      disabled,\n      ariaDisabled,\n      readOnly,\n      formControlId,\n      registerFormFieldLabelId,\n    } = useFormFieldContext();\n\n    const labelId = id ?? (formFieldId ? generatedId : undefined);\n\n    useEffect(() => {\n      if (labelId === undefined) {\n        return;\n      }\n\n      return registerFormFieldLabelId(labelId);\n    }, [labelId, registerFormFieldLabelId]);\n\n    const isStringChild = _canReceiveDefaultTextFormat(children);\n    const Component = isStringChild ? SimpleLabelText : 'label';\n\n    const labelFor = htmlFor || formControlId || formFieldId || controlId;\n\n    return (\n      <Component\n        htmlFor={labelFor}\n        id={labelId}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        ref={forwardedRef}\n        className={clsx(\n          styles.label({\n            disabled: disabled || propDisabled || ariaDisabled,\n            // Only apply the required styles if we have string children, otherwise block level\n            // elements in children will move the `*` required marker somewhere.\n            required: isStringChild && (required ?? propRequired),\n            readOnly,\n          }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n        data-dt-component={COMPONENT_NAME}\n      >\n        {children}\n        {isStringChild && readOnly && (\n          <Text textStyle=\"small\" className={clsx(styles.readOnlyLabel)}>\n            <FormattedMessage\n              defaultMessage=\"(read only)\"\n              id=\"hIBEZw/eT6Nb+dz3\"\n              description=\"Text appended to a label when the associated form field is read-only.\"\n            />\n          </Text>\n        )}\n      </Component>\n    );\n  },\n);\n(Label as typeof Label & { displayName: string }).displayName = COMPONENT_NAME;\n"],
-  "mappings": "AAuDI,cA+DE,YA/DF;AAvDJ,OAAO,UAAU;AACjB,SAAS,YAAY,iBAAiB;AACtC,SAAS,wBAAwB;AAEjC,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAC3C,SAAS,aAAa;AAQtB,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,MAAM,iBAAiB;AAkCvB,MAAM,kBAAkB;AAAA,EACtB,CAAC,OAAO,iBACN;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAG;AAAA,MACH,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAOO,MAAM,QAAwB;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,IAAgB;AAChB,UAAM,cAAc,MAAM;AAE1B,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,oBAAoB;AAExB,UAAM,UAAU,OAAO,cAAc,cAAc;AAEnD,cAAU,MAAM;AACd,UAAI,YAAY,QAAW;AACzB;AAAA,MACF;AAEA,aAAO,yBAAyB,OAAO;AAAA,IACzC,GAAG,CAAC,SAAS,wBAAwB,CAAC;AAEtC,UAAM,gBAAgB,6BAA6B,QAAQ;AAC3D,UAAM,YAAY,gBAAgB,kBAAkB;AAEpD,UAAM,WAAW,WAAW,iBAAiB,eAAe;AAE5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,WAAW;AAAA,UACT,OAAO,MAAM;AAAA,YACX,UAAU,YAAY,gBAAgB;AAAA;AAAA;AAAA,YAGtC,UAAU,kBAAkB,YAAY;AAAA,YACxC;AAAA,UACF,CAAC;AAAA,UACD;AAAA,QACF;AAAA,QACA,OAAO;AAAA,QACN,GAAG,WAAW,WAAW,uBAAuB;AAAA,QACjD,qBAAmB;AAAA,QAElB;AAAA;AAAA,UACA,iBAAiB,YAChB,oBAAC,QAAK,WAAU,SAAQ,WAAW,KAAK,OAAO,aAAa,GAC1D;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA;AAAA,UACd,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACC,MAAiD,cAAc;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useEffect } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport * as styles from './Label.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { AriaDisabledProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { MaskingProps } from '../../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../../core/utils/can-receive-default-text-format.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { useFormFieldContext } from '../../hooks/useFormFieldContext.js';\n\nconst COMPONENT_NAME = 'Label';\n\n/**\n * Available options for the label size\n * @public\n */\nexport interface LabelProps\n  extends\n    WithChildren,\n    DOMProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaDisabledProps,\n    BehaviorTrackingProps {\n  /** Defines the id of a labelable form related field. */\n  htmlFor?: string;\n\n  /**\n   * If there is a wrapping form field then this label uses the required value\n   * from the form field, otherwise it uses this required value. The label\n   * has a visual style to indicate the associated field is a mandatory field.\n   * @defaultValue false\n   */\n  required?: boolean;\n\n  /**\n   * If there is a wrapping form field then this label uses the disabled value\n   * from the form field, otherwise it uses this disabled value. The label\n   * has a visual style to indicate the associated field is disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n}\n\nconst SimpleLabelText = forwardRef<HTMLLabelElement, LabelProps>(\n  (props, forwardedRef) => (\n    <Text\n      ref={forwardedRef}\n      as=\"label\"\n      textStyle=\"small-emphasized\"\n      {...props}\n    />\n  ),\n);\n\n/**\n * The `Label` component allows users to add an associated text to another\n * form control by using the `FormField` component.\n * @public\n */\nexport const Label = /* @__PURE__ */ forwardRef<HTMLLabelElement, LabelProps>(\n  (props, forwardedRef) => {\n    const {\n      id,\n      children,\n      htmlFor,\n      disabled: propDisabled,\n      required: propRequired,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      ...remainingProps\n    }: LabelProps = props;\n    const generatedId = useId();\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const {\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlId,\n      formFieldId,\n      required,\n      disabled,\n      ariaDisabled,\n      readOnly,\n      formControlId,\n      registerFormFieldLabelId,\n    } = useFormFieldContext();\n\n    const labelId = id ?? (formFieldId ? generatedId : undefined);\n\n    useEffect(() => {\n      if (labelId === undefined) {\n        return;\n      }\n\n      return registerFormFieldLabelId(labelId);\n    }, [labelId, registerFormFieldLabelId]);\n\n    const isStringChild = _canReceiveDefaultTextFormat(children);\n    const Component = isStringChild ? SimpleLabelText : 'label';\n\n    const labelFor = htmlFor || formControlId || formFieldId || controlId;\n\n    return (\n      <Component\n        htmlFor={labelFor}\n        id={labelId}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        ref={forwardedRef}\n        className={clsx(\n          styles.label({\n            disabled: disabled || propDisabled || ariaDisabled,\n            // Only apply the required styles if we have string children, otherwise block level\n            // elements in children will move the `*` required marker somewhere.\n            required: isStringChild && (required ?? propRequired),\n            readOnly,\n          }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n        data-dt-component={COMPONENT_NAME}\n      >\n        {children}\n        {isStringChild && readOnly && (\n          <Text textStyle=\"small\" className={clsx(styles.readOnlyLabel)}>\n            <FormattedMessage\n              defaultMessage=\"(read only)\"\n              id=\"hIBEZw/eT6Nb+dz3\"\n              description=\"Text appended to a label when the associated form field is read-only.\"\n            />\n          </Text>\n        )}\n      </Component>\n    );\n  },\n);\n(Label as typeof Label & { displayName: string }).displayName = COMPONENT_NAME;\n"],
+  "mappings": "AAwDI,cA+DE,YA/DF;AAxDJ,OAAO,UAAU;AACjB,SAAS,YAAY,iBAAiB;AACtC,SAAS,wBAAwB;AAEjC,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAC3C,SAAS,aAAa;AAQtB,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,MAAM,iBAAiB;AAmCvB,MAAM,kBAAkB;AAAA,EACtB,CAAC,OAAO,iBACN;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAG;AAAA,MACH,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAOO,MAAM,QAAwB;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,IAAgB;AAChB,UAAM,cAAc,MAAM;AAE1B,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,oBAAoB;AAExB,UAAM,UAAU,OAAO,cAAc,cAAc;AAEnD,cAAU,MAAM;AACd,UAAI,YAAY,QAAW;AACzB;AAAA,MACF;AAEA,aAAO,yBAAyB,OAAO;AAAA,IACzC,GAAG,CAAC,SAAS,wBAAwB,CAAC;AAEtC,UAAM,gBAAgB,6BAA6B,QAAQ;AAC3D,UAAM,YAAY,gBAAgB,kBAAkB;AAEpD,UAAM,WAAW,WAAW,iBAAiB,eAAe;AAE5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,WAAW;AAAA,UACT,OAAO,MAAM;AAAA,YACX,UAAU,YAAY,gBAAgB;AAAA;AAAA;AAAA,YAGtC,UAAU,kBAAkB,YAAY;AAAA,YACxC;AAAA,UACF,CAAC;AAAA,UACD;AAAA,QACF;AAAA,QACA,OAAO;AAAA,QACN,GAAG,WAAW,WAAW,uBAAuB;AAAA,QACjD,qBAAmB;AAAA,QAElB;AAAA;AAAA,UACA,iBAAiB,YAChB,oBAAC,QAAK,WAAU,SAAQ,WAAW,KAAK,OAAO,aAAa,GAC1D;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA;AAAA,UACd,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACC,MAAiD,cAAc;",
   "names": []
 }

package/esm/forms/forms-core/components/label/Label.sty.js

@@ -1,7 +1,7 @@
 import "./Label.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var label = _7a468({ defaultClassName: "_1gxatyo0-3-12-2", variantClassNames: { disabled: { true: "_1gxatyo1-3-12-2" }, required: { true: "_1gxatyo2-3-12-2" }, readOnly: { true: "_1gxatyo3-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
-var readOnlyLabel = "_1gxatyo4-3-12-2";
+var label = _7a468({ defaultClassName: "_1gxatyo0-3-13-2", variantClassNames: { disabled: { true: "_1gxatyo1-3-13-2" }, required: { true: "_1gxatyo2-3-13-2" }, readOnly: { true: "_1gxatyo3-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
+var readOnlyLabel = "_1gxatyo4-3-13-2";
 export {
   label,
   readOnlyLabel

package/esm/forms/forms-core/components/label/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-12-2',variantClassNames:{disabled:{true:'_1gxatyo1-3-12-2'},required:{true:'_1gxatyo2-3-12-2'},readOnly:{true:'_1gxatyo3-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-12-2';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-13-2',variantClassNames:{disabled:{true:'_1gxatyo1-3-13-2'},required:{true:'_1gxatyo2-3-13-2'},readOnly:{true:'_1gxatyo3-3-13-2'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-13-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,QAAQ,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5N,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/forms-core/contexts/FormFieldContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/contexts/FormFieldContext.ts"],
-  "sourcesContent": ["import { type Dispatch, createContext } from 'react';\n\nimport { FormFieldReducerAction } from '../state/formfield-state-reducer.js';\nimport type { SharedFormFieldProps } from '../types/formfield.types.js';\n\n/**\n * @public\n */\nexport interface SharedFormFieldContextProps extends SharedFormFieldProps {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  dispatch?: Dispatch<FormFieldReducerAction>;\n  /** @internal */\n  formFieldId?: string;\n  /**\n   * Logical form-control id registered against this FormField.\n   * @internal\n   */\n  formControlId?: string;\n  /**\n   * Native/member input ids belonging to the logical form control.\n   * @internal\n   */\n  memberFormControlIds?: string[];\n  /**\n   * Registers a logical form-control id and returns an unregister callback for\n   * React effect cleanup. Custom context consumers may omit this \u2014\n   * `useFormFieldContext` falls back to a noop.\n   * @internal\n   */\n  registerFormControlId?: (id: string) => () => void;\n  /**\n   * Registers a native/member input id and returns an unregister callback for\n   * React effect cleanup. Custom context consumers may omit this \u2014\n   * `useFormFieldContext` falls back to a noop.\n   * @internal\n   */\n  registerMemberFormControlId?: (id: string) => () => void;\n  /** @internal */\n  formFieldLabelId?: string;\n  /**\n   * Registers a label id and returns an unregister callback for React effect\n   * cleanup. Custom context consumers may omit this \u2014 `useFormFieldContext`\n   * falls back to a noop.\n   * @internal\n   */\n  registerFormFieldLabelId?: (id: string) => () => void;\n}\n\nconst defaultFormFieldContext: SharedFormFieldContextProps = {\n  controlId: undefined,\n  formFieldId: undefined,\n  formControlId: undefined,\n  memberFormControlIds: [],\n  registerFormControlId: () => () => undefined,\n  registerMemberFormControlId: () => () => undefined,\n  formFieldLabelId: undefined,\n  registerFormFieldLabelId: () => () => undefined,\n  required: undefined,\n  disabled: undefined,\n  ariaDisabled: undefined,\n  dispatch: undefined,\n  readOnly: undefined,\n};\n\n/**\n * @internal\n * Context provider for `FormField` props meant to be provided to all its input-related child nodes.\n */\nexport const _FormFieldContext = createContext<SharedFormFieldContextProps>(\n  defaultFormFieldContext,\n);\n"],
+  "sourcesContent": ["import { type Dispatch, createContext } from 'react';\n\nimport { FormFieldReducerAction } from '../state/formfield-state-reducer.js';\nimport type { SharedFormFieldProps } from '../types/formfield.types.js';\n\n/**\n * @public\n */\nexport interface SharedFormFieldContextProps extends SharedFormFieldProps {\n  // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n  dispatch?: Dispatch<FormFieldReducerAction>;\n  /** @internal */\n  formFieldId?: string;\n  /**\n   * Logical form-control id registered against this FormField.\n   * @internal\n   */\n  formControlId?: string;\n  /**\n   * Native/member input ids belonging to the logical form control.\n   * @internal\n   */\n  memberFormControlIds?: string[];\n  /**\n   * Registers a logical form-control id and returns an unregister callback for\n   * React effect cleanup. Custom context consumers may omit this \u2014\n   * `useFormFieldContext` falls back to a noop.\n   * @internal\n   */\n  registerFormControlId?: (id: string) => () => void;\n  /**\n   * Registers a native/member input id and returns an unregister callback for\n   * React effect cleanup. Custom context consumers may omit this \u2014\n   * `useFormFieldContext` falls back to a noop.\n   * @internal\n   */\n  registerMemberFormControlId?: (id: string) => () => void;\n  /** @internal */\n  formFieldLabelId?: string;\n  /**\n   * Registers a label id and returns an unregister callback for React effect\n   * cleanup. Custom context consumers may omit this \u2014 `useFormFieldContext`\n   * falls back to a noop.\n   * @internal\n   */\n  registerFormFieldLabelId?: (id: string) => () => void;\n}\n\nconst defaultFormFieldContext: SharedFormFieldContextProps = {\n  controlId: undefined,\n  formFieldId: undefined,\n  formControlId: undefined,\n  memberFormControlIds: [],\n  registerFormControlId: () => () => undefined,\n  registerMemberFormControlId: () => () => undefined,\n  formFieldLabelId: undefined,\n  registerFormFieldLabelId: () => () => undefined,\n  required: undefined,\n  disabled: undefined,\n  ariaDisabled: undefined,\n  dispatch: undefined,\n  readOnly: undefined,\n};\n\n/**\n * @internal\n * Context provider for `FormField` props meant to be provided to all its input-related child nodes.\n */\nexport const _FormFieldContext = createContext<SharedFormFieldContextProps>(\n  defaultFormFieldContext,\n);\n"],
   "mappings": "AAAA,SAAwB,qBAAqB;AAgD7C,MAAM,0BAAuD;AAAA,EAC3D,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,sBAAsB,CAAC;AAAA,EACvB,uBAAuB,MAAM,MAAM;AAAA,EACnC,6BAA6B,MAAM,MAAM;AAAA,EACzC,kBAAkB;AAAA,EAClB,0BAA0B,MAAM,MAAM;AAAA,EACtC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AACZ;AAMO,MAAM,oBAAoB;AAAA,EAC/B;AACF;",
   "names": []
 }

package/esm/forms/forms-core/hooks/useFormControl.js

@@ -25,7 +25,7 @@ function useFormControl({
 }) {
   const uniqueId = useId();
   const {
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     controlId,
     formFieldId,
     required: contextRequired,
@@ -88,7 +88,7 @@ function useFormControl({
       setRevealed(nextRevealed);
     }
   }
-  const showValidationError = isAfterBlur ? hasAnyError && nextRevealed : messageState.showError;
+  const showValidationError = isAfterBlur ? hasAnyError && nextRevealed || messageState.showError : messageState.showError;
   const showError = !disabled && (showValidationError || hasLegacyHintError);
   const hintId = useId();
   const inputProps = {

package/esm/forms/forms-core/hooks/useFormControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/hooks/useFormControl.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type Dispatch,\n  type FocusEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport { useFormFieldContext } from './useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from './useFormFieldMessagesContext.js';\nimport { useFormControlState } from '../../../core/hooks/useFormControlState.js';\nimport { useId } from '../../../core/hooks/useId.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nimport type { FormControlState } from '../../../core/types/form-control-state.js';\nimport { parseBoolean } from '../../../core/utils/parse-boolean.js';\nimport {\n  FormFieldMessagesAction,\n  type FormFieldMessagesReducerAction,\n} from '../state/formfield-messages-state-reducer.js';\nimport { FormFieldAction } from '../state/formfield-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../types/formfield-messages.types.js';\n\n/**\n * When validation errors first become visible.\n * - `'immediate'` (default): an error is surfaced as soon as it exists (after\n *   the field is touched). It stays visible and updates live while the user is\n *   editing.\n * - `'after-blur'`: an error becomes visible on blur. While the user is editing\n *   (focus inside), a shown error stays visible until all errors are resolved,\n *   then clears; a new error raised while editing is held back until the next\n *   blur. Used by complex inputs (e.g. `FilterField`) where intermediate values\n *   are expected to be invalid.\n *\n * See `forms/validation/api-proposals/validation-visibility.md`.\n * @internal\n */\nexport type ValidationVisibility = 'immediate' | 'after-blur';\n\n/**\n * Props for `useFormControl`. Mirrors the inputs of the legacy form-control\n * hook stack that Strato controls used to call individually.\n * @internal \u2014 Strato controls only.\n */\nexport interface UseFormControlProps {\n  /** Control id passed directly to the form control. */\n  propId?: string;\n  /** Disabled state passed directly to the form control. */\n  propDisabled?: boolean;\n  /** Aria-disabled state passed directly to the form control. */\n  propAriaDisabled?: boolean | 'true' | 'false';\n  /** Required state passed directly to the form control. */\n  propRequired?: boolean;\n  /** Read-only state passed directly to the form control. */\n  propReadOnly?: boolean;\n  /**\n   * Legacy `controlState` plumbing for hint/error.\n   * Removed by APPDEV-8298.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  controlState?: FormControlState;\n  /**\n   * When validation errors first become visible. Defaults to `'immediate'`.\n   * @internal\n   */\n  validationVisibility?: ValidationVisibility;\n  /**\n   * Control-local validation state used by complex controls while their\n   * message-context update has not rendered yet. This does not replace the\n   * message context; it only lets after-blur visibility react in the same\n   * render as the control's own validation state.\n   * Ignored when `validationVisibility === 'immediate'`.\n   * @internal\n   */\n  hasValidationError?: boolean;\n}\n\n/** @internal */\nexport interface UseFormControlReturnType {\n  id: string;\n  disabled: boolean | undefined;\n  required: boolean | undefined;\n  readOnly: boolean | undefined;\n  ariaDisabled: boolean | undefined;\n  inputProps: { 'aria-describedby'?: string; 'aria-invalid': boolean };\n  hintProps: { id: string; 'aria-live': 'polite' };\n  /** Hint content from the legacy `controlState` prop, if any. */\n  hint: ReactNode;\n  /** True if the control should render error styling right now. Disabled-gated. */\n  showError: boolean;\n  /** Always present (defaults to empty state when no FormField wraps). */\n  messageState: FormFieldMessageContextState;\n  /** Undefined when no FormField wraps the control. */\n  messageDispatch: Dispatch<FormFieldMessagesReducerAction> | undefined;\n  /**\n   * Focus handlers for the element that defines \"the field\". Only\n   * meaningful in `'after-blur'` mode; an empty object otherwise, so callers\n   * can spread it unconditionally.\n   * @internal\n   */\n  focusHandlers: {\n    onFocus?: FocusEventHandler;\n    onBlur?: FocusEventHandler;\n  };\n  /**\n   * Mark the field touched and reveal any error immediately, ignoring focus.\n   * Wire to a control's imperative `validate()` so parent-driven validation\n   * paints the error even while focus is still inside the field. No-op in\n   * `'immediate'` mode.\n   * @internal\n   */\n  markTouched: () => void;\n}\n\n/**\n * Single entry point for Strato controls to wire id, disabled/required/readOnly\n * synchronisation with the FormField context, error/hint plumbing, and ARIA\n * attributes. Has no knowledge of `_Form`; that wiring lives in\n * `useInternalFormRegistration`.\n * @internal \u2014 Strato controls only.\n */\nexport function useFormControl({\n  propId,\n  propDisabled,\n  propAriaDisabled,\n  propRequired,\n  propReadOnly,\n  controlState,\n  validationVisibility = 'immediate',\n  hasValidationError = false,\n}: UseFormControlProps): UseFormControlReturnType {\n  const uniqueId = useId();\n  const {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    controlId,\n    formFieldId,\n    required: contextRequired,\n    disabled: contextDisabled,\n    ariaDisabled: contextAriaDisabled,\n    readOnly: contextReadOnly,\n    dispatch: formFieldDispatch,\n    registerFormControlId,\n  } = useFormFieldContext();\n\n  const { state: messageState, dispatch: messageDispatch } =\n    useFormFieldMessagesContext();\n\n  const disabled = propDisabled ?? contextDisabled;\n  const ariaDisabled = parseBoolean(propAriaDisabled) ?? contextAriaDisabled;\n  const required = propRequired ?? contextRequired;\n  const readOnly = propReadOnly ?? contextReadOnly;\n  const legacyFallbackId = formFieldId ?? controlId;\n  const id = propId || legacyFallbackId || uniqueId;\n\n  useEffect(() => {\n    formFieldDispatch?.({\n      type: FormFieldAction.UPDATE,\n      payload: {\n        disabled: propDisabled,\n        required: propRequired,\n        ariaDisabled: parseBoolean(propAriaDisabled),\n        readOnly: propReadOnly,\n      },\n    });\n  }, [\n    formFieldDispatch,\n    propDisabled,\n    propRequired,\n    propAriaDisabled,\n    propReadOnly,\n  ]);\n\n  useEffect(() => {\n    messageDispatch?.({\n      type: FormFieldMessagesAction.DISABLEMESSAGE,\n      payload: { isDisabled: disabled },\n    });\n  }, [disabled, messageDispatch]);\n\n  useEffect(() => registerFormControlId(id), [id, registerFormControlId]);\n\n  useEffect(() => {\n    messageDispatch?.({\n      type: FormFieldMessagesAction.SETFORMCONTROLID,\n      payload: { formControlId: id },\n    });\n  }, [messageDispatch, id]);\n\n  const [hasLegacyHintError, hint] = useFormControlState(controlState);\n\n  const isAfterBlur = validationVisibility === 'after-blur';\n\n  // `after-blur` state machine \u2014 ported from FilterField. `revealed` is sticky:\n  // once an error is shown on blur it stays visible while the user edits, until\n  // every error is resolved; a new error that appears while editing is held\n  // back until the next blur (re-reveal). `markTouched` forces a reveal now,\n  // ignoring focus.\n  const [hasFocusWithin, setHasFocusWithin] = useState(false);\n  const [revealed, setRevealed] = useState(false);\n\n  const hasAnyError =\n    messageState.showError ||\n    hasLegacyHintError ||\n    (isAfterBlur && hasValidationError);\n\n  // Adjust `revealed` during render (React's \"adjusting state on prop change\"\n  // pattern) rather than in an effect, so the visible state is correct on the\n  // same render \u2014 no lag and no race with a `markTouched()` that runs in the\n  // same batch as the error being added.\n  let nextRevealed = revealed;\n  if (isAfterBlur) {\n    if (revealed && !hasAnyError) {\n      nextRevealed = false;\n    } else if (\n      !hasFocusWithin &&\n      (messageState.isTouched ?? false) &&\n      hasAnyError\n    ) {\n      nextRevealed = true;\n    }\n    // The `nextRevealed !== revealed` guard is required because this setter is\n    // called during render (the \"adjusting state on prop change\" pattern above),\n    // NOT from an event handler or effect. React's Object.is bail-out inside\n    // `dispatchSetState` only runs for updates dispatched outside of render;\n    // render-phase updates take a different code path that always schedules\n    // another render pass and never compares against the current state. Calling\n    // `setRevealed(nextRevealed)` unconditionally therefore re-schedules on\n    // every render and trips the \"Too many re-renders\" bail-out. FilterField is\n    // the only `after-blur` consumer and reproduces this immediately on mount.\n    if (nextRevealed !== revealed) {\n      setRevealed(nextRevealed);\n    }\n  }\n\n  const showValidationError = isAfterBlur\n    ? hasAnyError && nextRevealed\n    : messageState.showError;\n\n  // Legacy `controlState` has always been an explicit consumer-controlled\n  // visual state. Keep it outside the after-blur reveal gate so existing\n  // consumers can still force an error immediately, even for complex controls.\n  const showError = !disabled && (showValidationError || hasLegacyHintError);\n\n  const hintId = useId();\n  const inputProps = {\n    'aria-describedby': hint ? hintId : undefined,\n    'aria-invalid': showValidationError || hasLegacyHintError,\n  };\n  const hintProps = { id: hintId, 'aria-live': 'polite' as const };\n\n  const focusHandlers = useMemo<UseFormControlReturnType['focusHandlers']>(\n    () =>\n      isAfterBlur\n        ? {\n            onFocus: () => setHasFocusWithin(true),\n            onBlur: (event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) {\n                setHasFocusWithin(false);\n                messageDispatch?.({\n                  type: FormFieldMessagesAction.SETISTOUCHED,\n                  payload: { isTouched: true },\n                });\n              }\n            },\n          }\n        : {},\n    [isAfterBlur, messageDispatch],\n  );\n\n  const markTouched = useCallback(() => {\n    if (!isAfterBlur) {\n      return;\n    }\n    messageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n    setRevealed(true);\n  }, [isAfterBlur, messageDispatch]);\n\n  return {\n    id,\n    disabled,\n    required,\n    readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageState,\n    messageDispatch,\n    focusHandlers,\n    markTouched,\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAGtB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAqGzB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,qBAAqB;AACvB,GAAkD;AAChD,QAAM,WAAW,MAAM;AACvB,QAAM;AAAA;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,EAAE,OAAO,cAAc,UAAU,gBAAgB,IACrD,4BAA4B;AAE9B,QAAM,WAAW,gBAAgB;AACjC,QAAM,eAAe,aAAa,gBAAgB,KAAK;AACvD,QAAM,WAAW,gBAAgB;AACjC,QAAM,WAAW,gBAAgB;AACjC,QAAM,mBAAmB,eAAe;AACxC,QAAM,KAAK,UAAU,oBAAoB;AAEzC,YAAU,MAAM;AACd,wBAAoB;AAAA,MAClB,MAAM,gBAAgB;AAAA,MACtB,SAAS;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAc,aAAa,gBAAgB;AAAA,QAC3C,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,sBAAkB;AAAA,MAChB,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,YAAY,SAAS;AAAA,IAClC,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,YAAU,MAAM,sBAAsB,EAAE,GAAG,CAAC,IAAI,qBAAqB,CAAC;AAEtE,YAAU,MAAM;AACd,sBAAkB;AAAA,MAChB,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,eAAe,GAAG;AAAA,IAC/B,CAAC;AAAA,EACH,GAAG,CAAC,iBAAiB,EAAE,CAAC;AAExB,QAAM,CAAC,oBAAoB,IAAI,IAAI,oBAAoB,YAAY;AAEnE,QAAM,cAAc,yBAAyB;AAO7C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,cACJ,aAAa,aACb,sBACC,eAAe;AAMlB,MAAI,eAAe;AACnB,MAAI,aAAa;AACf,QAAI,YAAY,CAAC,aAAa;AAC5B,qBAAe;AAAA,IACjB,WACE,CAAC,mBACA,aAAa,aAAa,UAC3B,aACA;AACA,qBAAe;AAAA,IACjB;AAUA,QAAI,iBAAiB,UAAU;AAC7B,kBAAY,YAAY;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,sBAAsB,cACxB,eAAe,eACf,aAAa;AAKjB,QAAM,YAAY,CAAC,aAAa,uBAAuB;AAEvD,QAAM,SAAS,MAAM;AACrB,QAAM,aAAa;AAAA,IACjB,oBAAoB,OAAO,SAAS;AAAA,IACpC,gBAAgB,uBAAuB;AAAA,EACzC;AACA,QAAM,YAAY,EAAE,IAAI,QAAQ,aAAa,SAAkB;AAE/D,QAAM,gBAAgB;AAAA,IACpB,MACE,cACI;AAAA,MACE,SAAS,MAAM,kBAAkB,IAAI;AAAA,MACrC,QAAQ,CAAC,UAAU;AACjB,YAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAAa,GAAG;AACtD,4BAAkB,KAAK;AACvB,4BAAkB;AAAA,YAChB,MAAM,wBAAwB;AAAA,YAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,IACA,CAAC;AAAA,IACP,CAAC,aAAa,eAAe;AAAA,EAC/B;AAEA,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,CAAC,aAAa;AAChB;AAAA,IACF;AACA,sBAAkB;AAAA,MAChB,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,IAC7B,CAAC;AACD,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,aAAa,eAAe,CAAC;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type Dispatch,\n  type FocusEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport { useFormFieldContext } from './useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from './useFormFieldMessagesContext.js';\nimport { useFormControlState } from '../../../core/hooks/useFormControlState.js';\nimport { useId } from '../../../core/hooks/useId.js';\n// oxlint-disable-next-line typescript/no-deprecated\nimport type { FormControlState } from '../../../core/types/form-control-state.js';\nimport { parseBoolean } from '../../../core/utils/parse-boolean.js';\nimport {\n  FormFieldMessagesAction,\n  type FormFieldMessagesReducerAction,\n} from '../state/formfield-messages-state-reducer.js';\nimport { FormFieldAction } from '../state/formfield-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../types/formfield-messages.types.js';\n\n/**\n * When validation errors first become visible.\n * - `'immediate'` (default): an error is surfaced as soon as it exists (after\n *   the field is touched). It stays visible and updates live while the user is\n *   editing.\n * - `'after-blur'`: an error becomes visible on blur. While the user is editing\n *   (focus inside), a shown error stays visible until all errors are resolved,\n *   then clears; a new error raised while editing is held back until the next\n *   blur. Used by complex inputs (e.g. `FilterField`) where intermediate values\n *   are expected to be invalid.\n *\n * See `forms/validation/api-proposals/validation-visibility.md`.\n * @internal\n */\nexport type ValidationVisibility = 'immediate' | 'after-blur';\n\n/**\n * Props for `useFormControl`. Mirrors the inputs of the legacy form-control\n * hook stack that Strato controls used to call individually.\n * @internal \u2014 Strato controls only.\n */\nexport interface UseFormControlProps {\n  /** Control id passed directly to the form control. */\n  propId?: string;\n  /** Disabled state passed directly to the form control. */\n  propDisabled?: boolean;\n  /** Aria-disabled state passed directly to the form control. */\n  propAriaDisabled?: boolean | 'true' | 'false';\n  /** Required state passed directly to the form control. */\n  propRequired?: boolean;\n  /** Read-only state passed directly to the form control. */\n  propReadOnly?: boolean;\n  /**\n   * Legacy `controlState` plumbing for hint/error.\n   * Removed by APPDEV-8298.\n   */\n  // oxlint-disable-next-line typescript/no-deprecated\n  controlState?: FormControlState;\n  /**\n   * When validation errors first become visible. Defaults to `'immediate'`.\n   * @internal\n   */\n  validationVisibility?: ValidationVisibility;\n  /**\n   * Control-local validation state used by complex controls while their\n   * message-context update has not rendered yet. This does not replace the\n   * message context; it only lets after-blur visibility react in the same\n   * render as the control's own validation state.\n   * Ignored when `validationVisibility === 'immediate'`.\n   * @internal\n   */\n  hasValidationError?: boolean;\n}\n\n/** @internal */\nexport interface UseFormControlReturnType {\n  id: string;\n  disabled: boolean | undefined;\n  required: boolean | undefined;\n  readOnly: boolean | undefined;\n  ariaDisabled: boolean | undefined;\n  inputProps: { 'aria-describedby'?: string; 'aria-invalid': boolean };\n  hintProps: { id: string; 'aria-live': 'polite' };\n  /** Hint content from the legacy `controlState` prop, if any. */\n  hint: ReactNode;\n  /** True if the control should render error styling right now. Disabled-gated. */\n  showError: boolean;\n  /** Always present (defaults to empty state when no FormField wraps). */\n  messageState: FormFieldMessageContextState;\n  /** Undefined when no FormField wraps the control. */\n  messageDispatch: Dispatch<FormFieldMessagesReducerAction> | undefined;\n  /**\n   * Focus handlers for the element that defines \"the field\". Only\n   * meaningful in `'after-blur'` mode; an empty object otherwise, so callers\n   * can spread it unconditionally.\n   * @internal\n   */\n  focusHandlers: {\n    onFocus?: FocusEventHandler;\n    onBlur?: FocusEventHandler;\n  };\n  /**\n   * Mark the field touched and reveal any error immediately, ignoring focus.\n   * Wire to a control's imperative `validate()` so parent-driven validation\n   * paints the error even while focus is still inside the field. No-op in\n   * `'immediate'` mode.\n   * @internal\n   */\n  markTouched: () => void;\n}\n\n/**\n * Single entry point for Strato controls to wire id, disabled/required/readOnly\n * synchronisation with the FormField context, error/hint plumbing, and ARIA\n * attributes. Has no knowledge of `_Form`; that wiring lives in\n * `useInternalFormRegistration`.\n * @internal \u2014 Strato controls only.\n */\nexport function useFormControl({\n  propId,\n  propDisabled,\n  propAriaDisabled,\n  propRequired,\n  propReadOnly,\n  controlState,\n  validationVisibility = 'immediate',\n  hasValidationError = false,\n}: UseFormControlProps): UseFormControlReturnType {\n  const uniqueId = useId();\n  const {\n    // oxlint-disable-next-line typescript/no-deprecated\n    controlId,\n    formFieldId,\n    required: contextRequired,\n    disabled: contextDisabled,\n    ariaDisabled: contextAriaDisabled,\n    readOnly: contextReadOnly,\n    dispatch: formFieldDispatch,\n    registerFormControlId,\n  } = useFormFieldContext();\n\n  const { state: messageState, dispatch: messageDispatch } =\n    useFormFieldMessagesContext();\n\n  const disabled = propDisabled ?? contextDisabled;\n  const ariaDisabled = parseBoolean(propAriaDisabled) ?? contextAriaDisabled;\n  const required = propRequired ?? contextRequired;\n  const readOnly = propReadOnly ?? contextReadOnly;\n  const legacyFallbackId = formFieldId ?? controlId;\n  const id = propId || legacyFallbackId || uniqueId;\n\n  useEffect(() => {\n    formFieldDispatch?.({\n      type: FormFieldAction.UPDATE,\n      payload: {\n        disabled: propDisabled,\n        required: propRequired,\n        ariaDisabled: parseBoolean(propAriaDisabled),\n        readOnly: propReadOnly,\n      },\n    });\n  }, [\n    formFieldDispatch,\n    propDisabled,\n    propRequired,\n    propAriaDisabled,\n    propReadOnly,\n  ]);\n\n  useEffect(() => {\n    messageDispatch?.({\n      type: FormFieldMessagesAction.DISABLEMESSAGE,\n      payload: { isDisabled: disabled },\n    });\n  }, [disabled, messageDispatch]);\n\n  useEffect(() => registerFormControlId(id), [id, registerFormControlId]);\n\n  useEffect(() => {\n    messageDispatch?.({\n      type: FormFieldMessagesAction.SETFORMCONTROLID,\n      payload: { formControlId: id },\n    });\n  }, [messageDispatch, id]);\n\n  const [hasLegacyHintError, hint] = useFormControlState(controlState);\n\n  const isAfterBlur = validationVisibility === 'after-blur';\n\n  // `after-blur` state machine \u2014 ported from FilterField. `revealed` is sticky:\n  // once an error is shown on blur it stays visible while the user edits, until\n  // every error is resolved; a new error that appears while editing is held\n  // back until the next blur (re-reveal). `markTouched` forces a reveal now,\n  // ignoring focus.\n  const [hasFocusWithin, setHasFocusWithin] = useState(false);\n  const [revealed, setRevealed] = useState(false);\n\n  const hasAnyError =\n    messageState.showError ||\n    hasLegacyHintError ||\n    (isAfterBlur && hasValidationError);\n\n  // Adjust `revealed` during render (React's \"adjusting state on prop change\"\n  // pattern) rather than in an effect, so the visible state is correct on the\n  // same render \u2014 no lag and no race with a `markTouched()` that runs in the\n  // same batch as the error being added.\n  let nextRevealed = revealed;\n  if (isAfterBlur) {\n    if (revealed && !hasAnyError) {\n      nextRevealed = false;\n    } else if (\n      !hasFocusWithin &&\n      (messageState.isTouched ?? false) &&\n      hasAnyError\n    ) {\n      nextRevealed = true;\n    }\n    // The `nextRevealed !== revealed` guard is required because this setter is\n    // called during render (the \"adjusting state on prop change\" pattern above),\n    // NOT from an event handler or effect. React's Object.is bail-out inside\n    // `dispatchSetState` only runs for updates dispatched outside of render;\n    // render-phase updates take a different code path that always schedules\n    // another render pass and never compares against the current state. Calling\n    // `setRevealed(nextRevealed)` unconditionally therefore re-schedules on\n    // every render and trips the \"Too many re-renders\" bail-out. FilterField is\n    // the only `after-blur` consumer and reproduces this immediately on mount.\n    if (nextRevealed !== revealed) {\n      setRevealed(nextRevealed);\n    }\n  }\n\n  // `messageState.showError` bypasses the after-blur gate on its own (e.g. a\n  // `showImmediately` message forces it true before the field is touched) \u2014\n  // mirror that bypass here so the input's error styling matches the message.\n  const showValidationError = isAfterBlur\n    ? (hasAnyError && nextRevealed) || messageState.showError\n    : messageState.showError;\n\n  // Legacy `controlState` has always been an explicit consumer-controlled\n  // visual state. Keep it outside the after-blur reveal gate so existing\n  // consumers can still force an error immediately, even for complex controls.\n  const showError = !disabled && (showValidationError || hasLegacyHintError);\n\n  const hintId = useId();\n  const inputProps = {\n    'aria-describedby': hint ? hintId : undefined,\n    'aria-invalid': showValidationError || hasLegacyHintError,\n  };\n  const hintProps = { id: hintId, 'aria-live': 'polite' as const };\n\n  const focusHandlers = useMemo<UseFormControlReturnType['focusHandlers']>(\n    () =>\n      isAfterBlur\n        ? {\n            onFocus: () => setHasFocusWithin(true),\n            onBlur: (event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) {\n                setHasFocusWithin(false);\n                messageDispatch?.({\n                  type: FormFieldMessagesAction.SETISTOUCHED,\n                  payload: { isTouched: true },\n                });\n              }\n            },\n          }\n        : {},\n    [isAfterBlur, messageDispatch],\n  );\n\n  const markTouched = useCallback(() => {\n    if (!isAfterBlur) {\n      return;\n    }\n    messageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n    setRevealed(true);\n  }, [isAfterBlur, messageDispatch]);\n\n  return {\n    id,\n    disabled,\n    required,\n    readOnly,\n    ariaDisabled,\n    inputProps,\n    hintProps,\n    hint,\n    showError,\n    messageState,\n    messageDispatch,\n    focusHandlers,\n    markTouched,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -8,22 +8,22 @@ function _formFieldReducer(state, action) {
     return {
       ...state,
       required: (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
         payload.required !== void 0 ? payload.required : state.required
       ),
       disabled: (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
         payload.disabled !== void 0 ? payload.disabled : state.disabled
       ),
       ariaDisabled: (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
         payload.ariaDisabled !== void 0 ? (
-          // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+          // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
           payload.ariaDisabled
         ) : state.ariaDisabled
       ),
       readOnly: (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
         payload.readOnly !== void 0 ? payload.readOnly : state.readOnly
       )
     };

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 * @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"],
+  "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  // oxlint-disable-next-line typescript/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  // oxlint-disable-next-line typescript/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        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        payload.required !== undefined ? payload.required : state.required,\n      disabled:\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        payload.disabled !== undefined ? payload.disabled : state.disabled,\n      ariaDisabled:\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        payload.ariaDisabled !== undefined\n          ? // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n            payload.ariaDisabled\n          : state.ariaDisabled,\n      readOnly:\n        // oxlint-disable-next-line typescript/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.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 (\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"],
+  "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    /* oxlint-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": []
 }