@oracle/oraclejet-preact 14.0.0

package/amd/UNSAFE_InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\n  );\n}\n","/**\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 */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledBy","id","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}

package/amd/UNSAFE_InputText.css

@@ -0,0 +1 @@
+.m9zyeh{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.m9zyeh:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/amd/UNSAFE_InputText.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-7e5374d7","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-575ef738","./TextFieldInput-e0759ad6","./clientHints-7d8b1c52","./hooks/UNSAFE_useToggle","./tslib.es6-d070fafc","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-7378d9c7","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-3c307969","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-0dec0de8","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./FormControlUtils-d6f8680e","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-7fec4994","./UNSAFE_ComponentMessage","./ComponentMessage-3a247b9a","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c76a52a8","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./Message.types-2209616d","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d5b3671c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-061a4f41","./ComponentMessageContainer-eaa98f45"],(function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,S,E,U,f,_,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,Se,Ee,Ue,fe,_e,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef((({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback((e=>{Y({type:"input",payload:e.value}),null==K||K(e)}),[K,Y]),$=n.useCallback((e=>{Y({type:"commit",payload:e.value}),null==J||J(e)}),[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:fe,labelProps:_e,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback((()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})}),[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:Ae,labelId:_e.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},_e,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(f.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:_e.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(_.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},fe)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},ge,Pe,he))}))}));function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.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 */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const InputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","Object","assign","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","deviceType","getClientHints"],"mappings":"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"}

package/amd/UNSAFE_Label.css

