@oracle/oraclejet-preact 14.0.10 → 14.1.1

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';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\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  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\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  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\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\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\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};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px',\n    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\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}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} 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 { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\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  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\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, Fragment, Ref } from 'preact';\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  | '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    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  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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 styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\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          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\n        />\n        {inlineUserAssistance}\n      </Fragment>\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","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","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';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\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  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\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  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\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\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\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};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px',\n    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\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}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} 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 { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\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  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\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, Fragment, Ref } from 'preact';\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  | '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    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  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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 styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\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          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\n        />\n        {inlineUserAssistance}\n      </Fragment>\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","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_ThemedIcons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-b8e5d729","./index-1318fb6a","preact/jsx-runtime","./UNSAFE_Icon","./Icon-b5346fcc","./tslib.es6-0620c488","preact",'module',"./utils/UNSAFE_classNames","./classNames-efacaca1","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","preact/compat","./index-235e3f2f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,a,i,r,I,S,t,l,g,u,U,v,h,E,A,N,_,F,f,k,p,C,d,b,m,w,x,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
+define(["exports","./index-f095628b","./index-c2b403d2","preact/jsx-runtime","./UNSAFE_Icon","./Icon-bf3f7959","./tslib.es6-f169f6f6","preact",'module',"./utils/UNSAFE_size","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe475c26","preact/compat","./index-8637c972","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./utils/UNSAFE_classNames","./classNames-77e465af","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,i,S,r,I,a,t,l,g,u,U,v,E,h,A,N,_,F,f,k,p,C,d,b,m,w,x,O,T,V){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ThemedIcons.js.map

package/amd/UNSAFE_UserAssistance/__tests__/InlineHelpSource.spec.js

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../InlineHelpSource-a16712df","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","css!./../../UNSAFE_UserAssistance.css","../../hooks/UNSAFE_useTranslationBundle","preact/hooks","preact","../../UNSAFE_Layer","preact/compat"],function(e,n,s,r,u,o,t,l,c,i,b,a,d,f){"use strict";describe("InlineHelpSource - TabbableModeContext",()=>{let c;beforeEach(async function(){c=null!=c?c:await async function(){const n=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:s}=await function(n){switch(n){case"../../resources/nls/ar/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar/bundle"],n,s)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar-XB/bundle"],n,s)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bg/bundle"],n,s)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs/bundle"],n,s)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs-Cyrl/bundle"],n,s)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/cs/bundle"],n,s)});case"../../resources/nls/da/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/da/bundle"],n,s)});case"../../resources/nls/de/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/de/bundle"],n,s)});case"../../resources/nls/el/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/el/bundle"],n,s)});case"../../resources/nls/en/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en/bundle"],n,s)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XA/bundle"],n,s)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XC/bundle"],n,s)});case"../../resources/nls/es/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/es/bundle"],n,s)});case"../../resources/nls/et/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/et/bundle"],n,s)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fi/bundle"],n,s)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr/bundle"],n,s)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr-CA/bundle"],n,s)});case"../../resources/nls/he/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/he/bundle"],n,s)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hr/bundle"],n,s)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hu/bundle"],n,s)});case"../../resources/nls/is/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/is/bundle"],n,s)});case"../../resources/nls/it/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/it/bundle"],n,s)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ja/bundle"],n,s)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ko/bundle"],n,s)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lt/bundle"],n,s)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lv/bundle"],n,s)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ms/bundle"],n,s)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/nl/bundle"],n,s)});case"../../resources/nls/no/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/no/bundle"],n,s)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pl/bundle"],n,s)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt/bundle"],n,s)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt-PT/bundle"],n,s)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ro/bundle"],n,s)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ru/bundle"],n,s)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sk/bundle"],n,s)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sl/bundle"],n,s)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr/bundle"],n,s)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr-Latn/bundle"],n,s)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sv/bundle"],n,s)});case"../../resources/nls/th/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/th/bundle"],n,s)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/tr/bundle"],n,s)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/uk/bundle"],n,s)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/vi/bundle"],n,s)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hans/bundle"],n,s)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hant/bundle"],n,s)});default:return new Promise(function(e,s){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})}}(`../../resources/nls/${n}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":s}}}()}),it("as input, TabbableModeContext not provided",async()=>{const e="Help source",o=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))),t=await o.findByText(e);r.expect(t).not.to.be.null;const i=null==t?void 0:t.getAttribute("tabindex");r.expect(i).to.be.null}),it("as input, TabbableModeContext isTabbable=true",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.be.null}),it("as input, TabbableModeContext isTabbable=false",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.equal("-1")}),afterEach(s.cleanup)})});
+//# sourceMappingURL=InlineHelpSource.spec.js.map

package/amd/UNSAFE_UserAssistance/__tests__/InlineHelpSource.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHelpSource.spec.js","sources":["../../../../src/UNSAFE_UserAssistance/__tests__/InlineHelpSource.spec.tsx"],"sourcesContent":["import { cleanup, render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { InlineHelpSource } from '../InlineHelpSource';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment/EnvironmentProvider';\nimport type { RootEnvironment } from '../../UNSAFE_Environment/EnvironmentContext';\n\ndescribe('InlineHelpSource - TabbableModeContext', () => {\n  let env: Partial<RootEnvironment>;\n  beforeEach(async function () {\n    env = env ?? (await getEnvironmentContext());\n  });\n\n  it('as input, TabbableModeContext not provided', async () => {\n    const value = 'Help source';\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <InlineHelpSource source=\"http://www.oracle.com\">{value}</InlineHelpSource>\n      </RootEnvironmentProvider>\n    );\n\n    const anchorElement = await content.findByText(value);\n    expect(anchorElement).not.to.be.null;\n\n    const tabindex = anchorElement?.getAttribute('tabindex');\n    expect(tabindex).to.be.null;\n  });\n\n  it('as input, TabbableModeContext isTabbable=true', async () => {\n    const value = 'Help source';\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <TabbableModeContext.Provider value={{ isTabbable: true }}>\n          <InlineHelpSource source=\"http://www.oracle.com\">{value}</InlineHelpSource>\n        </TabbableModeContext.Provider>\n      </RootEnvironmentProvider>\n    );\n\n    const anchorElement = await content.findByText(value);\n    expect(anchorElement).not.to.be.null;\n\n    const tabindex = anchorElement?.getAttribute('tabindex');\n    expect(tabindex).to.be.null;\n  });\n\n  it('as input, TabbableModeContext isTabbable=false', async () => {\n    const value = 'Help source';\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <TabbableModeContext.Provider value={{ isTabbable: false }}>\n          <InlineHelpSource source=\"http://www.oracle.com\">{value}</InlineHelpSource>\n        </TabbableModeContext.Provider>\n      </RootEnvironmentProvider>\n    );\n\n    const anchorElement = await content.findByText(value);\n    expect(anchorElement).not.to.be.null;\n\n    const tabindex = anchorElement?.getAttribute('tabindex');\n    expect(tabindex).to.equal('-1');\n  });\n\n  afterEach(cleanup);\n});\n\nasync function getEnvironmentContext() {\n  const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n  const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n  return {\n    translations: { '@oracle/oraclejet-preact': translations }\n  } as Partial<RootEnvironment>;\n}\n"],"names":["describe","env","beforeEach","async","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","getEnvironmentContext","it","value","content","render","_jsx","RootEnvironmentProvider","Object","assign","environment","children","InlineHelpSource","source","anchorElement","findByText","expect","not","to","be","null","tabindex","getAttribute","jsx","TabbableModeContext","Provider","isTabbable","equal","afterEach","cleanup"],"mappings":"2XAQAA,SAAS,yCAA0C,KACjD,IAAIC,EACJC,WAAWC,iBACTF,EAAMA,MAAAA,EAAAA,QAuDVE,iBACE,MAAMC,EAASC,yBAAuB,CAAC,MAAO,IAAIC,IAAI,CAAC,QAAS,SACxDC,QAASC,q0KAAuBC,CAAO,uBAAuBL,eACtE,MAAO,CACLI,aAAc,CAAE,2BAA4BA,IA3DxBE,KAGtBC,GAAG,6CAA8CR,UAC/C,MAAMS,EAAQ,cACRC,EAAUC,EAAAA,OACdC,MAACC,0BAAuBC,OAAAC,OAAA,CAACC,YAAalB,GAAG,CAAAmB,SACvCL,EAAAA,IAACM,EAAgBA,iBAAAJ,OAAAC,OAAA,CAACI,OAAO,mCAAyBV,SAIhDW,QAAsBV,EAAQW,WAAWZ,GAC/Ca,EAAMA,OAACF,GAAeG,IAAIC,GAAGC,GAAGC,KAEhC,MAAMC,EAAWP,MAAAA,OAAa,EAAbA,EAAeQ,aAAa,YAC7CN,EAAAA,OAAOK,GAAUH,GAAGC,GAAGC,OAGzBlB,GAAG,gDAAiDR,UAClD,MAAMS,EAAQ,cACRC,EAAUC,EAAAA,OACdC,EAAAiB,IAAChB,EAAuBA,wBAACC,OAAAC,OAAA,CAAAC,YAAalB,aACpCc,EAAAA,IAACkB,EAAmBA,oBAACC,wBAAStB,MAAO,CAAEuB,YAAY,IACjD,CAAAf,SAAAL,EAAAiB,IAACX,mBAAiBJ,OAAAC,OAAA,CAAAI,OAAO,mCAAyBV,YAKlDW,QAAsBV,EAAQW,WAAWZ,GAC/Ca,EAAMA,OAACF,GAAeG,IAAIC,GAAGC,GAAGC,KAEhC,MAAMC,EAAWP,MAAAA,OAAa,EAAbA,EAAeQ,aAAa,YAC7CN,EAAAA,OAAOK,GAAUH,GAAGC,GAAGC,OAGzBlB,GAAG,iDAAkDR,UACnD,MAAMS,EAAQ,cACRC,EAAUC,EAAAA,OACdC,EAAAiB,IAAChB,EAAuBA,wBAACC,OAAAC,OAAA,CAAAC,YAAalB,aACpCc,EAAAA,IAACkB,EAAmBA,oBAACC,wBAAStB,MAAO,CAAEuB,YAAY,IACjD,CAAAf,SAAAL,EAAAiB,IAACX,mBAAiBJ,OAAAC,OAAA,CAAAI,OAAO,mCAAyBV,YAKlDW,QAAsBV,EAAQW,WAAWZ,GAC/Ca,EAAMA,OAACF,GAAeG,IAAIC,GAAGC,GAAGC,KAEhC,MAAMC,EAAWP,MAAAA,OAAa,EAAbA,EAAeQ,aAAa,YAC7CN,EAAAA,OAAOK,GAAUH,GAAGS,MAAM,QAG5BC,UAAUC,EAAOA"}

package/amd/UNSAFE_UserAssistance.css

@@ -1,11 +1,11 @@
-.y3tojr{margin-inline-end:0.25rem;white-space:pre;}
+.a4dyd3{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.a4dyd3:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}.a4dyd3:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}.a4dyd3:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}.a4dyd3:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
 
-._120tuu1{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._120tuu1:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._120tuu1:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._120tuu1:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}._120tuu1:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+._1mlgj78{margin-inline-end:0.25rem;white-space:pre;}
 
-.z52oq1{padding-inline-end:2px;text-align:start;}
-.t029i3{padding-inline-start:2px;text-align:end;}
-.xwkvpm{display:none;}
+._147fp9v{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
+._125asrj:empty{margin-top:0px;}
+.ivga82{min-height:1.333rem;}
 
-.np68m9{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
-.ych5d7:empty{margin-top:0px;}
-._6vi807{min-height:1.333rem;}
+.fb3uqc{padding-inline-end:2px;text-align:start;}
+.fz6wnc{padding-inline-start:2px;text-align:end;}
+.nic7wl{display:none;}

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-f63a8bfb","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-efacaca1","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-31c64104","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-b7f25750","./PRIVATE_Message","./UNSAFE_Flex","./Flex-ab401fac","./tslib.es6-0620c488","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/UNSAFE_interpolations/boxalignment","./keys-a890be37","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./utils/PRIVATE_timer","./MessageCloseButton-f315afc4","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./MessageDetail-43d9a644","./MessageFormattingUtils-0860b6cc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b50295bb","./Message.types-693a69c2","./MessageStartIcon-b7c0ed92","./MessageSummary-142352fa","./MessageTimestamp-c36cb04b","./MessageUtils-4fe36e53","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-11baf986","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3ad00300"],function(e,s,i,t,n,o,a,l,c,r,u,A,_,F,d,U,S,E,f,N,g,b,h,x,m,p,k,T,I,M,j,v,C,y,H,B,P,R,L,O,V,q,w,z,D,G,J,K,Q,W,X,Y,Z,$,ee,se,ie,te,ne,oe,ae,le,ce,re,ue,Ae,_e,Fe,de,Ue,Se,Ee,fe,Ne,ge,be,he,xe,me,pe,ke,Te,Ie,Me){"use strict";function je({assistiveText:e,sourceLink:i,sourceText:n}){return s.jsxs("div",{children:[e&&i?s.jsx("span",Object.assign({class:"y3tojr"},{children:e})):e,i&&s.jsx(t.InlineHelpSource,Object.assign({source:i},{children:n}))]})}const ve={start:"z52oq1",end:"t029i3"};function Ce({align:e="end",hasHelp:i=!1,hasMessages:t=!1}){const n=a.classNames([ve[e],(i||t)&&"xwkvpm"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:n},{children:l}))}const ye={reflow:"ych5d7",efficient:"_6vi807"};function He({variant:e="reflow",children:i,id:t}){const n=a.classNames(["np68m9",ye[e]]);return s.jsx("div",Object.assign({class:n,id:t},{children:i}))}e.InlineHelpSource=t.InlineHelpSource,e.InlineHelp=je,e.InlineRequired=Ce,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:i,helpSourceLink:t,helpSourceText:n,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:A}){const{isReadonly:_}=c.useFormContext(),F="efficient"===A&&!1===_,{isFocused:d}=r.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:i,messages:l}):(e||t)&&d?s.jsx(je,{assistiveText:e,sourceLink:t,sourceText:n}):a?s.jsx(Ce,{}):null;return U||F?s.jsx(He,Object.assign({id:o,variant:A},{children:U})):null},e.InlineUserAssistanceContainer=He,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-a16712df","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-77e465af","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-a274e23d","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-2985b387","./PRIVATE_Message","./UNSAFE_Flex","./Flex-6a69bc2a","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./utils/PRIVATE_timer","./MessageCloseButton-6fd750b0","./UNSAFE_Button","./Button-95c272b3","./UNSAFE_BaseButton","./BaseButton-cc1e314c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-6cd92723","./utils/UNSAFE_mergeProps","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./hooks/UNSAFE_useTheme","./MessageDetail-49daadc3","./MessageFormattingUtils-eb594b6a","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e17f4469","./Message.types-ba802f0d","./MessageStartIcon-36c31428","./MessageSummary-31da06a2","./MessageTimestamp-a8b2f726","./MessageUtils-7a134473","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-fabd2ebf","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-51ce05e2"],function(e,s,i,n,t,o,a,l,r,c,u,d,_,A,F,U,S,f,E,N,g,b,h,x,m,p,k,T,j,I,M,v,C,y,H,B,P,R,L,O,V,w,q,z,D,G,J,K,Q,W,X,Y,Z,$,ee,se,ie,ne,te,oe,ae,le,re,ce,ue,de,_e,Ae,Fe,Ue,Se,fe,Ee,Ne,ge,be,he,xe,me,pe,ke,Te,je,Ie){"use strict";function Me({assistiveText:e,sourceLink:i,sourceText:t}){return s.jsxs("div",{children:[e&&i?s.jsx("span",Object.assign({class:"_1mlgj78"},{children:e})):e,i&&s.jsx(n.InlineHelpSource,Object.assign({source:i},{children:t}))]})}const ve={start:"fb3uqc",end:"fz6wnc"};function Ce({align:e="end",hasHelp:i=!1,hasMessages:n=!1}){const t=a.classNames([ve[e],(i||n)&&"nic7wl"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:t},{children:l}))}const ye={reflow:"_125asrj",efficient:"ivga82"};function He({variant:e="reflow",children:i,id:n}){const t=a.classNames(["_147fp9v",ye[e]]);return s.jsx("div",Object.assign({class:t,id:n},{children:i}))}e.InlineHelpSource=n.InlineHelpSource,e.InlineHelp=Me,e.InlineRequired=Ce,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:i,helpSourceLink:n,helpSourceText:t,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:_}=r.useFormContext(),A="efficient"===d&&!1===_,{isFocused:F}=c.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:i,messages:l}):(e||n)&&F?s.jsx(Me,{assistiveText:e,sourceLink:n,sourceText:t}):a?s.jsx(Ce,{}):null;return U||A?s.jsx(He,Object.assign({id:o,variant:d},{children:U})):null},e.InlineUserAssistanceContainer=He,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/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\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 = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\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 classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { 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\n// TODO: support 'compact' density type\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  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  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 />\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","_jsxs","children","_jsx","jsx","Object","assign","class","InlineHelpSource","source","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","useTranslationBundle","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"61EAcA,SAAAA,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAC,SAAA,CAAAJ,GAAAC,EAAAI,EAAAC,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAZF,UAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,uBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,WAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,8BAmBA,SAAAS,IAAAC,QAAAA,EAAA,SAAAlB,SAAAA,EAAAmB,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,SA4BEZ,GAAAU,KAEA,OAAAjB,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,EAAAG,GAAAA,GAAA,CAAAnB,SAAAA,sGCbI,UAA+BJ,cACnCA,EAAayB,WACbA,EAAUC,eACVA,EAAcC,eACdA,EAAcJ,GACdA,EAAEK,gBACFA,EAAeC,SACfA,EAAW,GAAEC,sBACbA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBjC,EAAAA,IAACkC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1D7B,GAAiB0B,IAAmBS,EACvC9B,EAAAA,IAACN,GAAU,CACTC,cAAeA,EACfC,WAAYyB,EACZxB,WAAYyB,IAEZC,EACFvB,EAACC,IAAAO,OACC,KAKN,OAAOwB,GAAmBH,EACxB7B,EAAAC,IAACe,GAA6Bd,OAAAC,OAAA,CAACe,GAAIA,EAAID,QAASQ,GAC7C,CAAA1B,SAAAiC,KAED"}
+{"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/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\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 = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\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 classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { 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\n// TODO: support 'compact' density type\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  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  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 />\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","_jsxs","children","_jsx","jsx","Object","assign","class","InlineHelpSource","source","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","useTranslationBundle","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"61EAcA,SAAAA,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAC,SAAA,CAAAJ,GAAAC,EAAAI,EAAAC,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAZF,YAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,uBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,WAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,+BAmBA,SAAAS,IAAAC,QAAAA,EAAA,SAAAlB,SAAAA,EAAAmB,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,WA4BEZ,GAAAU,KAEA,OAAAjB,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,EAAAG,GAAAA,GAAA,CAAAnB,SAAAA,sGCbI,UAA+BJ,cACnCA,EAAayB,WACbA,EAAUC,eACVA,EAAcC,eACdA,EAAcJ,GACdA,EAAEK,gBACFA,EAAeC,SACfA,EAAW,GAAEC,sBACbA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBjC,EAAAA,IAACkC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1D7B,GAAiB0B,IAAmBS,EACvC9B,EAAAA,IAACN,GAAU,CACTC,cAAeA,EACfC,WAAYyB,EACZxB,WAAYyB,IAEZC,EACFvB,EAACC,IAAAO,OACC,KAKN,OAAOwB,GAAmBH,EACxB7B,EAAAC,IAACe,GAA6Bd,OAAAC,OAAA,CAACe,GAAIA,EAAID,QAASQ,GAC7C,CAAA1B,SAAAiC,KAED"}

package/amd/UNSAFE_View/__tests__/View.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../UNSAFE_View","../../tslib.es6-f169f6f6","preact/compat","../../utils/UNSAFE_interpolations/borders","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b",'module',"../../keys-dde22c13","../../_has-4e29ea27","../../utils/UNSAFE_interpolations/colors","../../utils/UNSAFE_interpolations/padding","../../utils/UNSAFE_interpolations/aria","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry3-1f16eff2","../../_curry2-386569fb"],function(e,i,t,s,l,a,n,r,c,o,d,b,p,u,f,x,_,y,N,E,U,g,A,F){"use strict";describe("Test View component",()=>{it("render",async function(){const{container:l}=i.render(e.jsx(s.View,Object.assign({border:"2px solid red"},{children:e.jsx("div",{style:"width: 50px; height: 50px;"})})));t.expect(l.firstChildElement).not.null}),it("adds aria-label using accessibleLabel prop",()=>{const l="test label",{getByLabelText:a}=i.render(e.jsx(s.View,{accessibleLabel:l}));t.expect(a(l)).not.null}),it("adds aria-labelledby using ariaLabelledBy prop",()=>{const l="testId",a="test label",{getByLabelText:n}=i.render(e.jsx(s.View,Object.assign({ariaLabelledBy:l},{children:e.jsx("label",Object.assign({id:l},{children:a}))})));t.expect(n(a)).not.null})})});
+//# sourceMappingURL=View.spec.js.map

package/amd/UNSAFE_View/__tests__/View.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.spec.js","sources":["../../../../src/UNSAFE_View/__tests__/View.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { View } from '..';\n\ndescribe('Test View component', () => {\n  it('render', async function () {\n    const { container } = render(\n      <View border=\"2px solid red\">\n        <div style=\"width: 50px; height: 50px;\" />\n      </View>\n    ) as any;\n    // Test that the inner content is rendered.\n    expect(container.firstChildElement).not.null;\n  });\n\n  it('adds aria-label using accessibleLabel prop', () => {\n    const label = 'test label';\n    const { getByLabelText } = render(<View accessibleLabel={label} />);\n    expect(getByLabelText(label)).not.null;\n  });\n\n  it('adds aria-labelledby using ariaLabelledBy prop', () => {\n    const labelId = 'testId';\n    const label = 'test label';\n    const { getByLabelText } = render(\n      <View ariaLabelledBy={labelId}>\n        <label id={labelId}>{label}</label>\n      </View>\n    );\n    expect(getByLabelText(label)).not.null;\n  });\n});\n"],"names":["describe","it","async","container","render","_jsx","View","Object","assign","border","children","style","expect","firstChildElement","not","null","label","getByLabelText","jsx","accessibleLabel","labelId","ariaLabelledBy","id"],"mappings":"uwBAIAA,SAAS,sBAAuB,KAC9BC,GAAG,SAAUC,iBACX,MAAMC,UAAEA,GAAcC,SACpBC,EAAAA,IAACC,EAAAA,KAAKC,OAAAC,OAAA,CAAAC,OAAO,iBAAe,CAAAC,SAC1BL,aAAKM,MAAM,mCAIfC,EAAAA,OAAOT,EAAUU,mBAAmBC,IAAIC,OAG1Cd,GAAG,6CAA8C,KAC/C,MAAMe,EAAQ,cACRC,eAAEA,GAAmBb,EAAAA,OAAOC,EAAAa,IAACZ,EAAIA,KAAA,CAACa,gBAAiBH,KACzDJ,EAAAA,OAAOK,EAAeD,IAAQF,IAAIC,OAGpCd,GAAG,iDAAkD,KACnD,MAAMmB,EAAU,SACVJ,EAAQ,cACRC,eAAEA,GAAmBb,EAAMA,OAC/BC,EAAAa,IAACZ,EAAIA,KAAAC,OAAAC,OAAA,CAACa,eAAgBD,GACpB,CAAAV,SAAAL,MAAA,QAAAE,OAAAC,OAAA,CAAOc,GAAIF,aAAUJ,SAGzBJ,EAAAA,OAAOK,EAAeD,IAAQF,IAAIC"}

package/amd/UNSAFE_View.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-0620c488","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_mergeInterpolations","./utils/UNSAFE_arrayUtils","./flexitem-a10cde90","./utils/UNSAFE_size","./_curry1-804b6f8c",'module',"./keys-a890be37","./_has-68a93609","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry3-f4ff846a","./_curry2-1a6a3c9f"],function(e,a,s,i,t,l,r,n,o,c,u,b,d,p,_,f,m,y,N,A,S,U){"use strict";const j=b.stringLiteralArray(["div","main","article","section","aside"]),E=[...Object.values(t.borderInterpolations),...Object.values(l.dimensionInterpolations),...Object.values(d.flexitemInterpolations),...Object.values(n.colorInterpolations),...Object.values(o.paddingInterpolations),...Object.values(c.ariaInterpolations)],F=u.mergeInterpolations(E),v=i.forwardRef((e,i)=>{const{as:t,children:l}=e,r=a.__rest(e,["as","children"]),n=F(r),{class:o,ariaLabelledBy:c,ariaLabel:u}=n,b=a.__rest(n,["class","ariaLabelledBy","ariaLabel"]);b.boxSizing="border-box";const d=t||"div";return s.jsx(d,Object.assign({"aria-label":u,"aria-labelledby":c,class:o,style:b,ref:i},{children:l}))});e.View=v,e.elementTypes=j,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f169f6f6","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_mergeInterpolations","./utils/UNSAFE_arrayUtils","./flexitem-a81fbe8b","./utils/UNSAFE_size","./_curry1-4048f3ff",'module',"./keys-dde22c13","./_has-4e29ea27","./utils/UNSAFE_classNames","./classNames-77e465af","./_curry3-1f16eff2","./_curry2-386569fb"],function(e,s,a,i,t,l,r,n,o,c,u,b,d,p,f,_,m,y,N,A,S,U){"use strict";const j=b.stringLiteralArray(["div","main","article","section","aside"]),E=[...Object.values(t.borderInterpolations),...Object.values(l.dimensionInterpolations),...Object.values(d.flexitemInterpolations),...Object.values(n.colorInterpolations),...Object.values(o.paddingInterpolations),...Object.values(c.ariaInterpolations)],F=u.mergeInterpolations(E),v=i.forwardRef((e,i)=>{const{as:t,children:l}=e,r=s.__rest(e,["as","children"]),n=F(r),{class:o,ariaLabelledBy:c,ariaLabel:u}=n,b=s.__rest(n,["class","ariaLabelledBy","ariaLabel"]);b.boxSizing="border-box";const d=t||"div";return a.jsx(d,Object.assign({"aria-label":u,"aria-labelledby":c,class:o,style:b,ref:i},{children:l}))});e.View=v,e.elementTypes=j,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListView.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_VirtualizedListView","../../listViewTestFixtures-8ef57c72","../../listViewSelectionTests-7340be05","../../VirtualizedListView-11727b41","../../Flex-6a69bc2a","../../tslib.es6-f169f6f6","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../PRIVATE_List","../../List-5d60b09d","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-bd98d014","../../PRIVATE_Collection","../../Collection-b7c3d993","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-e9cc859f","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-0a63cd07","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-64ad9097","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-4620c633"],function(e,t,s,i,o,n,l,a,c,r,u,d,A,E,S,_,b,F,U,N,f,h,T,V,g,I,m,k,p,x,v,R,y,P,O,j,C,w,z,L,K,M,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,le,ae,ce,re,ue,de,Ae,Ee,Se,_e,be,Fe,Ue,Ne,fe,he,Te,Ve,ge){"use strict";function Ie({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u}){const d=t.useRef(null),[A,E]=t.useState(o),[S,_]=t.useState(r),[b,F]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:d},{children:e.jsx(l.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:b,currentKey:A,selectedKeys:S,selectionMode:u,viewportConfig:{scroller:()=>d.current},onCurrentKeyChange:e=>E(e.value),onSelectionChange:e=>_(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},b),{offset:t,data:i.slice(t,s)});F(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(a.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test VirtualizedListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(Ie),n.testAria.bind(void 0)(Ie),n.testKeys.bind(void 0)(Ie),n.testGridlines.bind(void 0)(Ie),n.testItemAction.bind(void 0)(Ie),n.testSelection.bind(void 0)(Ie)})});
+//# sourceMappingURL=VirtualizedListView.spec.js.map

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListView.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView.spec.js","sources":["../../../../src/UNSAFE_VirtualizedListView/__tests__/VirtualizedListView.spec.tsx"],"sourcesContent":["/**\n * General VirtualizedListView tests\n */\nimport { useRef, useState } from 'preact/hooks';\n\nimport { DataState, ListItemContext, Range } from '../../UNSAFE_Collection';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { Keys } from '../../utils/UNSAFE_keys';\nimport { VirtualizedListView } from '..';\n\nimport { setupIntersectionObserverMock } from '../../../test/mocks/mockIntersectionObserver';\nimport * as ListTests from '../../PRIVATE_List/__tests__/shared/listViewTests';\nimport { testSelection } from '../../PRIVATE_List/__tests__/shared/listViewSelectionTests';\n\ntype Employee<K> = {\n  id: K;\n  name: string;\n};\n\ntype Props<K, D> = ListTests.Props<K, D>;\n\nfunction TestComponent<K extends string | number>({\n  currentItemVariant,\n  data,\n  initialKey,\n  gridlines,\n  onItemAction,\n  selectedKeys,\n  selectionMode\n}: Props<K, Employee<K>>) {\n  const rootRef = useRef(null);\n  const [currentKey, setCurrentKey] = useState<K | undefined>(initialKey);\n  const [selection, setSelection] = useState<Keys<K> | undefined>(selectedKeys);\n  const [dataState, setDataState] = useState<DataState<K, Employee<K>>>({\n    offset: 0,\n    data: data.slice(0, 25),\n    totalSize: data.length,\n    sizePrecision: 'exact'\n  });\n\n  const loadRange = (range: Range) => {\n    const startIndex = range.offset;\n    const endIndex = startIndex + range.count;\n    const newDataState = {\n      ...dataState,\n      offset: startIndex,\n      data: data.slice(startIndex, endIndex)\n    };\n    setDataState(newDataState);\n  };\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div\n      style=\"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto\"\n      ref={rootRef}>\n      <VirtualizedListView\n        accessibleSummary=\"Basic list\"\n        data={dataState}\n        currentKey={currentKey}\n        selectedKeys={selection}\n        selectionMode={selectionMode}\n        viewportConfig={getConfig()}\n        onCurrentKeyChange={(detail) => setCurrentKey(detail.value)}\n        onSelectionChange={(detail) => setSelection(detail.value)}\n        onLoadRange={loadRange}\n        gridlines={gridlines}\n        onItemAction={onItemAction}\n        currentItemVariant={currentItemVariant}>\n        {(context: ListItemContext<K, Employee<K>>) => (\n          <Flex>\n            {context.selector && context.selector()}\n            <div\n              className=\"item\"\n              style={{\n                height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))',\n                padding: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n              }}>\n              {context.data.name}\n            </div>\n          </Flex>\n        )}\n      </VirtualizedListView>\n    </div>\n  );\n}\n\ndescribe('Test VirtualizedListView component', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      setupIntersectionObserverMock();\n    }\n  });\n\n  // bind shared tests\n  ListTests.testRender.bind(this)(TestComponent);\n  ListTests.testAria.bind(this)(TestComponent);\n  ListTests.testKeys.bind(this)(TestComponent);\n  ListTests.testGridlines.bind(this)(TestComponent);\n  ListTests.testItemAction.bind(this)(TestComponent);\n\n  // selection tests\n  testSelection.bind(this)(TestComponent);\n});\n"],"names":["TestComponent","currentItemVariant","data","initialKey","gridlines","onItemAction","selectedKeys","selectionMode","rootRef","useRef","currentKey","setCurrentKey","useState","selection","setSelection","dataState","setDataState","offset","slice","totalSize","length","sizePrecision","_jsx","style","ref","children","VirtualizedListView","Object","assign","accessibleSummary","viewportConfig","scroller","current","onCurrentKeyChange","detail","value","onSelectionChange","onLoadRange","range","startIndex","endIndex","count","newDataState","context","_jsxs","jsxs","Flex","selector","jsx","className","height","padding","name","describe","beforeEach","window","IntersectionObserver","setupIntersectionObserverMock","ListTests.testRender","bind","this","ListTests.testAria","ListTests.testKeys","ListTests.testGridlines","ListTests.testItemAction","testSelection"],"mappings":"wgFAqBA,SAASA,IAAyCC,mBAChDA,EAAkBC,KAClBA,EAAIC,WACJA,EAAUC,UACVA,EAASC,aACTA,EAAYC,aACZA,EAAYC,cACZA,IAEA,MAAMC,EAAUC,SAAO,OAChBC,EAAYC,GAAiBC,EAAQA,SAAgBT,IACrDU,EAAWC,GAAgBF,EAAQA,SAAsBN,IACzDS,EAAWC,GAAgBJ,WAAoC,CACpEK,OAAQ,EACRf,KAAMA,EAAKgB,MAAM,EAAG,IACpBC,UAAWjB,EAAKkB,OAChBC,cAAe,UAsBjB,OACEC,EAAAA,yBACEC,MAAM,mFACNC,IAAKhB,GACL,CAAAiB,SAAAH,EAAAA,IAACI,EAAAA,oBACCC,OAAAC,OAAA,CAAAC,kBAAkB,aAClB3B,KAAMa,EACNL,WAAYA,EACZJ,aAAcO,EACdN,cAAeA,EACfuB,eAjBG,CACLC,SAAU,IACDvB,EAAQwB,SAgBfC,mBAAqBC,GAAWvB,EAAcuB,EAAOC,OACrDC,kBAAoBF,GAAWpB,EAAaoB,EAAOC,OACnDE,YAhCaC,IACjB,MAAMC,EAAaD,EAAMrB,OACnBuB,EAAWD,EAAaD,EAAMG,MAC9BC,EACDf,OAAAC,OAAAD,OAAAC,OAAA,GAAAb,IACHE,OAAQsB,EACRrC,KAAMA,EAAKgB,MAAMqB,EAAYC,KAE/BxB,EAAa0B,IAyBTtC,UAAWA,EACXC,aAAcA,EACdJ,mBAAoBA,GACnB,CAAAwB,SAACkB,GACAC,EAACC,KAAAC,EAAIA,KACF,CAAArB,SAAA,CAAAkB,EAAQI,UAAYJ,EAAQI,WAC7BzB,EAAA0B,IAAA,MAAArB,OAAAC,OAAA,CACEqB,UAAU,OACV1B,MAAO,CACL2B,OAAQ,uDACRC,QAAS,mDAEV,CAAA1B,SAAAkB,EAAQzC,KAAKkD,iBAS5BC,SAAS,qCAAsC,KAC7CC,WAAW,KACJC,OAAOC,sBACVC,EAAAA,kCAKJC,EAAAA,WAAqBC,UAAKC,EAA1BF,CAAgC1D,IAChC6D,EAAAA,SAAmBF,UAAKC,EAAxBC,CAA8B7D,IAC9B8D,EAAAA,SAAmBH,UAAKC,EAAxBE,CAA8B9D,IAC9B+D,EAAAA,cAAwBJ,UAAKC,EAA7BG,CAAmC/D,IACnCgE,EAAAA,eAAyBL,UAAKC,EAA9BI,CAAoChE,IAGpCiE,EAAAA,cAAcN,UAAKC,EAAnBK,CAAyBjE"}

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListViewTabbableMode.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../VirtualizedListView-11727b41","../../listViewTestFixtures-8ef57c72","../../listViewTabbableModeTests-3b9051b7","../../Flex-6a69bc2a","preact","../../tslib.es6-f169f6f6","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../PRIVATE_List","../../List-5d60b09d","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-bd98d014","../../PRIVATE_Collection","../../Collection-b7c3d993","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-e9cc859f","../../UNSAFE_FocusTrap","../../FocusTrap-0a63cd07","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-64ad9097","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-4620c633"],function(e,t,s,o,i,n,a,l,r,c,u,d,b,_,A,E,F,S,f,h,U,N,x,p,g,T,k,I,V,m,j,P,y,R,v,w,C,O,M,z,L,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ne,ae,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,fe,he,Ue,Ne,xe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[n,a]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:n,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>a(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test VirtualizedListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||n.setupIntersectionObserverMock()}),a.testTabbableMode.bind(void 0)(ke)})});
+//# sourceMappingURL=VirtualizedListViewTabbableMode.spec.js.map

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListViewTabbableMode.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListViewTabbableMode.spec.js","sources":["../../../../src/UNSAFE_VirtualizedListView/__tests__/VirtualizedListViewTabbableMode.spec.tsx"],"sourcesContent":["/**\n * VirtualizedListView tests pertaining to single and multi-select with mouse and keyboard\n */\nimport { JSX } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\n\nimport { DataState, ListItemContext, Range } from '../../UNSAFE_Collection';\nimport { useTabbableMode } from '../../hooks/UNSAFE_useTabbableMode';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { VirtualizedListView } from '../VirtualizedListView';\n\nimport { setupIntersectionObserverMock } from '../../../test/mocks/mockIntersectionObserver';\nimport {\n  Props,\n  testTabbableMode\n} from '../../PRIVATE_List/__tests__/shared/listViewTabbableModeTests';\n\n/**\n * Declare some tabbableMode aware components\n */\nconst Button = (props: JSX.HTMLAttributes<HTMLButtonElement>) => {\n  const { tabbableModeProps } = useTabbableMode();\n  return <button tabIndex={tabbableModeProps.tabIndex} {...props} />;\n};\n\nconst Input = (props: JSX.HTMLAttributes<HTMLInputElement>) => {\n  const { tabbableModeProps } = useTabbableMode();\n  return <input tabIndex={tabbableModeProps.tabIndex} {...props} />;\n};\n\ntype Employee<K> = {\n  id: K;\n  name: string;\n};\n\nfunction TestComposition<K extends string | number>({ data }: Props<K>) {\n  const rootRef = useRef(null);\n  const [currentKey, setCurrentKey] = useState<K | undefined>(undefined);\n  const [dataState, setDataState] = useState<DataState<K, Employee<K>>>({\n    offset: 0,\n    data: data.slice(0, 25),\n    totalSize: data.length,\n    sizePrecision: 'exact'\n  });\n\n  const loadRange = (range: Range) => {\n    const startIndex = range.offset;\n    const endIndex = startIndex + range.count;\n    const newDataState = {\n      ...dataState,\n      offset: startIndex,\n      data: data.slice(startIndex, endIndex)\n    };\n    setDataState(newDataState);\n  };\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div style=\"height: 200px;overflow: auto\" ref={rootRef}>\n      <button>Preceding Button</button>\n      <VirtualizedListView\n        accessibleSummary=\"Basic list\"\n        data={dataState}\n        currentKey={currentKey}\n        viewportConfig={getConfig()}\n        onCurrentKeyChange={(detail) => setCurrentKey(detail.value)}\n        onLoadRange={loadRange}>\n        {(context: ListItemContext<K, Employee<K>>) => (\n          <Flex>\n            {context.selector && context.selector()}\n            <div className=\"item\" style={{ height: '20px', padding: '0.75rem' }}>\n              <Input data-testid={'input-' + context.data.id} />\n              <span>{context.data.name}</span>\n              <Button data-testid={'button-' + context.data.id}>Inside Button</Button>\n            </div>\n          </Flex>\n        )}\n      </VirtualizedListView>\n      <button>Following Button</button>\n    </div>\n  );\n}\n\ndescribe('Test VirtualizedListView component Selection', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      setupIntersectionObserverMock();\n    }\n  });\n  testTabbableMode.bind(this)(TestComposition);\n});\n"],"names":["Button","props","tabbableModeProps","useTabbableMode","_jsx","Object","assign","tabIndex","Input","TestComposition","data","rootRef","useRef","currentKey","setCurrentKey","useState","undefined","dataState","setDataState","offset","slice","totalSize","length","sizePrecision","_jsxs","style","ref","children","jsx","VirtualizedListView","accessibleSummary","viewportConfig","scroller","current","onCurrentKeyChange","detail","value","onLoadRange","range","startIndex","endIndex","count","newDataState","context","Flex","selector","className","height","padding","id","name","describe","beforeEach","window","IntersectionObserver","setupIntersectionObserverMock","testTabbableMode","bind","this"],"mappings":"u9EAoBA,MAAMA,GAAUC,IACd,MAAMC,kBAAEA,GAAsBC,EAAAA,kBAC9B,OAAOC,MAAA,SAAAC,OAAAC,OAAA,CAAQC,SAAUL,EAAkBK,UAAcN,KAGrDO,GAASP,IACb,MAAMC,kBAAEA,GAAsBC,EAAAA,kBAC9B,OAAOC,MAAA,QAAAC,OAAAC,OAAA,CAAOC,SAAUL,EAAkBK,UAAcN,KAQ1D,SAASQ,IAA2CC,KAAEA,IACpD,MAAMC,EAAUC,SAAO,OAChBC,EAAYC,GAAiBC,EAAQA,cAAgBC,IACrDC,EAAWC,GAAgBH,WAAoC,CACpEI,OAAQ,EACRT,KAAMA,EAAKU,MAAM,EAAG,IACpBC,UAAWX,EAAKY,OAChBC,cAAe,UAsBjB,OACEC,OAAA,MAAAnB,OAAAC,OAAA,CAAKmB,MAAM,+BAA+BC,IAAKf,GAAO,CAAAgB,SAAA,CACpDvB,EAAiCwB,IAAA,SAAA,CAAAD,SAAA,qBACjCvB,EAACwB,IAAAC,EAAmBA,oBAClBxB,OAAAC,OAAA,CAAAwB,kBAAkB,aAClBpB,KAAMO,EACNJ,WAAYA,EACZkB,eAdG,CACLC,SAAU,IACDrB,EAAQsB,SAafC,mBAAqBC,GAAWrB,EAAcqB,EAAOC,OACrDC,YA5BaC,IACjB,MAAMC,EAAaD,EAAMnB,OACnBqB,EAAWD,EAAaD,EAAMG,MAC9BC,EACDrC,OAAAC,OAAAD,OAAAC,OAAA,GAAAW,IACHE,OAAQoB,EACR7B,KAAMA,EAAKU,MAAMmB,EAAYC,KAE/BtB,EAAawB,KAoBa,CAAAf,SACpBgB,GACAnB,EAAAA,KAACoB,EAAAA,KACE,CAAAjB,SAAA,CAAAgB,EAAQE,UAAYF,EAAQE,WAC7BrB,OAAK,MAAAnB,OAAAC,OAAA,CAAAwC,UAAU,OAAOrB,MAAO,CAAEsB,OAAQ,OAAQC,QAAS,YACtD,CAAArB,SAAA,CAAAvB,EAAAwB,IAACpB,GAAK,CAAA,cAAc,SAAWmC,EAAQjC,KAAKuC,KAC5C7C,EAAAA,IAAA,OAAA,CAAAuB,SAAOgB,EAAQjC,KAAKwC,OACpB9C,MAACJ,GAAMK,OAAAC,OAAA,CAAA,cAAc,UAAYqC,EAAQjC,KAAKuC,IAAE,CAAAtB,SAAA,6BAKxDvB,EAAAwB,IAAA,SAAA,CAAAD,SAAA,yBAKNwB,SAAS,+CAAgD,KACvDC,WAAW,KACJC,OAAOC,sBACVC,EAAAA,kCAGJC,EAAAA,iBAAiBC,UAAKC,EAAtBF,CAA4B/C"}

package/amd/UNSAFE_VirtualizedListView.js

@@ -1,2 +1,2 @@
-define(["exports","./VirtualizedListView-e41db6f5","preact/jsx-runtime","./PRIVATE_List","./List-ad5c8aaa","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-efacaca1","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-22a0bb0f","./PRIVATE_Collection","./Collection-6621d74c","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-81572543","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-0d5cde5d","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-804b6f8c","./_curry2-1a6a3c9f","./_curry3-f4ff846a","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-30541092","./tslib.es6-0620c488","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-68a93609","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-ab401fac","./utils/UNSAFE_interpolations/boxalignment","./keys-a890be37","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./UNSAFE_Selector","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,u,n,_,r,A,c,E,F,U,S,N,b,d,k,f,h,T,V,p,I,m,x,P,R,g,y,C,L,z,w,M,v,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ue,ne,_e,re,Ae,ce,Ee,Fe,Ue,Se,Ne,be){"use strict";e.VirtualizedListView=o.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./VirtualizedListView-11727b41","preact/jsx-runtime","./PRIVATE_List","./List-5d60b09d","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-77e465af","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-bd98d014","./PRIVATE_Collection","./Collection-b7c3d993","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-e9cc859f","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-0a63cd07","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-4048f3ff","./_curry2-386569fb","./_curry3-1f16eff2","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-64ad9097","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-4e29ea27","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-6a69bc2a","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./UNSAFE_Selector","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,u,n,a,_,r,A,E,c,F,U,S,N,d,b,f,k,h,T,V,p,I,m,x,P,R,g,y,C,L,z,w,M,v,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ue,ne,ae,_e,re,Ae,Ee,ce,Fe,Ue,Se,Ne,de){"use strict";e.VirtualizedListView=o.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

package/amd/VirtualizedCollection-e9cc859f.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect","./Collection-b7c3d993"],function(e,t,o,n,r,i,l){"use strict";r.stringLiteralArray(["topPlaceholder","bottomPlaceholder"]);const c="oj-collection-placeholder",s=({context:e,placeholderHeight:o})=>{const{fromIndex:n,toIndex:r,which:i,estimateItemSize:l}=e;let s=0;if(o)s=o(e);else{const e=0===l?48:l;s=Math.max(0,r-n)*e}const a="topPlaceholder"===i?"_topPlaceholder":"_bottomPlaceholder",d={height:s+"px"};return 0===s&&(d.display="none"),t.jsx("div",{className:c,style:d},a)};function a(e){return function({itemSize:t,viewportHeight:o,scrollOffset:n,overscan:r=0}){if(void 0===t||0===t||void 0===o||void 0===n)return{offset:0,count:e};const i=Math.ceil(n/t),l=Math.ceil(o/t);return{offset:Math.max(0,i-r),count:l+r*(i>0?2:1)}}}const d=(e,t,o,n,r)=>{let i,l;if(e&&t){const o=t.getBoundingClientRect(),n=(e=>{let t,o;if(e===document.documentElement)t=0,o=document.documentElement.clientHeight;else{const n=e.getBoundingClientRect();t=n.top,o=n.bottom}return{top:t,bottom:o}})(e);o&&n&&(i=n.top-o.top-1,l=n.bottom-n.top+1)}if(void 0!==i&&void 0!==l){return n({scrollOffset:i,viewportHeight:l,overscan:o,itemSize:r})}return null},u="oj-collection-loadmore",h=a(25);e.PLACEHOLDER_STYLE_CLASS=c,e.VirtualizedCollection=function({data:e,children:n,viewportConfig:r,itemSelector:c,placeholderHeight:a,rangeExtractor:f=h,overscan:m=1,onLoadRange:g,loadMoreIndicator:p,suggestions:x}){var v,j;const S=o.useRef(null),I=o.useRef(0);if(i.useViewportIntersect(r,1,".oj-collection-loadmore, .oj-collection-placeholder",()=>{var e;const t=d(r.scroller(),S.current,m,f,null!==(e=I.current)&&void 0!==e?e:0);t&&g(t)}),o.useEffect(()=>{if(0===I.current){let e=0;const t=S.current.querySelectorAll(c);t.length>0&&(t.forEach(t=>{e+=t.offsetHeight}),I.current=e/t.length)}}),!(e&&(E=e,E&&E.data&&E.offset>=0&&E.totalSize>=0)))return t.jsx("div",{ref:S});var E;const b=e.data,z=e.offset,P=z+b.length,w=e.totalSize,C=z>=0?{fromIndex:0,toIndex:z,which:"topPlaceholder",estimateItemSize:null!==(v=I.current)&&void 0!==v?v:0}:void 0,H=P&&P<=w?{fromIndex:P,toIndex:w,which:"bottomPlaceholder",estimateItemSize:null!==(j=I.current)&&void 0!==j?j:0}:void 0,R=p&&"atLeast"===e.sizePrecision&&P<=w;return t.jsxs("div",Object.assign({ref:S,style:"will-change: contents"},{children:[x,C&&t.jsx(s,{context:C,placeholderHeight:a}),t.jsx(l.Collection,Object.assign({items:b},{children:(A=z,e=>{const t={index:A+e.index,data:e.data};return n(t)})})),H&&t.jsx(s,{context:H,placeholderHeight:a}),R&&t.jsx("div",Object.assign({class:u},{children:p}))]}));var A},e.getVirtualizedRangeExtractor=a});
+//# sourceMappingURL=VirtualizedCollection-e9cc859f.js.map

package/amd/VirtualizedCollection-e9cc859f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedCollection-e9cc859f.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const placeholderTypes = stringLiteralArray(['topPlaceholder', 'bottomPlaceholder']);\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = typeof placeholderTypes[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_AND_PLACEHOLDER_SELECTOR, () => {\n    const range = getViewportRange(\n      viewportConfig.scroller(),\n      rootRef.current,\n      overscan,\n      rangeExtractor,\n      estimateItemSizeRef.current ?? 0\n    );\n    if (range) {\n      onLoadRange(range);\n    }\n  });\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["stringLiteralArray","PLACEHOLDER_STYLE_CLASS","Placeholder","context","placeholderHeight","fromIndex","toIndex","which","estimateItemSize","totalHeight","placeholderUnitHeight","Math","max","key","style","height","display","_jsx","jsx","className","getVirtualizedRangeExtractor","fetchSize","itemSize","viewportHeight","scrollOffset","overscan","undefined","offset","count","ceil","getViewportRange","scroller","root","rangeExtractor","rootRect","getBoundingClientRect","viewportRect","elem","top","bottom","document","documentElement","clientHeight","scrollerBounds","getElementTopBottom","LOADMORE_STYLE_CLASS","DEFAULT_RANGE_EXTRACTOR","data","children","viewportConfig","itemSelector","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","estimateItemSizeRef","useViewportIntersect","range","current","_a","useEffect","nodes","querySelectorAll","length","forEach","item","offsetHeight","dataState","totalSize","ref","rangeData","endIndex","itemCount","topPlaceholderContext","bottomPlaceholderContext","_b","renderLoadMore","sizePrecision","_jsxs","jsxs","Object","assign","Collection","items","startIndex","itemContext","index","class"],"mappings":"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"}

package/amd/VirtualizedListView-11727b41.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./PRIVATE_List","./List-5d60b09d"],function(i,t,e,s){"use strict";i.VirtualizedListView=function(i){return t.jsx(s.List,Object.assign({},i,{children:i.children}))}});
+//# sourceMappingURL=VirtualizedListView-11727b41.js.map

package/amd/VirtualizedListView-11727b41.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView-11727b41.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'accessibleSummary'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return <List {...props}>{props.children}</List>;\n}\n"],"names":["props","_jsx","List","Object","assign","children"],"mappings":"gIAmCM,SAA4DA,GAChE,OAAOC,MAACC,EAAAA,KAASC,OAAAC,OAAA,GAAAJ,YAAQA,EAAMK"}

package/amd/__tests__/FormControls/FormControlAria.spec.js

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","preact/hooks","chai","../../UNSAFE_InputPassword","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_InputText","../../UNSAFE_NumberInputText","../../UNSAFE_TextArea","../../UNSAFE_TextAreaAutosize","../../UNSAFE_SelectMultiple","../../UNSAFE_SelectSingle","../../TextArea-82fe8d67","../../TextAreaAutosize-d224dd49","../../SelectMultiple-38f7bbc0","../../SelectSingle-742ec1fb","../../NumberInputText-a6edc8a2","preact/compat","../../hooks/UNSAFE_useFocusableTextField","../../tslib.es6-f169f6f6","../../hooks/UNSAFE_useFocusWithin","../../useFocusWithin-75cd1481","../../hooks/UNSAFE_useFormContext","preact","../../hooks/UNSAFE_useFormFieldContext","../../hooks/UNSAFE_useTextField","../../hooks/UNSAFE_useId","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../UNSAFE_Label","../../utils/UNSAFE_classNames","../../classNames-77e465af",'module',"../../UNSAFE_TextField","../../ReadonlyTextFieldInput-589b89be","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_interpolations/text","../../keys-dde22c13","../../_curry1-4048f3ff","../../_has-4e29ea27","../../utils/UNSAFE_mergeInterpolations","../../_curry3-1f16eff2","../../_curry2-386569fb","../../FormControlUtils-9bf59f59","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_Layer","../../UNSAFE_LabelValueLayout","../../UNSAFE_Flex","../../Flex-6a69bc2a","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../utils/UNSAFE_interpolations/boxalignment","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../TextFieldInput-c2d1aefc","../../hooks/UNSAFE_useTextFieldInputHandlers","../../utils/PRIVATE_clientHints","../../clientHints-6cd92723","../../hooks/UNSAFE_useDebounce","../../UNSAFE_LiveRegion","../../UNSAFE_UserAssistance","../../InlineHelpSource-a16712df","../../UNSAFE_ComponentMessage","../../ComponentMessage-2985b387","../../PRIVATE_Message","../../utils/PRIVATE_timer","../../MessageCloseButton-6fd750b0","../../UNSAFE_Button","../../Button-95c272b3","../../UNSAFE_BaseButton","../../BaseButton-cc1e314c","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_mergeProps","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../hooks/UNSAFE_useUser","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../MessageDetail-49daadc3","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../MessageStartIcon-36c31428","../../MessageSummary-31da06a2","../../MessageTimestamp-a8b2f726","../../MessageUtils-7a134473","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-fabd2ebf","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-51ce05e2","../../ComponentMessageContainer-a274e23d","../../hooks/UNSAFE_useClearIcon","../../utils/UNSAFE_componentUtils","../../ClearIcon-a4a3313c","../../hooks/UNSAFE_useCurrentValueReducer","../../hooks/UNSAFE_useLengthFilter","../../utils/UNSAFE_lengthFilter","../../hooks/UNSAFE_usePrefixSuffix","../../UNSAFE_PrefixSuffix","../../UNSAFE_Grid","../../utils/UNSAFE_interpolations/grid","../../hooks/UNSAFE_useLoadingIndicatorTimer","../../hooks/UNSAFE_useTimer","../../PRIVATE_SelectCommon","../../UNSAFE_HighlightText","../../HighlightText-ebb31a1f","../../PRIVATE_List","../../List-5d60b09d","../../utils/UNSAFE_keys","../../LoadMoreCollection-bd98d014","../../PRIVATE_Collection","../../Collection-b7c3d993","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-e9cc859f","../../UNSAFE_FocusTrap","../../FocusTrap-0a63cd07","../../utils/PRIVATE_tabbableUtils","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-64ad9097","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../UNSAFE_Chip","../../Chip-51a40115","../../hooks/UNSAFE_useActionable"],function(e,s,n,t,r,o,i,l,a,u,c,d,b,m,x,p,A,y,f,h,v,S,g,E,T,F,_,U,N,P,w,I,j,k,R,D,B,C,q,M,V,$,L,W,O,z,H,X,G,K,J,Q,Y,Z,ee,se,ne,te,re,oe,ie,le,ae,ue,ce,de,be,me,xe,pe,Ae,ye,fe,he,ve,Se,ge,Ee,Te,Fe,_e,Ue,Ne,Pe,we,Ie,je,ke,Re,De,Be,Ce,qe,Me,Ve,$e,Le,We,Oe,ze,He,Xe,Ge,Ke,Je,Qe,Ye,Ze,es,ss,ns,ts,rs,os,is,ls,as,us,cs,ds,bs,ms,xs,ps,As,ys,fs,hs,vs,Ss,gs,Es,Ts,Fs,_s,Us,Ns,Ps,ws,Is,js,ks,Rs,Ds,Bs,Cs,qs,Ms,Vs,$s,Ls,Ws,Os,zs){"use strict";function Hs({ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:u}){const[c,d]=t.useState("hello"),b=t.useCallback(e=>{var s;d(null!==(s=e.value)&&void 0!==s?s:"")},[]);return s.jsx(s.Fragment,{children:s.jsx(a.InputText,{ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i,messages:l,onInput:b,userAssistanceDensity:u,value:c})})}function Xs({ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:a}){const[u,c]=t.useState("hello"),d=t.useCallback(e=>{var s;c(null!==(s=e.value)&&void 0!==s?s:"")},[]);return s.jsx(s.Fragment,{children:s.jsx(x.TextArea,{ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i,messages:l,onInput:d,userAssistanceDensity:a,value:u})})}function Gs({ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:a}){const[u,c]=t.useState("hello"),d=t.useCallback(e=>{var s;c(null!==(s=e.value)&&void 0!==s?s:"")},[]);return s.jsx(s.Fragment,{children:s.jsx(p.TextAreaAutosize,{ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i,messages:l,onInput:d,userAssistanceDensity:a,value:u})})}function Ks({ariaDescribedBy:e,assistiveText:n,itemText:t="label",isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:a}){return s.jsx(s.Fragment,{children:s.jsx(A.SelectMultiple,{ariaDescribedBy:e,assistiveText:n,itemText:t,isDisabled:r,isReadonly:o,label:i,messages:l,onCommit:()=>{},userAssistanceDensity:a})})}function Js({ariaDescribedBy:e,assistiveText:n,itemText:t="label",isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:a}){return s.jsx(s.Fragment,{children:s.jsx(y.SelectSingle,{ariaDescribedBy:e,assistiveText:n,itemText:t,isDisabled:r,isReadonly:o,label:i,messages:l,onCommit:()=>{},userAssistanceDensity:a})})}function Qs({ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i="Test Label",messages:l,userAssistanceDensity:a}){const[u,c]=t.useState("123"),d=t.useCallback(e=>{var s;c(null!==(s=e.value)&&void 0!==s?s:"")},[]);return s.jsx(s.Fragment,{children:s.jsx(f.NumberInputText,{ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:o,label:i,messages:l,onInput:d,userAssistanceDensity:a,value:u})})}async function Ys(){const s=l.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":n}}}const Zs=[{name:"InputPassword",component:function({ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:i,label:l="Test Label",messages:a,userAssistanceDensity:u}){const[c,d]=t.useState("hello"),b=t.useCallback(e=>{var s;d(null!==(s=e.value)&&void 0!==s?s:"")},[]);return s.jsx(s.Fragment,{children:s.jsx(o.InputPassword,{ariaDescribedBy:e,assistiveText:n,isDisabled:r,isReadonly:i,label:l,messages:a,onInput:b,userAssistanceDensity:u,value:c})})}},{name:"InputText",component:Hs},{name:"NumberInputText",component:Qs},{name:"TextArea",component:Xs},{name:"TextAreaAutosize",component:Gs},{name:"SelectMultiple",component:Ks},{name:"SelectSingle",component:Js}],en=[{name:"InputText",component:Hs},{name:"NumberInputText",component:Qs},{name:"TextArea",component:Xs},{name:"TextAreaAutosize",component:Gs},{name:"SelectMultiple",component:Ks},{name:"SelectSingle",component:Js}];describe("Form Controls - WAI-Aria",()=>{let e;beforeEach(async function(){e=null!=e?e:await Ys()}),Zs.forEach(t=>it(`${t.name}: adds aria-describedby correctly for ua container when enabled`,async()=>{const o="test ua content",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{assistiveText:o})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null,n.act(()=>{null==c||c.focus()});const d=null==c?void 0:c.getAttribute("aria-describedby"),b=l.querySelector(`#${d}`),m=a(o);r.expect(b).not.to.be.null,r.expect(null==b?void 0:b.contains(m)).to.be.true})),Zs.forEach(t=>it(`${t.name}: removes aria-describedby correctly for ua container when disabled`,async()=>{const o="test ua content",{container:l,queryByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{assistiveText:o,isDisabled:!0})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null,r.expect(null==c?void 0:c.disabled).to.be.true;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=a(o);r.expect(d).to.be.null,r.expect(b).to.be.null})),Zs.forEach(t=>it(`${t.name}: removes aria-describedby correctly for ua container when readonly`,async()=>{const o="test ua content",{container:l,queryByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{assistiveText:o,isReadonly:!0})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u),d=a(o),b=null==c?void 0:c.getAttribute("aria-describedby");"InputText"===t.name||"SelectMultiple"===t.name||"SelectSingle"===t.name||"NumberInputText"===t.name||"TextAreaAutosize"===t.name?(r.expect(c).to.be.null,r.expect(d).to.be.null):(r.expect(c).to.not.be.null,r.expect(null==c?void 0:c.readOnly).to.be.true,r.expect(b).to.be.null,r.expect(d).to.be.null)})),Zs.forEach(t=>it(`${t.name}: adds aria-describedby correctly for ua container for efficient density and with help text`,async()=>{const o="test ua content",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{assistiveText:o,userAssistanceDensity:"efficient"})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null,n.act(()=>{null==c||c.focus()});const d=null==c?void 0:c.getAttribute("aria-describedby"),b=l.querySelector(`#${d}`),m=a(o);r.expect(b).not.to.be.null,r.expect(null==b?void 0:b.contains(m)).to.be.true})),Zs.forEach(t=>it(`${t.name}: adds aria-invalid when showing error message`,async()=>{const o="message description",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{messages:[{detail:o,severity:"error",summary:o}]})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=null==c?void 0:c.getAttribute("aria-invalid"),m=l.querySelector(`#${d}`),x=a(o);r.expect(b).to.equal("true"),r.expect(null==m?void 0:m.contains(x)).to.be.true})),en.forEach(t=>it(`${t.name}: adds field label to the error message`,async()=>{const o="message description",l="field label",{container:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{label:l,messages:[{detail:o,severity:"error",summary:o}]})}))),u=t.name.startsWith("Text")?"textarea":"input",c=a.querySelector(u);r.expect(c).not.to.be.null;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=a.querySelector(`#${d}`);r.expect(b).not.to.be.null;const m=n.getByRole(b,"alert"),x=n.getByText(m,l);r.expect(x).to.not.be.null})),Zs.forEach(t=>it(`${t.name}: does not add aria-invalid when showing warning message`,async()=>{const o="message description",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{messages:[{detail:o,severity:"warning",summary:o}]})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=null==c?void 0:c.getAttribute("aria-invalid"),m=l.querySelector(`#${d}`),x=a(o);r.expect(b).to.be.null,r.expect(null==m?void 0:m.contains(x)).to.be.true})),Zs.forEach(t=>it(`${t.name}: does not add aria-invalid when showing confirmation message`,async()=>{const o="message description",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{messages:[{detail:o,severity:"confirmation",summary:o}]})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=null==c?void 0:c.getAttribute("aria-invalid"),m=l.querySelector(`#${d}`),x=a(o);r.expect(b).to.be.null,r.expect(null==m?void 0:m.contains(x)).to.be.true})),Zs.forEach(t=>it(`${t.name}: does not add aria-invalid when showing info message`,async()=>{const o="message description",{container:l,getByText:a}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{messages:[{detail:o,severity:"info",summary:o}]})}))),u=t.name.startsWith("Text")?"textarea":"input",c=l.querySelector(u);r.expect(c).not.to.be.null;const d=null==c?void 0:c.getAttribute("aria-describedby"),b=null==c?void 0:c.getAttribute("aria-invalid"),m=l.querySelector(`#${d}`),x=a(o);r.expect(b).to.be.null,r.expect(null==m?void 0:m.contains(x)).to.be.true})),Zs.forEach(t=>it(`${t.name}: does not add aria-invalid when showing no message`,async()=>{const{container:o}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{messages:[]})}))),l=t.name.startsWith("Text")?"textarea":"input",a=o.querySelector(l);r.expect(a).not.to.be.null;const u=null==a?void 0:a.getAttribute("aria-invalid");r.expect(u).to.be.null})),Zs.forEach(t=>it(`${t.name}: adds aria-describedby from ariaDescribedBy prop along with the UA id when enabled`,async()=>{var o;const l="test ua content",{container:a,getByText:u}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{ariaDescribedBy:"testId",assistiveText:l})}))),c=t.name.startsWith("Text")?"textarea":"input",d=a.querySelector(c);r.expect(d).not.to.be.null,n.act(()=>{null==d||d.focus()});const b=null==d?void 0:d.getAttribute("aria-describedby"),[m,x]=null!==(o=null==b?void 0:b.split(" "))&&void 0!==o?o:[],p=a.querySelector(`#${m}`),A=u(l);r.expect(p).not.to.be.null,r.expect(null==p?void 0:p.contains(A)).to.be.true,r.expect(x).equals("testId")})),Zs.forEach(t=>it(`${t.name}: adds aria-describedby from only prop when disabled`,async()=>{const{container:o}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{ariaDescribedBy:"testId",assistiveText:"test ua content",isDisabled:!0})}))),l=t.name.startsWith("Text")?"textarea":"input",a=o.querySelector(l);r.expect(a).not.to.be.null,r.expect(null==a?void 0:a.disabled).to.be.true;const u=null==a?void 0:a.getAttribute("aria-describedby");r.expect(u).equals("testId")})),Zs.forEach(t=>it(`${t.name}: adds aria-describedby from only prop when readonly`,async()=>{const{container:o,queryByRole:l}=n.render(s.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:s.jsx(t.component,{ariaDescribedBy:"testId",assistiveText:"test ua content",isReadonly:!0})}))),a=t.name.startsWith("Text")?"textarea":"input",u="InputText"===t.name||"SelectMultiple"===t.name||"SelectSingle"===t.name||"NumberInputText"===t.name||"TextAreaAutosize"===t.name?l("textbox"):o.querySelector(a),c=null==u?void 0:u.getAttribute("aria-describedby");r.expect(c).equals("testId")})),afterEach(n.cleanup)})});
+//# sourceMappingURL=FormControlAria.spec.js.map