@oracle/oraclejet-preact 15.1.6 → 15.1.8

package/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n  hasZeroStartMargin?: boolean;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef,\n  hasZeroStartMargin\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const {\n    variantClasses,\n    styles: { textFieldContainerBase }\n  } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(TextFieldRedwoodTheme, {\n    statusVariant,\n    styleVariant,\n    contentVariant,\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    focused: isFocused ? 'isFocused' : 'notFocused',\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    resize: resize ?? 'none',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { variantClasses: startContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    {\n      startContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      startContentMargin: hasZeroStartMargin ? 'noStartMargin' : 'hasStartMargin',\n      startContentDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  const { variantClasses: middleStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { middleContent: contentVariant }\n  );\n  const { variantClasses: endContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { endContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel' }\n  );\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'hasZeroStartMargin'\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  hasZeroStartMargin,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      hasZeroStartMargin={hasZeroStartMargin}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","hasZeroStartMargin","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","textFieldContainerBase","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","startContentStyles","startContentMargin","startContentDisabled","middleStyles","middleContent","endContentStyles","role","classNames","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n  hasZeroStartMargin?: boolean;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef,\n  hasZeroStartMargin\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const {\n    variantClasses,\n    styles: { textFieldContainerBase }\n  } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(TextFieldRedwoodTheme, {\n    statusVariant,\n    styleVariant,\n    contentVariant,\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    focused: isFocused ? 'isFocused' : 'notFocused',\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    resize: resize ?? 'none',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { variantClasses: startContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    {\n      startContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      startContentMargin: hasZeroStartMargin ? 'noStartMargin' : 'hasStartMargin',\n      startContentDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  const { variantClasses: middleStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { middleContent: contentVariant }\n  );\n  const { variantClasses: endContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { endContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel' }\n  );\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'hasZeroStartMargin'\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  hasZeroStartMargin,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      hasZeroStartMargin={hasZeroStartMargin}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","hasZeroStartMargin","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","textFieldContainerBase","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","startContentStyles","startContentMargin","startContentDisabled","middleStyles","middleContent","endContentStyles","role","classNames","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_Theme.js

@@ -1,2 +1,2 @@
-define(['exports', './utils-a2f8a8de', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,t="oj-scale-lg",c=`.${t}`,r="oj-scale-dependent",a=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=a,S.SCALE_LG_CLASS=t,S.SCALE_LG_SELECTORS=c,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
+define(['exports', './utils-3eb4785b', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,t="oj-scale-lg",c=`.${t}`,r="oj-scale-dependent",s=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=s,S.SCALE_LG_CLASS=t,S.SCALE_LG_SELECTORS=c,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Theme.js.map

package/amd/UNSAFE_Train/themes/redwood/TrainTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

package/amd/UNSAFE_Train/themes/redwood/TrainVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

package/amd/UNSAFE_Train/themes/stable/TrainTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

package/amd/UNSAFE_Train/themes/stable/TrainVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

package/amd/UNSAFE_Train.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-aa5149b2', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-169a36ee', './utils/UNSAFE_logger', './_curry1-384d0e55', './_curry2-baf68cff', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa', './utils/PRIVATE_clientHints', './clientHints-05438b86', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-6dabc5a9', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-7ad95134', 'preact/compat', './index-0ac8995a', './hooks/UNSAFE_useUser', './index-2932edea', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a4a0d37b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f538e02a', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-d2c98fcb', './_has-a3915382', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-89f176dd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,g,C,b,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,ge,Ce,be,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:g}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,g]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,g=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:C}=a.usePress(g,{}),b=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(C,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[b&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-1293aae2', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-17121951', './utils/UNSAFE_logger', './_curry1-048cf1e9', './_curry2-f7a9564c', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-015e6f07', './utils/PRIVATE_clientHints', './clientHints-fef42424', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-06bc9afb', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-379eb7a9', 'preact/compat', './index-dacbf0e0', './hooks/UNSAFE_useUser', './index-ee90a607', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-c5364710', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-b6511573', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-cefac1ac', './_has-1a530383', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-277e232b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,b,g,C,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,be,ge,Ce,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:b}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,b]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,b=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:g}=a.usePress(b,{}),C=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(g,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[C&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Train.js.map

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(s,e,t,a,i,c,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(s,e,t,a,i,c,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-8eb8960d', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-aa5149b2', './ComponentMessageContainer-0666c805', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-ef03793a', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-a0c8fcaf', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-384d0e55', './_curry2-baf68cff', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa', './index-2932edea', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-96a3b824', './PRIVATE_Message', './UNSAFE_Flex', './Flex-3dffb2fe', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './utils/UNSAFE_mergeInterpolations', './_curry3-d2c98fcb', './_has-a3915382', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-22ad7b6e', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-15590caa', './UNSAFE_IconButton', './IconButton-86a4c2b2', './UNSAFE_BaseButton', './BaseButton-c947b30a', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-05438b86', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-d0555796', './UNSAFE_Text', './Text-f1d091f6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-6dabc5a9', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-4cafab64', './MessageFormattingUtils-093f1c75', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-7925f158', './Message.types-79c39556', './MessageStartIcon-3152f034', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-3738a4fc', './MessageTimestamp-bc214811', './MessageUtils-ace098be', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-00522026', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-89f176dd', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-169a36ee', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-7ad95134', './index-0ac8995a', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a4a0d37b', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-1c95a52f', './UNSAFE_FocusTrap', './FocusTrap-cd656252', './UNSAFE_Layer', './useThemeInterpolations-f538e02a', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-93afbbb3', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,y,b,C,I,f,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,ye,be,Ce,Ie,fe,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,ys,bs,Cs,Is,fs,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao,io){"use strict";function lo({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function ro({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function co({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=lo,e.InlineRequired=ro,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(ro,{align:c}):null;return S||p?s.jsx(co,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-59ba05ad', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-1293aae2', './ComponentMessageContainer-530824d1', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-fe8d4b52', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-a3b0d56a', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-048cf1e9', './_curry2-f7a9564c', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-015e6f07', './index-ee90a607', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-dfe3a68b', './PRIVATE_Message', './UNSAFE_Flex', './Flex-5d74acda', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './utils/UNSAFE_mergeInterpolations', './_curry3-cefac1ac', './_has-1a530383', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d0f88536', './utils/UNSAFE_interpolations/flexbox', './flexbox-4f8807a8', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-f4f2c9ea', './UNSAFE_IconButton', './IconButton-98198f3c', './UNSAFE_BaseButton', './BaseButton-c7ec58a5', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-fef42424', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-c7662985', './UNSAFE_Text', './Text-fe92b3df', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-06bc9afb', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-5556e0d1', './MessageFormattingUtils-2d103585', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-d918cef4', './Message.types-6ee9db5f', './MessageStartIcon-7b419742', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f93e2223', './MessageTimestamp-1a2ac232', './MessageUtils-e7482fce', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-e24a028c', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-277e232b', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-17121951', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-379eb7a9', './index-dacbf0e0', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-c5364710', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-74f17445', './UNSAFE_FocusTrap', './FocusTrap-6ba5f244', './UNSAFE_Layer', './useThemeInterpolations-b6511573', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-43273883', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,y,C,I,f,b,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,ye,Ce,Ie,fe,be,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,ys,Cs,Is,fs,bs,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao,io){"use strict";function lo({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function ro({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function co({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=lo,e.InlineRequired=ro,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(ro,{align:c}):null;return S||p?s.jsx(co,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"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"}

package/amd/UNSAFE_View.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-2932edea', './index-718bb130', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-a4a0d37b', './flexitem-0582bb78', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './_curry1-384d0e55', 'module', './keys-22ad7b6e', './_has-a3915382', './utils/UNSAFE_classNames', './classNames-aa5149b2', './_curry3-d2c98fcb', './_curry2-baf68cff', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,a,r,s,i,l,n,c,d,m,u,b,p,_,h,S,f,v,E,N,g,y,A,U,x,F,j,C,I,O,k){"use strict";const w=m.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(a.borderInterpolations),...Object.values(r.dimensionInterpolations),...Object.values(h.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=d.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:a,children:r,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:d,ariaLabelledBy:m,ariaLabel:h,...S}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),f={};s&&(f.colorScheme=s),i&&(f.scale=i);let v={};n&&(f.currentBgColor=n,v=_.assignInlineVars({[p.globalVars.currentBackgroundColor]:S.backgroundColor}));const E=a||"div",N=o.jsx(E,{"aria-label":h,"aria-labelledby":m,class:d,style:{...S,boxSizing:"border-box",...v},ref:t,children:r});return b.isEmpty(f)?N:o.jsx(u.EnvironmentProvider,{environment:f,children:N})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-ee90a607', './index-f8dc3415', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-c5364710', './flexitem-a85d9e0a', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './_curry1-048cf1e9', 'module', './keys-d0f88536', './_has-1a530383', './utils/UNSAFE_classNames', './classNames-1293aae2', './_curry3-cefac1ac', './_curry2-f7a9564c', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,a,r,s,i,l,n,c,m,d,u,p,b,_,h,S,f,v,E,N,g,y,A,U,x,F,j,C,I,O,k){"use strict";const w=d.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(a.borderInterpolations),...Object.values(r.dimensionInterpolations),...Object.values(h.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=m.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:a,children:r,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:m,ariaLabelledBy:d,ariaLabel:h,...S}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),f={};s&&(f.colorScheme=s),i&&(f.scale=i);let v={};n&&(f.currentBgColor=n,v=_.assignInlineVars({[b.globalVars.currentBackgroundColor]:S.backgroundColor}));const E=a||"div",N=o.jsx(E,{"aria-label":h,"aria-labelledby":d,class:m,style:{...S,boxSizing:"border-box",...v},ref:t,children:r});return p.isEmpty(f)?N:o.jsx(u.EnvironmentProvider,{environment:f,children:N})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_VirtualizedListView.js

@@ -1,2 +1,2 @@
-define(['exports', './VirtualizedListView-85270fea', 'preact/jsx-runtime', './PRIVATE_List', './List-0a922210', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-aa5149b2', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-270cb099', 'preact', './PRIVATE_Collection', './Collection-43a29cc0', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-c48818fb', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-cd656252', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-384d0e55', './_curry2-baf68cff', './_arity-1c95a52f', './_curry3-d2c98fcb', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-05438b86', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-a3915382', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', './keys-22ad7b6e', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-2932edea', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-6b56178a', './UNSAFE_Skeleton', './Skeleton-d0a6b8d0', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-3dffb2fe', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-6dabc5a9', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-7ad95134', './index-0ac8995a', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a4a0d37b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f538e02a', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-89f176dd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,a,c,S,d,r,h,_,A,E,F,m,u,U,N,T,k,I,p,y,V,R,b,C,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ce,Se,de,re,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,be,Ce,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,cs,Ss,ds,rs,hs,_s,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedListView-c2150744', 'preact/jsx-runtime', './PRIVATE_List', './List-12b90d40', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-1293aae2', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-be8cc8a6', 'preact', './PRIVATE_Collection', './Collection-612f8563', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-d0fe128f', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-6ba5f244', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-048cf1e9', './_curry2-f7a9564c', './_arity-74f17445', './_curry3-cefac1ac', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-fef42424', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-1a530383', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', './keys-d0f88536', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-015e6f07', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-ee90a607', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-8605be94', './UNSAFE_Skeleton', './Skeleton-ed32c47e', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-5d74acda', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-4f8807a8', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-06bc9afb', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-379eb7a9', './index-dacbf0e0', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-c5364710', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-b6511573', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-277e232b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,a,c,S,r,h,_,d,A,E,F,m,u,U,N,T,k,I,p,y,V,R,C,b,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ce,Se,re,he,_e,de,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,Ce,be,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,cs,Ss,rs,hs,_s,ds,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

package/amd/UNSAFE_VisStatusMessage.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css', './UNSAFE_Flex', './utils/UNSAFE_classNames', './classNames-aa5149b2', './Flex-3dffb2fe', './hooks/UNSAFE_useTranslationBundle', './LayoutUtils-c46dd56f', 'css!./VisStatusMessageStyles.styles.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-a2f8a8de', './Common/themes/themeContract.css', './_curry1-384d0e55', './utils/UNSAFE_mergeInterpolations', './_curry3-d2c98fcb', './_curry2-baf68cff', './_has-a3915382', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-22ad7b6e', './utils/UNSAFE_interpolations/flexbox', './flexbox-9de25ae1', './utils/UNSAFE_interpolations/flexitem', './flexitem-0582bb78', 'preact/hooks', './index-2932edea', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat'], (function(e,s,t,a,i,l,n,r,o,c,d,u,m,S,f,_,b,h,x,N,F,p,U,y,A,E,g,j,V,v,C,I,M,k,T){"use strict";function w({children:e,...a}){const i=l.classNames([a.isSelectable?"":t.userSelectStyles,t.baseStyles]);return s.jsx("div",{class:i,tabIndex:0,"aria-label":a["aria-label"],"aria-activedescendant":a.activeId,children:s.jsx(n.Flex,{width:"100%",height:"100%",justify:"center",align:"center",children:e})})}e.VisNoData=function(e){const t=r.useTranslationBundle("@oracle/oraclejet-preact").dataVisualization_noData(),a=o.getRandomId();return s.jsx(w,{"aria-label":e["aria-label"],activeId:a,children:s.jsx("span",{id:a,children:t})})},e.VisStatusMessage=w,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css', './UNSAFE_Flex', './utils/UNSAFE_classNames', './classNames-1293aae2', './Flex-5d74acda', './hooks/UNSAFE_useTranslationBundle', './LayoutUtils-76882f93', 'css!./VisStatusMessageStyles.styles.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3eb4785b', './Common/themes/themeContract.css', './_curry1-048cf1e9', './utils/UNSAFE_mergeInterpolations', './_curry3-cefac1ac', './_curry2-f7a9564c', './_has-1a530383', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d0f88536', './utils/UNSAFE_interpolations/flexbox', './flexbox-4f8807a8', './utils/UNSAFE_interpolations/flexitem', './flexitem-a85d9e0a', 'preact/hooks', './index-ee90a607', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat'], (function(e,s,a,t,i,l,n,r,o,c,u,d,m,S,_,h,x,f,N,F,p,U,b,y,A,E,g,j,V,v,C,I,M,k,T){"use strict";function w({children:e,...t}){const i=l.classNames([t.isSelectable?"":a.userSelectStyles,a.baseStyles]);return s.jsx("div",{class:i,tabIndex:0,"aria-label":t["aria-label"],"aria-activedescendant":t.activeId,children:s.jsx(n.Flex,{width:"100%",height:"100%",justify:"center",align:"center",children:e})})}e.VisNoData=function(e){const a=r.useTranslationBundle("@oracle/oraclejet-preact").dataVisualization_noData(),t=o.getRandomId();return s.jsx(w,{"aria-label":e["aria-label"],activeId:t,children:s.jsx("span",{id:t,children:a})})},e.VisStatusMessage=w,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_VisStatusMessage.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a,t,i,l,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,t,a,i,l,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,s,a,t,l,i,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,s,t,a,l,i,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e7a4c5aa'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-015e6f07'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map