@@ -0,0 +1,13 @@
+._18vd7df{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._1wh72j2{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._1ihkgwm{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._5xgwyy{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+._1fzaz6b{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._13i5m0r{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._1m0k1mh{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1d46w6v{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+._1320747{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._12wid4f{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._1jp0whx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.lmeyy9{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1qsw9dj{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/amd/UNSAFE_Label.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-3c307969","preact","preact/hooks"],(function(e,s,a,i,n,d,o,r,l,t){"use strict";const c={base:"_18vd7df",startBase:"_1wh72j2",topBase:"_1ihkgwm",insideBase:"_5xgwyy",insideReadonlyInEnabledForm:"_1fzaz6b",insideReadonlyNotInEnabledForm:"_13i5m0r",insideNonReadonly:"_1m0k1mh",insideNonReadonlyHasValue:"_1d46w6v",insideDisabled:"_1320747",insideFocused:"_12wid4f",insideError:"_1jp0whx",insideWarning:"lmeyy9",noWrap:"_1qsw9dj"},u=e=>{var{hasValue:i,readonly:n,disabled:d,isFocused:l,variant:t="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:_,labelWrapping:m}=o.useFormContext(),F="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([c.base,c.insideBase,n&&(b&&!_?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!n&&c.insideNonReadonly,!n&&(i||l)&&c.insideNonReadonlyHasValue,!n&&l&&c.insideFocused,d&&c.insideDisabled,!d&&!n&&("insideError"===t||"insideWarning"===t)&&c[t]]):"start"===t?r.classNames([c.base,c.startBase,"truncate"===m&&c.noWrap]):"top"===t?r.classNames([c.base,c.topBase,"truncate"===m&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:F}))};e.Label=e=>{var{forId:n}=e,d=s.__rest(e,["forId"]);const{hasValue:o,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(u,Object.assign({for:n,hasValue:o,disabled:r,isFocused:l,readonly:t},d))},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_Label.js.map

package/amd/UNSAFE_Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"sQAMA,MAAAA,EAAA,MAAA,qBAAA,mBAAA,sBAAA,sCAAA,0CAAA,6BAAA,qCAAA,0BAAA,yBAAA,uBAAA,yBAAA,4BAmGAC,EAAAC,IAAqB,IAAAC,SAAAA,EAAAC,SAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAA,UAAAL,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,WAAA,WAAA,WAAA,YAAA,YAQnB,MAAAQ,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,iBAEAC,EAAA,WAAAR,GAAA,gBAAAA,GAAA,kBAAAA,gBAGQP,EAAAgB,KACAhB,EAAAiB,mDAIIjB,EAAAkB,iCACJd,GAAAJ,EAAAmB,2DAEAf,GAAAE,GAAAN,EAAAoB,mCAEAf,IACED,IACA,gBAAAG,GAAA,kBAAAA,qCAKFP,EAAAgB,KACAhB,EAAAqB,UACA,aAAAR,GAAAb,EAAAsB,iCAIAtB,EAAAgB,KACAhB,EAAAuB,QACA,aAAAV,GAAAb,EAAAsB,gBAKR,OAAAE,EAAAA,IAAA,QAAAC,OAAAC,OAAA,GAAAlB,EAAA,CAAAmB,MAAAZ,cAsBFb,IAAsB,IAAA0B,MAAAA,GAAA1B,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,UACpB,MAAAC,SAAAA,EAAA0B,WAAAA,EAAAvB,UAAAA,EAAAK,WAAAA,GAAAmB,EAAAA"}

package/amd/UNSAFE_LabelValueLayout.css

@@ -0,0 +1,9 @@
+.f2bnu1{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._1dgj6nh{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._1f0b98f{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+._15l72ku{padding-block-end:0;}
+.qxz678{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+.s2tqs2{display:inline-flex;align-items:center;}
+.tvd1b8{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._13k998o{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1fun5ad{flex:1 1 100%;width:100%;max-width:100%;}

package/amd/UNSAFE_LabelValueLayout.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_LabelValueLayout.css","./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-3c307969","./Flex-0dec0de8","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","preact","preact/hooks"],(function(s,e,t,a,i,l,r,n,o,d,c,u,x,b,f,_,F,m,p,h,N,S,y,E,U,j){"use strict";const A="f2bnu1",g="_1dgj6nh",k="_1f0b98f",v="_15l72ku",C="qxz678",O="s2tqs2",w="tvd1b8",W="_13k998o";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const c=n.sizeToCSS(i),u=`calc(100% - ${c})`,x="start"===t?{flexBasis:c,width:c,maxWidth:c}:{},b="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:f,isReadonly:_,labelWrapping:F}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),p=f&&_||!f&&m,h=o.classNames([A,"start"===t&&g,"top"===t&&k,"top"===t&&p&&v]),N=o.classNames([C,"start"===t&&O,"start"===t&&!p&&w,"truncate"===F&&W]);return e.jsxs(d.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:h,style:x},{children:e.jsx("div",Object.assign({class:N},{children:s}))})),e.jsx("div",Object.assign({class:"_1fun5ad",style:b},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/amd/UNSAFE_LabelValueLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["labelSlotStyles","labelInnerStyles","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","_jsxs","Flex","Object","assign","wrap","align","_jsx","jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":"stBAQA,MAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,aAuBAC,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,gCAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,WAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

package/amd/UNSAFE_Layer.js

@@ -0,0 +1,2 @@
+define(["exports","preact/compat","preact","preact/jsx-runtime"],(function(e,t,r,n){"use strict";const o=r.createContext({}),a="__oj_logical_parent",l=t.forwardRef(((e,t)=>n.jsx("div",{id:"__oj_layerhost_container",ref:t})));l.displayName="Forwarded<LayerHost>",e.Layer=e=>{var r;const n=t.useContext(o),l=null===(r=n.getHost)||void 0===r?void 0:r.call(n),c=t.useMemo((()=>l),[l]),[s,u]=t.useState(null);return t.useLayoutEffect((()=>{var t;if(!c)return;const r=(null!==(t=c.ownerDocument)&&void 0!==t?t:document).createElement("div");return e.logicalParentRef&&(r[a]=e.logicalParentRef.current),c.appendChild(r),u(r),()=>{c&&r&&c.contains(r)&&(delete r[a],c.removeChild(r)),u(null)}}),[c]),s&&t.createPortal(e.children,s)},e.LayerContext=o,e.LayerManager=function({children:e}){const[r,a]=t.useState(),c=t.useCallback((e=>{null!==e&&a(e)}),[]);return n.jsx(o.Consumer,{children:t=>{const a=r?{getHost:()=>r}:{},s=t.getHost?t:a;return n.jsxs(o.Provider,Object.assign({value:s},{children:[e,!t.getHost&&n.jsx(l,{ref:c})]}))}})},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_Layer.js.map

package/amd/UNSAFE_Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Layer.js","sources":["../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/Layer.tsx","../../src/UNSAFE_Layer/LayerHost.tsx","../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["import { createContext } from 'preact';\n\nexport type LayerContextProps = {\n  getHost?: () => Element;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useMemo, useState } from 'preact/compat';\nimport { LayerContext } from './LayerContext';\n\nconst _LOGICAL_PARENT = '__oj_logical_parent';\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n};\n\ntype LayerElement = HTMLDivElement & {\n  __oj_logical_parent?: Element | null;\n};\n\nconst Layer = (props: Props) => {\n  const context = useContext(LayerContext);\n  const defaultHost = context.getHost?.();\n  const host = useMemo(() => defaultHost, [defaultHost]);\n  const [layerContainer, setLayerContainer] = useState<Element | null>(null);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    if (props.logicalParentRef) {\n      layer[_LOGICAL_PARENT] = props.logicalParentRef.current;\n    }\n\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[_LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [host]);\n\n  return layerContainer && createPortal(props.children, layerContainer);\n};\n\nexport default Layer;\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__oj_layerhost_container\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n","/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};\n        const layerContext = value.getHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["LayerContext","createContext","_LOGICAL_PARENT","LayerHost","forwardRef","_props","ref","_jsx","id","displayName","props","context","useContext","defaultHost","_a","getHost","host","useMemo","layerContainer","setLayerContainer","useState","useLayoutEffect","layer","ownerDocument","document","createElement","logicalParentRef","current","appendChild","contains","removeChild","createPortal","children","setDefaultHost","defaultHostRef","useCallback","el","Consumer","value","defaultHostContext","layerContext","_jsxs","jsxs","Provider","Object","assign"],"mappings":"uGAMaA,EAAeC,EAAaA,cAAoB,ICFvDC,EAAkB,sBCElBC,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,2BAA2BF,IAAKA,MAGjDH,EAAUM,YAAc,+BDYTC,UACb,MAAMC,EAAUC,aAAWZ,GACrBa,UAAcC,EAAAH,EAAQI,sCACtBC,EAAOC,EAAAA,SAAQ,IAAMJ,GAAa,CAACA,KAClCK,EAAgBC,GAAqBC,EAAQA,SAAiB,MAyBrE,OArBAC,EAAAA,iBAAgB,WACd,IAAKL,EAAM,OACX,MACMM,GADwB,QAAlBR,EAAAE,EAAKO,qBAAa,IAAAT,EAAAA,EAAIU,UACFC,cAAc,OAS9C,OAPIf,EAAMgB,mBACRJ,EAAMpB,GAAmBQ,EAAMgB,iBAAiBC,SAGlDX,EAAKY,YAAYN,GACjBH,EAAkBG,GAEX,KACDN,GAAQM,GAASN,EAAKa,SAASP,YAC1BA,EAAMpB,GACbc,EAAKc,YAAYR,IAEnBH,EAAkB,SAEnB,CAACH,IAEGE,GAAkBa,EAAYA,aAACrB,EAAMsB,SAAUd,oCEtCxC,UAAac,SAAEA,IAC7B,MAAOnB,EAAaoB,GAAkBb,EAAQA,WAExCc,EAAiBC,eAAaC,IAGvB,OAAPA,GACFH,EAAeG,KAEhB,IAEH,OACE7B,EAAAA,IAACP,EAAaqC,SACX,CAAAL,SAACM,IACA,MAAMC,EAAqB1B,EAAc,CAAEE,QAAS,IAAMF,GAAgB,GACpE2B,EAAeF,EAAMvB,QAAUuB,EAAQC,EAC7C,OACEE,EAACC,KAAA1C,EAAa2C,SAASC,OAAAC,OAAA,CAAAP,MAAOE,GAC3B,CAAAR,SAAA,CAAAA,GACCM,EAAMvB,SAAWR,EAAAA,IAACJ,EAAS,CAACG,IAAK4B"}

package/amd/UNSAFE_Link.css

@@ -0,0 +1,5 @@
+._13q0aqh{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._13q0aqh:visited{color:--oj-c-link-text-color-visited;}._13q0aqh:active{color:--oj-c-link-text-color-active;}._13q0aqh:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._4yq2zf{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1ojtqf1{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1qaiolp{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._1qaiolp:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._1qaiolp:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.a7jbk4{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.a7jbk4:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.a7jbk4:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/amd/UNSAFE_Link.js

@@ -0,0 +1,2 @@
+define(["exports","./Link-4a365734","preact/jsx-runtime","css!./UNSAFE_Link.css","./utils/UNSAFE_classNames","./classNames-3c307969","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,i,a,t,n,r,c){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_Link.js.map

package/amd/UNSAFE_Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_ListItemLayout.css

@@ -0,0 +1,10 @@
+._1xa4oy4 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._8echtc{align-self:center;margin:-0.875rem -0.875rem;}
+._121lbq8{align-self:center;min-width:0;}
+._759v9m{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._1yhfo60{display:flex;flex-direction:column;}
+.u7wbp{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+.zb1x67{display:flex;flex-direction:row;justify-content:right;}
+.bxmi73{align-self:end;}
+
+._1torglj{display:flex;flex-direction:column;}

package/amd/UNSAFE_ListItemLayout.js

@@ -0,0 +1,2 @@
+define(["exports","./ListItemTextLayout-fb9952bb","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./_curry1-b9493cf6","./_has-fad415e9","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-3c307969","./_curry3-8ffdde1d","./_curry2-b02f6247","./UNSAFE_Text","./Text-4fcf43f2","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],(function(t,e,s,i,a,r,o,u,l,c,f,_,n,d,m,L,b,y,N,x,U,A,E){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_ListItemLayout.js.map

package/amd/UNSAFE_ListItemLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_ListItemLayout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_ListView.js

@@ -0,0 +1,2 @@
+define(["exports","./ListView-6a3088e3","preact/jsx-runtime","./PRIVATE_List","./List-56a1055e","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-3c307969","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-45f2c32e","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-444cf340","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b9493cf6","./_curry2-b02f6247","./_curry3-8ffdde1d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-6261f735","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-fad415e9","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-0dec0de8","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Selector","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./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-8e4e9999","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],(function(e,o,s,i,t,l,n,u,_,a,A,r,E,c,F,U,S,N,d,b,f,k,h,T,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ne,ue,_e,ae,Ae,re,Ee,ce,Fe,Ue,Se,Ne,de){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_ListView.js.map

package/amd/UNSAFE_ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_ListView.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_LiveRegion.css

@@ -0,0 +1 @@
+._15fafo4{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/amd/UNSAFE_LiveRegion.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","css!./UNSAFE_LiveRegion.css","preact/hooks"],(function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"_15fafo4"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_LiveRegion.js.map

package/amd/UNSAFE_LiveRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["atomic","children","timeout","type","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText","_jsx","Object","assign","class","ariaLiveText"],"mappings":"8GA8CA,UAAAA,OAAAA,EAAA,QAAAC,SAAAA,EAAA,GAAAC,QAAAA,EAAA,IAAAC,KAAAA,EAAA,mBAiBA,SAAAC,EAAAF,2BAEEG,EAAAC,EAAAA,aAAA,IAAAC,EAAAH,IAAA,CAAAA,iDASA,yBALE,MAAAI,EAAAC,IAEA,MAAA,IAAAC,aAAAF,KACF,CAAAC,IAEAE,QAzBA,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAA,YAAAX,EAAA,cAAAH,EAAAe,MA9CF,YA8CE,CAAAd,SAAAe"}

package/amd/UNSAFE_LoadMoreCollection.js

@@ -0,0 +1,2 @@
+define(["exports","./LoadMoreCollection-60a7b2a5","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect"],(function(e,o,t,c,r,l,i,n){"use strict";e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_LoadMoreCollection.js.map

package/amd/UNSAFE_LoadMoreCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LoadMoreCollection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_Menu.css

@@ -0,0 +1,19 @@
+._15a4bbb{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
+.zwnsky{outline-style:none;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+
+.rf9da0{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
+.ax3aj8{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1nyko60{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}._1nyko60:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+._1lh53o1:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+@media(hover:hover){.wtilm7:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
+._1axvkc2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}._1axvkc2:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+.dhkoxh{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+@media(hover:hover){._18mq4ib:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
+.jckaqz{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
+._1o6x3w6{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+.onrvok{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+._13mxig5{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
+._16kqb41{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
+.c6bax4{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+
+._1axx95k{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}

package/amd/UNSAFE_Menu.js

@@ -0,0 +1,2 @@
+define(["exports","./Menu-7882480e","./MenuItem-c03348c5","./MenuDivider-eafa71e0","preact/jsx-runtime","preact/hooks","./UNSAFE_Floating","./Floating-a320db48","preact/compat","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps","css!./UNSAFE_Menu.css","./UNSAFE_Text","./Text-4fcf43f2","./tslib.es6-d070fafc","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-3c307969","./_curry1-b9493cf6","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useId","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./UNSAFE_Divider","./Divider-6855675c"],(function(e,s,i,t,o,r,u,n,c,l,a,_,E,A,U,d,F,f,N,S,m,M,h,k,p,I,g,v,P,T,b,y,x,D,R,V,H,j,C){"use strict";e.Menu=s.Menu,e.MenuItem=i.MenuItem,e.MenuDivider=t.MenuDivider,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_Menu.js.map

package/amd/UNSAFE_Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_MessageBanner.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/PRIVATE_useMessagesFocusManager","./PRIVATE_Message","./UNSAFE_Flex","./UNSAFE_LiveRegion","./Flex-0dec0de8","./MessagesManager-d5b3671c","./MessageUtils-d33dd1be",'module',"./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./classNames-3c307969","./MessageCloseButton-c76a52a8","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./tslib.es6-d070fafc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./Message.types-2209616d","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],(function(e,s,t,n,o,i,a,l,r,u,c,d,g,h,_,F,f,A,E,U,S,m,b,N,x,v,p,k,M,R,y,T,I,j,H,B,P,C,w,O,V,L,z,$,D,G,K,W,q,J,Q,X,Y,Z,ee,se,te,ne,oe,ie,ae,le,re,ue,ce,de,ge,he,_e,Fe,fe,Ae,Ee,Ue,Se,me,be){"use strict";const Ne={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}}),{to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},xe={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:i,data:c,onClose:d,renderers:g,translations:h,type:_="section"}){const F=t.useRef(new Map),f=t.useRef(null),A=t.useRef(null),[E,U]=t.useState(),[S,m]=t.useState(c.length>0),b=t.useRef(c.length),N=t.useRef(0);b.current=c.length;const x=t.useCallback((e=>s=>F.current.set(e,s)),[]);t.useImperativeHandle(A,(()=>({focus:()=>{var e;if(c.length){const s=c[0].key;return null===(e=F.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,t;return!(!c.length||!e)&&(null!==(t=null===(s=f.current)||void 0===s?void 0:s.contains(e))&&void 0!==t&&t)}})),[c]);const{controller:v,handlers:p}=n.useMessageFocusManager(A,{onFocus:t.useCallback((()=>{U(null==h?void 0:h.navigationFromMessagesRegion)}),[U,h])}),k=t.useCallback((e=>{null==d||d(e)}),[d]),M=t.useCallback(((e,s,t)=>{var n;const o=null==t?void 0:t.contains(document.activeElement);if(0===b.current)return m(!1),void(o&&v.restorePriorFocus());const i=s+1<c.length?s+1:s-1;if(i>-1&&o){const e=c[i].key;null===(n=F.current.get(e))||void 0===n||n.focus()}}),[v,c]);return t.useEffect((()=>{c.length?(m(!0),c.length>N.current&&U(null==h?void 0:h.navigationToMessagesRegion),v.prioritize()):U(""),N.current=c.length}),[v,c,h]),S||0!==c.length?s.jsx("div",Object.assign({ref:f,class:"oj-c-messagebanner",tabIndex:-1},p,{children:s.jsxs(l.Flex,Object.assign({direction:"column",gap:"section"===_?"1x":void 0},{children:[s.jsx(r.MessagesManager,Object.assign({animationStates:Ne,initialAnimationStyles:xe,data:c,onMessageWillRemove:M},{children:({index:t,item:n})=>s.jsx(o.Message,{messageRef:x(n.key),item:n,closeButtonRenderer:e,detailRenderer:u.getRenderer(n,i,g),index:t,variant:"page"===_?"pageBanner":"sectionBanner",onClose:k,translations:h},n.key)})),s.jsx(a.LiveRegion,{children:E})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_MessageBanner.js.map

package/amd/UNSAFE_MessageBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_MessageBanner.js","sources":["../../src/UNSAFE_MessageBanner/MessageBanner.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 { ComponentChildren, ComponentProps, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { Flex } from '../UNSAFE_Flex';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Handle } from '../utils/UNSAFE_typeUtils';\n\ntype MessageRef = Handle<typeof Message, 'messageRef'>;\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageBanner component.\n */\nexport type MessageBannerItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageBannerRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the MessageBanner Component\n */\ntype Props<Key, Data> = {\n  /**\n   * Data for the MessageBanner component. This data is used for rendering each banner message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageBannerRendererDataItem<Key, Data>) => ComponentChildren>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  // Refactor types (cannot import from PRIVATE modules)\n  // https://jira.oraclecorp.com/jira/browse/JET-54215\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n\n    /**\n     * Text to guide keyboard users navigate to prior focussed element when the messages\n     * region gains focus\n     */\n    navigationFromMessagesRegion?: string;\n\n    /**\n     * Text to guide keyboard users navigate to new displayed messages when focus is outside\n     * the messages region\n     */\n    navigationToMessagesRegion?: string;\n  };\n};\n\n/**\n * Animation states for banner messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    },\n    end: {\n      maxHeight: 'none',\n      overflow: 'initial'\n    }\n  }),\n  exiting: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflow: 'hidden'\n      }\n    }),\n    to: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    end: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    }\n  })\n};\nconst initialAnimationStyles = {\n  maxHeight: 0,\n  overflow: 'hidden'\n} as const;\n\n/**\n * Renders individual messages based on the provided data\n */\nfunction MessageBanner<\n  K extends string | number = string | number,\n  D extends MessageBannerItem = MessageBannerItem\n>({\n  closeButtonRenderer,\n  detailRendererKey,\n  data,\n  onClose,\n  renderers,\n  translations,\n  type = 'section'\n}: Props<K, D>) {\n  // Keyboard Navigation and Focus Management\n  const messagesRef = useRef(new Map<K, MessageRef | null>());\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // We will be using a function based ref to store the refs in the Map\n  const setMessageRef = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: MessageRef | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          const firstItemKey = data[0].key;\n          messagesRef.current.get(firstItemKey)?.focus();\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(focusHandleRef, {\n    onFocus: useCallback(() => {\n      setLiveRegionText(translations?.navigationFromMessagesRegion);\n    }, [setLiveRegionText, translations])\n  });\n\n  /**\n   * Emits onClose event for the provided message.\n   * @param item The message which the user tried to close\n   */\n  const handleClose = useCallback(\n    (item: Item<K, D>) => {\n      onClose?.(item);\n    },\n    [onClose]\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          controller.restorePriorFocus();\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > prevDataLengthRef.current) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations?.navigationToMessagesRegion);\n      }\n      controller.prioritize();\n    } else {\n      // When there are no messages, clear the live region so that\n      // the navigation text will be read when a new message appear\n      setLiveRegionText('');\n    }\n    prevDataLengthRef.current = data.length;\n  }, [controller, data, translations]);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything\n  if (!shouldRender && data.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={containerDivRef}\n      class=\"oj-c-messagebanner\"\n      tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n      {...handlers}>\n      <Flex direction=\"column\" gap={type === 'section' ? '1x' : undefined}>\n        <MessagesManager\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          data={data}\n          onMessageWillRemove={handleNextFocus}>\n          {({ index, item }) => (\n            <Message\n              messageRef={setMessageRef(item.key)}\n              item={item}\n              closeButtonRenderer={closeButtonRenderer}\n              detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n              index={index}\n              key={item.key}\n              variant={type === 'page' ? 'pageBanner' : 'sectionBanner'}\n              onClose={handleClose}\n              translations={translations}\n            />\n          )}\n        </MessagesManager>\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Flex>\n    </div>\n  );\n}\n\nexport { MessageBanner };\n"],"names":["animationStates","entering","node","to","maxHeight","scrollHeight","overflow","options","duration","end","exiting","Object","assign","style","from","initialAnimationStyles","closeButtonRenderer","detailRendererKey","data","onClose","renderers","translations","type","messagesRef","useRef","Map","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","dataLengthRef","prevDataLengthRef","current","setMessageRef","useCallback","key","ref","set","useImperativeHandle","focus","firstItemKey","_a","get","contains","element","_b","controller","handlers","useMessageFocusManager","onFocus","navigationFromMessagesRegion","handleClose","item","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","useEffect","navigationToMessagesRegion","prioritize","_jsx","jsx","class","tabIndex","children","_jsxs","jsxs","Flex","direction","gap","undefined","MessagesManager","onMessageWillRemove","Message","messageRef","detailRenderer","getRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/UNSAFE_MessageToast.css

@@ -0,0 +1 @@
+.lyf4sh{height:fit-content;width:fit-content;}

package/amd/UNSAFE_MessageToast.js

@@ -0,0 +1,2 @@
+define(["exports","./MessageToast-104da69d","preact/jsx-runtime","css!./UNSAFE_MessageToast.css","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useBreakpoints","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_Flex","./Flex-0dec0de8","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-3c307969","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./utils/PRIVATE_timer","./MessageCloseButton-c76a52a8","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./Message.types-2209616d","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d5b3671c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./PRIVATE_MessageLayer","./MessageLayer-75166056","./UNSAFE_WindowOverlay","./UNSAFE_FocusTrap","./FocusTrap-444cf340","./utils/PRIVATE_tabbableUtils","./UNSAFE_LiveRegion"],(function(s,e,o,t,a,i,l,n,u,_,A,r,E,U,F,N,S,c,d,g,b,f,k,h,T,p,M,m,x,I,y,P,B,R,V,v,L,C,H,O,j,w,z,D,G,W,q,J,K,Q,X,Y,Z,$,ss,es,os,ts,as,is,ls,ns,us,_s,As,rs,Es,Us,Fs,Ns,Ss,cs,ds,gs,bs,fs,ks,hs,Ts,ps,Ms,ms,xs,Is,ys,Ps,Bs){"use strict";s.MessageToast=e.MessageToast,Object.defineProperty(s,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_MessageToast.js.map

package/amd/UNSAFE_MessageToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_MessageToast.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_MeterBar.css

@@ -0,0 +1,45 @@
+._3utb13{display:inline-flex;pointer-events:none;}._3utb13:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._13o4mua{width:100%;}
+._1335j5z{height:100%;}
+._1k5tp0d{cursor:pointer;touch-action:none;}
+._950ico{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+._1o38t07{bottom:0%;left:50%;transform:translate(-50%,0);}
+._1w27u8u{top:50%;transform:translate(0,-50%);}
+.jf2px6{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+._14ql1n0{flex-direction:column-reverse;}
+._16w99dr{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+._1sy9gjx{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+._1ur92r{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._6uwxmr{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+.ktwqkc{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+.o6xnzh{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+._1xozz08{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.b68vi6{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._5i7y0p{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1nf3ka6{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1eslpuf{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._195qkf1{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1g21d2y{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._16wqynn{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.ohrwc2{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.gzag4o{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1eawx0a{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1c9ayzb{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1r7tfqw{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._170wz3x{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.oomin1{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._1sbtmlg{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+
+.a60snc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.g3t9k5{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._1r4cvbz{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+.otikqs{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+._1vipbbc{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.hbr656{bottom:0%;}
+._19sp4eq{right:0%;}
+._1rayimm{left:0%;}
+
+._3j7odg{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+._1ug12wu{border-width:1px 0 0 0;}
+.srbgbu{border-width:0 0 0 1px;}
+.qgsztm{border-width:0 1px 0 0;}

package/amd/UNSAFE_MeterBar.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(t,r):void 0}}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,o=new Array(r);e<r;e++)o[e]=t[e];return o}define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./classNames-3c307969","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999"],(function(t,r,e,o,a,n,i,s,l,c,u,d,h,m,g,_,p,b,f,v,y,S,A,k,z,T,x,E,M,U,F,N,j){"use strict";function w(t){if(!t)return{width:0,height:0};const r=t.getBoundingClientRect();return{width:r.width,height:r.height}}function C({orientation:t,percentage:r,color:o,position:a}){const n="horizontal"===t,{direction:i}=l.useUser(),s="rtl"===i,c="start"===a;return e.jsx("div",{class:h.classNames([I.base,I[`${t}Border`],I[`${t}`],c?n?I.horiontalStart:I["verticalStart"+(s?"Rtl":"Ltr")]:""]),style:{left:n&&!s?r:void 0,right:n&&s?r:void 0,bottom:n?void 0:r,backgroundColor:o}})}const I={base:"a60snc",verticalBorder:"g3t9k5",horizontalBorder:"_1r4cvbz",vertical:"otikqs",horizontal:"_1vipbbc",horiontalStart:"hbr656",verticalStartLtr:"_19sp4eq",verticalStartRtl:"_1rayimm"};function B(t){var{color:o,length:a,orientation:n}=t,i=r.__rest(t,["color","length","orientation"]);const{direction:s}=l.useUser(),c="horizontal"===n,u="rtl"===s;return e.jsx("div",{class:h.classNames([L.base,c?L["horizontalBarTrackSection"+(u?"Rtl":"Ltr")]:L.verticalBarTrackSection,i.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:o}})}const L={base:"_3j7odg",verticalBarTrackSection:"_1ug12wu",horizontalBarTrackSectionRtl:"srbgbu",horizontalBarTrackSectionLtr:"qgsztm"};const R=function(t,r,e){const o=[];return t.start&&o.push(V[`${r}Margin${e?"Top":"Start"}`]),t.end&&o.push(V[`${r}Margin${e?"Bottom":"End"}`]),o},$={base:"_3utb13",horizontal:"_13o4mua",vertical:"_1335j5z",interactive:"_1k5tp0d"},P={base:"_950ico",vertical:"_1o38t07",horizontal:"_1w27u8u"},V={base:"jf2px6",vertical:"_14ql1n0",smHorizontal:"_16w99dr",smVertical:"_1sy9gjx",mdHorizontal:"_1ur92r",mdVertical:"_6uwxmr",lgHorizontal:"ktwqkc",lgVertical:"o6xnzh",smMarginTop:"_1xozz08",mdMarginTop:"b68vi6",lgMarginTop:"_5i7y0p",smMarginStart:"_1nf3ka6",mdMarginStart:"_1eslpuf",lgMarginStart:"_195qkf1",smMarginEnd:"_1g21d2y",mdMarginEnd:"_16wqynn",lgMarginEnd:"ohrwc2",smMarginBottom:"gzag4o",mdMarginBottom:"_1eawx0a",lgMarginBottom:"_1c9ayzb"},q={horizontalFirst:"_1r7tfqw",horizontalLast:"_170wz3x",verticalFirst:"oomin1",verticalLast:"_1sbtmlg"};t.MeterBar=function(t){var a,n,{max:g=100,min:_=0,value:p=0,step:b=1,length:f="100%",size:v="lg",orientation:y="horizontal",isTrackRendered:S=!0,thresholdDisplay:A="all",indicatorSize:k=1}=t,z=r.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);u.validateRange(_,g,p,b);const T="horizontal"===y,x=s.useRef(null),E=s.useRef(w(null)),{direction:M}=l.useUser(),U="rtl"===M;s.useEffect((()=>{(z.onCommit||z.onInput)&&(E.current=w(x.current))}),[v,f,y,z.onCommit,z.onInput]);const F=c.usePointerEvents(p,(t=>{if(t.target==x.current)return function(t,r,e,o,a,n,i){const s=r.current;if(!s||0===s.width)return;let l;if("horizontal"===n){const r=t.offsetX;l=e+(o-e)*(i?s.width-r:r)/s.width}else l=e+(o-e)*(s.height-t.offsetY)/s.height;return l=Math.round(l/a)*a,Math.max(e,Math.min(o,l))}(t,E,_,g,b,y,U)}),x,z.onCommit,z.onInput),N=c.useKeyboardEvents(p,_,g,b,z.onCommit,z.onInput),{datatipContent:j,datatipProps:I}=c.useMeterDatatip(p,z.datatip,z.ariaDescribedBy),L=u.getMeterAriaProps(p,_,g,`${p}`,z.accessibleLabel,z.ariaLabelledBy,z.thresholds),H=i.mergeProps(F,N,I,L),O=Math.max(0,Math.min(1,k)),D=100*(p-_)/(g-_)+"%",W=100*O+"%",{trackColor:K,indicatorColor:X}=u.getTrackAndIndicatorColor(p,A,z.trackColor,z.indicatorColor,z.thresholds),Y=function(t){let r={start:!1,end:!1};return t&&(r=t.reduce(((t,r)=>(t.start=t.start||"start"===r.position,t.end=t.end||"end"===r.position||null==r.position,t)),r)),r}(z.referenceLines),G=z.onCommit||z.onInput,{isTabbable:J}=m.useTabbableMode();return e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({tabIndex:J?0:-1,role:"slider"},H,{style:{width:T?o.sizeToCSS(f):void 0,height:T?void 0:o.sizeToCSS(f)},class:h.classNames([$.base,$[y]])},{children:e.jsxs(d.BarTrack,Object.assign({ref:x,orientation:y,color:!S||"all"===A&&z.thresholds?"transparent":K,class:h.classNames([V.base,G?$.interactive:"",T?"":V.vertical,T?V[`${v}Horizontal`]:V[`${v}Vertical`]].concat(_toConsumableArray(R(Y,v,T))))},{children:["all"===A&&(null===(a=z.thresholds)||void 0===a?void 0:a.filter((t=>t.max>_&&t.max<=g)).sort(((t,r)=>t.max-r.max)).map(((t,r,o)=>{const a=0===r?t.max-_:t.max-o[r-1].max;return e.jsxs(e.Fragment,{children:[e.jsx(B,{class:0===r?q[`${y}First`]:"",orientation:y,length:100*a/(g-_)+"%",color:t.color}),S&&r===o.length-1&&t.max<g?e.jsx(B,{class:q[`${y}Last`],color:K,orientation:y,length:100*(g-o[r].max)/(g-_)+"%"}):""]})}))),e.jsx(d.BarValue,{length:D,size:W,orientation:y,class:h.classNames([P.base,P[y]]),color:X}),null===(n=z.referenceLines)||void 0===n?void 0:n.map((t=>e.jsx(C,{color:t.color,orientation:y,percentage:100*(t.value-_)/(g-_)+"%",position:t.position})))]}))})),j]})},Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_MeterBar.js.map