@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/InputPassword-72147893.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword-72147893.js","sources":["../../src/UNSAFE_InputPassword/InputPassword.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\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 {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from '#PRIVATE_RevealToggleIcon';\nimport { useClearIcon } from '#hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/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';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\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  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\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 how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\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} & TestIdProps;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\n/**\n * An InputPassword is a password input field with a reveal icon.\n */\nexport const InputPassword = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\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      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\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 ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLInputElement>(null);\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLInputElement>({\n      enabledElementRef,\n      readonlyElementRef,\n      isDisabled,\n      isReadonly,\n      onBlurWithin: setRevealedFalse\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal button,\n    // toggle revealing/masking password\n    const onRevealIconToggle = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed, setRevealedFalse, setRevealedTrue]);\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const passwordMaskedStr = translations.inputPassword_hidden();\n    const passwordShowStr = translations.inputPassword_show();\n    const passwordHideStr = translations.inputPassword_hide();\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon\n          accessibleLabel={passwordMaskedStr}\n          isRevealed={isRevealed}\n          onToggle={onRevealIconToggle}\n          tooltipHide={passwordHideStr}\n          tooltipShow={passwordShowStr}\n          testId={`${testId}_toggleicon`}\n        />\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    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\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      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"input\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          textAlign={textAlign}\n          type=\"password\"\n          value={value}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            ref={anchorRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        aria-label={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasEndContent={!!(maybeClearIcon || revealToggleIcon)}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\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          columnSpan={columnSpan}\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          compactUserAssistance={compactUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","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","testId","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","bool","isRevealed","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","useRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","onBlurWithin","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconToggle","translations","useTranslationBundle","passwordMaskedStr","inputPassword_hidden","passwordShowStr","inputPassword_show","passwordHideStr","inputPassword_hide","revealToggleIcon","_jsx","RevealToggleIcon","accessibleLabel","onToggle","tooltipHide","tooltipShow","onClickClearIcon","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","undefined","fieldLabelProps","labelText","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","formVariant","hasEmptyLabel","hasInsideLabel","onBlur","onFocus","FormFieldContext","Provider","children","ReadonlyTextField","role","TextFieldInput","hasEndContent","inputRef","TextField","endContent","onFocusOut","onFocusIn","mainFieldRef"],"mappings":"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"}

package/amd/InputSensitiveText-28cebe14.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './useLengthFilter-c05fd679', './Label-3c17bcc9', './ObfuscatedTextFieldInput-c0e463cf', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './TextFieldInput-eb40adaa', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,n,a,l,o,i,d,r,c,u,b,p,x,m,h,F,T,y,g,v,f,A,S,C,L,I,R,U,E,j,w,V,_,P,B,N,k,D,H,M,q,O,W,$,G,K,X,z,J,Q,Y,Z,ee,se,te,ne){"use strict";const ae=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoFocus:l=!1,columnSpan:h,hasClearIcon:T="never",hasRevealToggle:y="always",helpSourceLink:g,helpSourceText:v,isDisabled:f,isReadonly:A,isRequired:S=!1,isRequiredShown:C,label:R,labelEdge:U,labelStartWidth:E,maxLength:P,maxLengthUnit:B,messages:N,placeholder:k,revealToggleLabel:D,textAlign:H,userAssistanceDensity:M,value:q,variant:O="default",virtualKeyboard:W,onInput:$,onCommit:G,testId:K},z)=>{const{currentCommitValue:J,dispatch:ae}=ee.useCurrentValueReducer({value:q}),oe=n.useCallback((e=>{ae({type:"input",payload:e.value}),$?.(e)}),[$,ae]),ie=n.useCallback((e=>{ae({type:"commit",payload:e.value}),G?.(e)}),[G,ae]),{isDisabled:de,isReadonly:re,labelEdge:ce,labelStartWidth:ue,textAlign:be,userAssistanceDensity:pe}=o.useFormContext(),xe=f??de,me=A??re,he=U??ce,Fe=E??ue,Te=H??be??te.defaultTextAlignForVariant(O),ye=M??pe,ge=n.useRef(L.useId()),ve=e?`${e} ${ge.current}`:ge.current,{bool:fe,setFalse:Ae,setTrue:Se}=V.useToggle(!1),Ce=n.useRef(null),Le=n.useRef(null),{focusProps:Ie,isFocused:Re,methods:Ue}=a.useFocusableTextField({isDisabled:xe,isReadonly:me,enabledElementRef:Ce,readonlyElementRef:Le,onBlurWithin:Ae}),{methods:Ee}=se.useSelectableTextField(Ce);n.useImperativeHandle(z,(()=>_.mergeProps(Ue,Ee)),[Ue,Ee]);const{hoverProps:je,isHover:we}=r.useHover({isDisabled:me||xe||!1}),{formFieldContext:Ve,inputProps:_e,labelProps:Pe,textFieldProps:Be,userAssistanceProps:Ne}=d.useTextField({ariaDescribedBy:me||xe?e:ve,helpSourceLink:g,helpSourceText:v,isDisabled:xe,isFocused:Re,isReadonly:me,isRequiredShown:C,labelEdge:he,messages:N,styleVariant:O,userAssistanceDensity:ye,value:q}),ke=n.useCallback((()=>{fe?Ae():Se()}),[fe,Ae,Se]),De=I.useTranslationBundle("@oracle/oraclejet-preact"),He=D||De.inputSensitiveText_hidden(),Me=xe||me&&!q||"always"!==y?null:s.jsx(ne.RevealToggleIcon,{onToggle:ke,isRevealed:fe,accessibleLabel:He}),qe=n.useCallback((()=>{Ce.current?.focus(),oe?.({previousValue:q,value:""})}),[oe,q,Ce]),Oe=Q.useClearIcon({clearIcon:s.jsx(Z.ClearIcon,{onClick:qe,testId:`${K}_clearicon`}),display:T,hasValue:Ve.hasValue,isFocused:Re,isEnabled:!me&&!xe,isHover:we}),We=Y.beforeVNode(Me,Oe),{isMaxLengthExceeded:$e,valueLength:Ge,onFilteredInput:Ke}=c.useLengthFilter({maxLength:P,maxLengthUnit:B,value:q,onInput:oe,onCommit:ie}),Xe="none"!==he?s.jsx(u.Label,{...Pe,children:R}):void 0,ze={label:"none"!==he?Xe:void 0,labelEdge:"none"!==he?he:void 0,labelStartWidth:"none"!==he?Fe:void 0,labelText:"inside"!==he||xe?void 0:R},Je="none"===he?R:void 0,Qe="efficient"===ye||"reflow"===ye?xe?"efficient"!==ye?void 0:s.jsx(j.InlineUserAssistance,{userAssistanceDensity:ye,...Ne}):me?s.jsx(j.InlineUserAssistance,{fieldLabel:R,messages:N,userAssistanceDensity:ye,...Ne}):s.jsx(j.InlineUserAssistance,{assistiveText:t,fieldLabel:R,helpSourceLink:g,helpSourceText:v,messages:N,isRequiredShown:C,userAssistanceDensity:ye,...Ne}):void 0,Ye=n.useRef(null),Ze="compact"===ye?s.jsx(w.CompactUserAssistance,{anchorRef:Ye,messages:N,assistiveText:t,...Ne}):void 0;if(me){const e=s.jsx(p.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":Je,"aria-labelledby":Pe.id,as:"input",autoFocus:l,elementRef:Le,formVariant:O,onBlur:_e.onBlur,onFocus:_e.onFocus,textAlign:Te,type:"text",value:fe?q:"•".repeat(q?q.length:0),hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==R&&"inside"===he});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:Ze,inlineUserAssistance:Qe,endContent:Me,mainContent:e,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:Ye,testId:K,...ze})})}const es=void 0!==P,ss=s.jsxs(s.Fragment,{children:[s.jsx(b.ObfuscatedTextFieldInput,{"aria-label":Je,autoFocus:l,character:"•",currentCommitValue:J,hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==Xe&&"inside"===he,inputRef:Ce,isRequired:S,onInput:Ke,onCommit:ie,placeholder:k,textAlign:Te,type:le()?W:void 0,value:q,isRevealed:fe,hasEndContent:!(!Oe&&!Me),..._e}),es&&s.jsx(X.HiddenAccessible,{id:ge.current,children:De.formControl_maxLength({MAX_LENGTH:`${P}`})}),es&&Re&&s.jsx(F.MaxLengthLiveRegion,{isMaxLengthExceeded:$e,maxLength:P,valueLength:Ge,testId:K?K+"_maxLength":void 0})]});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.TextField,{columnSpan:h,endContent:We,inlineUserAssistance:Qe,compactUserAssistance:Ze,mainContent:ss,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:Ye,testId:K,...Be,...ze,...je})})}));function le(){const e=q.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputSensitiveText=ae}));
+//# sourceMappingURL=InputSensitiveText-28cebe14.js.map

package/amd/InputSensitiveText-28cebe14.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSensitiveText-28cebe14.js","sources":["../../src/UNSAFE_InputSensitiveText/InputSensitiveText.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\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 { CountUnit, useLengthFilter } from '#hooks/UNSAFE_useLengthFilter';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  MaxLengthLiveRegion,\n  ObfuscatedTextFieldInput,\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from '#PRIVATE_RevealToggleIcon';\nimport { useClearIcon } from '#hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/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';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\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  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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 how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\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   * A label that describes what type of data is hidden.\n   * This label becomes the aria-label of the reveal toggle icon button to make the button accessible.\n   * Example: \"Credit Card Number hidden\"\n   */\n  revealToggleLabel?: string;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\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   * 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   * 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} & TestIdProps;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * An InputSensitiveText allows you to enter/edit sensitive data, obfuscating the input as the user types.\n * The obfuscation can be toggled off and on via a reveal toggle button.\n * Examples: Credit Card Number, Social Security Number, etc.\n */\nexport const InputSensitiveText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoFocus = false,\n      columnSpan,\n      hasClearIcon = 'never',\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      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      revealToggleLabel,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\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 ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLInputElement>(null);\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLInputElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef,\n      onBlurWithin: setRevealedFalse\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal button,\n    // toggle revealing/masking password\n    const onRevealIconToggle = useCallback(() => {\n      if (isRevealed) {\n        setRevealedFalse();\n      } else {\n        setRevealedTrue();\n      }\n    }, [isRevealed, setRevealedFalse, setRevealedTrue]);\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    // I'm using || and not ?? here because if they provide an empty string for the label, we want\n    // to use our translated string, as an empty string would be an accessibility violation.\n    const revealToggleAriaLabel = revealToggleLabel || translations.inputSensitiveText_hidden();\n\n    // When hasRevealToggle === 'always', we still don't render the revealToggleButton when:\n    // - isDisabled is true\n    // - isReadonly is true and the value is empty or undefined.\n    const revealToggleIcon =\n      !isDisabled && (!isReadonly || !!value) && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon\n          onToggle={onRevealIconToggle}\n          isRevealed={isRevealed}\n          accessibleLabel={revealToggleAriaLabel}\n        />\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    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\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      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const obfuscationChar = '•';\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"input\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          type={'text'}\n          value={isRevealed ? value : obfuscationChar.repeat(value ? value.length : 0)}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            endContent={revealToggleIcon}\n            mainContent={mainContent}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n    const mainContent = (\n      <>\n        <ObfuscatedTextFieldInput\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          character={obfuscationChar}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          onInput={onFilteredInput}\n          onCommit={onCommitAndDispatch}\n          placeholder={placeholder}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={value}\n          isRevealed={isRevealed}\n          hasEndContent={!!(maybeClearIcon || revealToggleIcon)}\n          {...inputProps}\n        />\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            isMaxLengthExceeded={isMaxLengthExceeded}\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId ? testId + '_maxLength' : undefined}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          columnSpan={columnSpan}\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          compactUserAssistance={compactUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\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 running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputSensitiveText","forwardRef","ariaDescribedBy","assistiveText","autoFocus","columnSpan","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","revealToggleLabel","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","testId","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","bool","isRevealed","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","onBlurWithin","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconToggle","translations","useTranslationBundle","revealToggleAriaLabel","inputSensitiveText_hidden","revealToggleIcon","_jsx","RevealToggleIcon","onToggle","accessibleLabel","onClickClearIcon","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","undefined","fieldLabelProps","labelText","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","formVariant","onBlur","onFocus","repeat","length","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","role","endContent","onFocusOut","onFocusIn","hasMaxLength","_jsxs","_Fragment","ObfuscatedTextFieldInput","character","inputRef","isMobile","hasEndContent","HiddenAccessible","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}

package/amd/InputText-83b55089.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useHover-8b8a1496', './useLengthFilter-c05fd679', './useTextField-3ab0a23b', './Label-3c17bcc9', './PrefixSuffix-48d0a199', './usePrefixSuffix-b26030fe', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,a,n,i,o,l,d,r,u,c,x,b,p,f,h,m,F,y,v,S,C,T,A,g,I,L,U,R,E,P,j,V,w,_,B,D,N,k,H,M,q,$,O,W,G,K,X,z,J,Q,Y,Z,ee,se,te,ae,ne){"use strict";const ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:y,hasClearIcon:A="never",endContent:g,helpSourceLink:I,helpSourceText:L,isDisabled:U,isReadonly:R,isRequired:E=!1,isRequiredShown:P,label:V,labelEdge:w,labelStartWidth:_,maxLength:k,maxLengthUnit:H,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:X,value:z,variant:J="default",virtualKeyboard:Q,onInput:Y,onCommit:Z,testId:ie},le)=>{const de=j.useTranslationBundle("@oracle/oraclejet-preact"),{currentCommitValue:re,dispatch:ue}=te.useCurrentValueReducer({value:z}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),Y?.(e)}),[Y,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),Z?.(e)}),[Z,ue]),{isDisabled:be,isReadonly:pe,labelEdge:fe,labelStartWidth:he,textAlign:me,userAssistanceDensity:Fe}=l.useFormContext(),ye=U??be,ve=R??pe,Se=w??fe,Ce=_??he,Te=K??me??ne.defaultTextAlignForVariant(J),Ae=X??Fe,ge=a.useRef(h.useId()),Ie=e?`${e} ${ge.current}`:ge.current,Le=a.useRef(null),Ue=a.useRef(null),{focusProps:Re,isFocused:Ee,methods:Pe}=i.useFocusableTextField({isDisabled:ye,isReadonly:ve,enabledElementRef:Le,readonlyElementRef:Ue}),{methods:je}=ae.useSelectableTextField(Le);a.useImperativeHandle(le,(()=>N.mergeProps(Pe,je)),[Pe,je]);const{hoverProps:Ve,isHover:we}=r.useHover({isDisabled:ve||ye||!1}),{baseId:_e,formFieldContext:Be,inputProps:De,labelProps:Ne,textFieldProps:ke,userAssistanceProps:He}=c.useTextField({ariaDescribedBy:ve||ye?e:Ie,helpSourceLink:I,helpSourceText:L,isDisabled:ye,isFocused:Ee,isReadonly:ve,isRequiredShown:P,labelEdge:Se,messages:M,styleVariant:J,userAssistanceDensity:Ae,value:z}),Me=a.useCallback((()=>{Le.current?.focus(),ce?.({previousValue:z,value:""})}),[ce,z,Le]),qe=n.useClearIcon({clearIcon:s.jsx(se.ClearIcon,{onClick:Me,testId:`${ie}_clearicon`}),display:A,hasValue:Be.hasValue,isFocused:Ee,isEnabled:!ve&&!ye,isHover:we}),$e=ee.beforeVNode(g,qe),Oe=void 0!==V&&"inside"===Se,{shouldRenderPrefix:We,shouldRenderSuffix:Ge,prefixProps:Ke,suffixProps:Xe,valuePrefixSuffix:ze,ariaLabelledBy:Je}=p.usePrefixSuffix({baseId:_e,hasEndContent:void 0!==g,hasInsideLabel:Oe,hasStartContent:void 0!==W,hasValue:Be.hasValue,isDisabled:ye,isFocused:Ee,labelId:Ne.id,prefix:$,suffix:G,value:z}),Qe=We?s.jsx(b.PrefixSuffix,{...Ke}):void 0,Ye=Ge?s.jsx(b.PrefixSuffix,{...Xe}):void 0,{isMaxLengthExceeded:Ze,valueLength:es,onFilteredInput:ss}=u.useLengthFilter({maxLength:k,maxLengthUnit:H,value:z,onInput:ce,onCommit:xe}),ts="none"!==Se?s.jsx(x.Label,{...Ne,children:V}):void 0,as={label:"none"!==Se?ts:void 0,labelEdge:"none"!==Se?Se:void 0,labelStartWidth:"none"!==Se?Ce:void 0,labelText:"inside"!==Se||ye?void 0:V},ns="none"===Se?V:void 0,is="efficient"===Ae||"reflow"===Ae?ye?"efficient"!==Ae?void 0:s.jsx(B.InlineUserAssistance,{userAssistanceDensity:Ae,...He}):ve?s.jsx(B.InlineUserAssistance,{fieldLabel:V,messages:M,userAssistanceDensity:Ae,...He}):s.jsx(B.InlineUserAssistance,{assistiveText:t,fieldLabel:V,helpSourceLink:I,helpSourceText:L,messages:M,isRequiredShown:P,userAssistanceDensity:Ae,...He}):void 0,os=a.useRef(null),ls="compact"===Ae?s.jsx(D.CompactUserAssistance,{anchorRef:os,messages:M,assistiveText:t,...He}):void 0;if(ve){const e=s.jsx(v.ReadonlyTextFieldInput,{"aria-describedby":De["aria-describedby"],"aria-label":ns,"aria-labelledby":Ne.id,as:"div",autoFocus:m,elementRef:Ue,formVariant:J,onBlur:De.onBlur,onFocus:De.onFocus,textAlign:Te,value:ze,hasEmptyLabel:""===V&&"none"===Se,hasInsideLabel:Oe});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(S.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:ls,endContent:g,inlineUserAssistance:is,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:os,mainContent:e,startContent:W,testId:ie,...as})})}const ds=void 0!==k,rs=s.jsxs(s.Fragment,{children:[Qe,s.jsx(F.TextFieldInput,{"aria-labelledby":Je,"aria-label":ns,autoComplete:o,autoFocus:m,currentCommitValue:re,hasEmptyLabel:""===V&&"none"===Se,hasEndContent:void 0!==g,hasInsideLabel:void 0!==ts&&"inside"===Se,hasPrefix:void 0!==Qe,hasStartContent:void 0!==W,hasSuffix:void 0!==Ye,inputRef:Le,isRequired:E,placeholder:q,role:O,textAlign:Te,type:oe()?Q:void 0,value:ye?ze:z,onCommit:xe,onInput:ss,...De}),Ye,ds&&s.jsx(f.HiddenAccessible,{id:ge.current,children:de.formControl_maxLength({MAX_LENGTH:`${k}`})}),ds&&Ee&&s.jsx(T.MaxLengthLiveRegion,{isMaxLengthExceeded:Ze,maxLength:k,valueLength:es,testId:ie?ie+"_maxLength":void 0})]});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(C.TextField,{endContent:$e,columnSpan:y,compactUserAssistance:ls,inlineUserAssistance:is,mainContent:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,startContent:W,mainFieldRef:os,testId:ie,...ke,...as,...Ve})})}));function oe(){const e=G.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=ie}));
+//# sourceMappingURL=InputText-83b55089.js.map

package/amd/InputText-83b55089.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText-83b55089.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\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 { PrefixSuffix } from '#UNSAFE_PrefixSuffix';\nimport { usePrefixSuffix } from '#hooks/UNSAFE_usePrefixSuffix';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/ClearIcon';\nimport { MaxLengthLiveRegion } from '#UNSAFE_TextField';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\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   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\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};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/**\n * An input text displays a field that allows a user to enter a text value.\n */\nexport const InputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\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      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\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 ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\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, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\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 hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n    const {\n      shouldRenderPrefix,\n      shouldRenderSuffix,\n      prefixProps,\n      suffixProps,\n      valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel,\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    const renderedPrefix = shouldRenderPrefix ? <PrefixSuffix {...prefixProps} /> : undefined;\n\n    const renderedSuffix = shouldRenderSuffix ? <PrefixSuffix {...suffixProps} /> : undefined;\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      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\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      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          value={valuePrefixSuffix}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={hasInsideLabel}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            endContent={endContent}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            mainContent={mainContent}\n            startContent={startContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\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        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            isMaxLengthExceeded={isMaxLengthExceeded}\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId ? testId + '_maxLength' : undefined}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          startContent={startContent}\n          mainFieldRef={anchorRef}\n          testId={testId}\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 running 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","columnSpan","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","testId","ref","translations","useTranslationBundle","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","enabledElementRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","hasInsideLabel","undefined","shouldRenderPrefix","shouldRenderSuffix","prefixProps","suffixProps","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasStartContent","labelId","id","renderedPrefix","PrefixSuffix","renderedSuffix","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","fieldLabelProps","labelText","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","as","elementRef","formVariant","onBlur","onFocus","hasEmptyLabel","FormFieldContext","Provider","children","ReadonlyTextField","onFocusOut","onFocusIn","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","HiddenAccessible","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}

package/amd/Label-3c17bcc9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './LayerHost-daf96749', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-75a63697', './useScale-fa445112', './useDensity-cb21e58e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-deb90940', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,C,f,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,O,H,W,q,G,z,J){"use strict";const K=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=G.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=C.useScale()||"lg",m=f.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=S.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...A}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...A,children:e}),y]})},Q=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,C="textField"===F,f=N.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:R}}=r.useComponentTheme(J.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(z.TextFieldRedwoodTheme),L="safari"===f.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:R]),I=A?s.jsx(K,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(H.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(K,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(Q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
+//# sourceMappingURL=Label-3c17bcc9.js.map

package/amd/Label-3c17bcc9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-3c17bcc9.js","sources":["../../src/UNSAFE_Label/useDetectLabelTruncation.tsx","../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useCallback, useRef, useState } from 'preact/hooks';\nimport { detectTruncation } from '#utils/PRIVATE_truncationUtils';\n\ntype Props = {\n  isDisabled?: boolean;\n  rootRef: RefObject<HTMLLabelElement>;\n};\n\n/**\n * Hook that detects truncated text when you hover the mouse over a label.\n */\nconst useDetectLabelTruncation = ({ isDisabled = false, rootRef }: Props) => {\n  const [isTextTruncated, setIsTextTruncated] = useState<boolean>(false);\n  const mouseOverTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  const handleMouseOver = useCallback(() => {\n    clearTimeout(mouseOverTimerRef.current);\n    // Determine if the label is truncated after the user hovers over it.\n    mouseOverTimerRef.current = setTimeout(() => {\n      const isTruncated = detectTruncation(rootRef as RefObject<HTMLElement>);\n      setIsTextTruncated(isTruncated);\n    }, 1000);\n  }, [rootRef]);\n\n  const handleMouseOut = useCallback(() => {\n    clearTimeout(mouseOverTimerRef.current);\n    mouseOverTimerRef.current = undefined;\n    setIsTextTruncated(false);\n  }, []);\n\n  const detectTruncationProps = !isDisabled\n    ? {\n        onMouseOver: handleMouseOver,\n        onMouseOut: handleMouseOut\n      }\n    : {};\n\n  return { detectTruncationProps, isTextTruncated };\n};\n\nexport { useDetectLabelTruncation };\n","import { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '@oracle/oraclejet-internal-utilities/typeUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '#UNSAFE_UserAssistance';\n\nimport { useDetectLabelTruncation } from './useDetectLabelTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\nimport { useScale } from '#hooks/UNSAFE_useScale';\nimport { useDensity } from '#hooks/UNSAFE_useDensity';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n  readonly?: boolean;\n  disabled?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps> & {\n  onClick?: (e: MouseEvent) => void;\n};\n\ntype TruncatingLabelProps = Omit<\n  StyledLabelProps,\n  | 'readonly'\n  | 'disabled'\n  | 'isRequiredShown'\n  | 'helpIconId'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'parentComponentVariant'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\n// When you mouse over the label, useDetectLabelTruncation determines if the text is truncated\n// and shows a tooltip. When you move the mouse outside of the label, the tooltip goes away.\nconst TruncatingLabel = ({\n  children: text,\n  labelRef,\n  hasValue,\n  isFocused,\n  ...labelProps\n}: TruncatingLabelProps) => {\n  const labelElementRef = useRef<HTMLLabelElement>(null);\n  const ref = labelRef ?? labelElementRef;\n  const { detectTruncationProps, isTextTruncated } = useDetectLabelTruncation({ rootRef: ref });\n\n  // Calculate the tooltip offset so it looks like it's relative to the field instead of the label.\n  const scale = useScale() || 'lg';\n  const density = useDensity() || 'standard';\n  const scaleMap = { sm: 3, md: 3.5, lg: 4 };\n  const xUnits = scaleMap[scale];\n  const densityUnits = density === 'standard' ? 0 : -xUnits;\n  const mainAxisMap = {\n    sm: Math.max(xUnits + densityUnits, 3),\n    md: Math.max(1.14 * xUnits + densityUnits, 3.5),\n    lg: 2 * xUnits + densityUnits\n  };\n  const mainAxis =\n    hasValue || isFocused ? mainAxisMap[scale] + 5 : Math.max(5.75 * xUnits + densityUnits, 16);\n  const { tooltipContent, tooltipProps } = useTooltip({\n    offset: {\n      mainAxis,\n      crossAxis: -4 * xUnits - 1\n    },\n    position: 'top-start',\n    text,\n    isDisabled: !isTextTruncated\n  });\n  const { 'aria-describedby': notNeeded, ...tooltipEventHandlerProps } = tooltipProps;\n\n  return (\n    <>\n      <label ref={ref} {...detectTruncationProps} {...labelProps} {...tooltipEventHandlerProps}>\n        {text}\n      </label>\n      {tooltipContent}\n    </>\n  );\n};\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  labelRef,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside';\n  const isTextField = parentComponentVariant === 'textField';\n  const clientHints = getClientHints();\n\n  // JET-73197: Truncated tooltips for core pack.\n  // Determine whether to render a TruncatingLabel, which is measured to determine if\n  // the label's content exceeds the size of the label itself, i.e. it's truncated.\n  // We only want to do this for inside label edge, not disabled, and the textField variant.\n  const useTruncatingLabel = isInside && !disabled && parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: {\n      safariAfter,\n      uaDensityCompactLabel,\n      uaDensityCompactLabelStart,\n      uaDensityCompactLabelTopInside\n    }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    textField: isTextField ? 'isTextField' : 'notTextField',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',\n    disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n  // JET-74754: Fix dual tooltips on Safari. This prevents safari from putting\n  // up its own tooltip for truncated labels.\n  const afterClass = clientHints.browser === 'safari' ? safariAfter : undefined;\n\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\n  const compactLabelStyles = classNames([\n    afterClass,\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = useTruncatingLabel ? (\n    <TruncatingLabel\n      {...props}\n      class={compactLabelStyles}\n      hasValue={hasValue}\n      isFocused={isFocused}\n      labelRef={labelRef}\n    />\n  ) : (\n    <label {...props} class={compactLabelStyles} />\n  );\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : useTruncatingLabel ? (\n    <TruncatingLabel\n      {...props}\n      class={classNames([afterClass, classes, textFieldTheme])}\n      hasValue={hasValue}\n      isFocused={isFocused}\n      labelRef={labelRef}\n    />\n  ) : (\n    <label\n      // JET-71582  Adding aria-disabled for components that don't have a disabled input element. AXE isn't able\n      // to determine that the label belongs to a disabled field, so it throwing a contrast error in the webdriverjs\n      // tests.\n      aria-disabled={disabled ? 'true' : undefined}\n      {...props}\n      class={classNames([afterClass, classes, textFieldTheme])}\n    />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\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?: boolean;\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';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?:\n    | 'textField'\n    | 'radioSet'\n    | 'checkboxSet'\n    | 'richRadioSet'\n    | 'richCheckboxSet'\n    | 'formComponentWrapper';\n  /**\n   * Handler called when the label is clicked.\n   */\n  onClick?: (e: MouseEvent) => void;\n  /**\n   * A ref to the intrinsic label.\n   */\n  labelRef?: RefObject<HTMLLabelElement>;\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":["TruncatingLabel","children","text","labelRef","hasValue","isFocused","labelProps","labelElementRef","useRef","ref","detectTruncationProps","isTextTruncated","isDisabled","rootRef","setIsTextTruncated","useState","mouseOverTimerRef","handleMouseOver","useCallback","clearTimeout","current","setTimeout","isTruncated","detectTruncation","handleMouseOut","undefined","onMouseOver","onMouseOut","useDetectLabelTruncation","scale","useScale","density","useDensity","xUnits","sm","md","lg","densityUnits","mainAxisMap","Math","max","mainAxis","tooltipContent","tooltipProps","useTooltip","offset","crossAxis","position","notNeeded","tooltipEventHandlerProps","_jsxs","jsxs","_Fragment","Fragment","_jsx","StyledLabel","readonly","disabled","isRequiredShown","helpIconId","helpSourceLink","helpSourceText","userAssistanceDensity","variant","parentComponentVariant","props","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","isInside","isTextField","clientHints","getClientHints","useTruncatingLabel","classes","styles","safariAfter","uaDensityCompactLabel","uaDensityCompactLabelStart","uaDensityCompactLabelTopInside","useComponentTheme","LabelRedwoodTheme","inside","inEnabledForm","focused","formLayout","readonlyForm","textField","value","valueOrFocus","animatedWhenInside","baseTheme","textFieldTheme","TextFieldRedwoodTheme","afterClass","browser","compactLabelStyles","classNames","compactUADLabel","jsx","class","CompactLabelAssistance","labelEdge","forId","useFormFieldContext","for"],"mappings":"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"}

package/amd/LabelValueLayout-39dc1be3.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5a476d38', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5737d116', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
 //# sourceMappingURL=LabelValueLayout-39dc1be3.js.map

package/amd/Layer-c91c7141.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-daf96749', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-14ffb628'], (function(e,t,o,s,r,a,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[m,p]=o.useState(null),d=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{d.current=e,p(e)},f=l.useThemeInterpolations(i);let b=a.styles.popupPriorityStyle;switch(c){case"dialog":b=a.styles.dialogPriorityStyle;break;case"messages":b=a.styles.messagesPriorityStyle;break;case"tooltip":b=a.styles.tooltipPriorityStyle;break;default:b=a.styles.popupPriorityStyle}const S=r.classNames([f,a.baseStyle,b]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=l.toUnsafeDomElement(i)),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),m&&(m.className=S);const H=o.useCallback((()=>m),[m]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:m&&o.createPortal(e,m)})}}));
+//# sourceMappingURL=Layer-c91c7141.js.map

package/amd/Layer-c91c7141.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer-c91c7141.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('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> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\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    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\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      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}

package/amd/LayerHost-daf96749.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact', './index-f7ad24df', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:o.t,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=t.createContext(c),d=t.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-daf96749.js.map

package/amd/LayerHost-daf96749.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerHost-daf96749.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\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';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","t","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","role","class","baseStyle","displayName"],"mappings":"oKAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOC,EACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BtB,GC5F5DuB,EAAeD,EAAaA,cAAoB,CAAE,GCJzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,aAAKC,GAAG,oBAAoBC,KAAK,eAAeH,IAAKA,EAAKI,MAAOC,EAAAA,cAG1ER,EAAUS,YAAc"}

package/amd/LayerManager-8bad71b0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-daf96749'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
+//# sourceMappingURL=LayerManager-8bad71b0.js.map

package/amd/LayerManager-8bad71b0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerManager-8bad71b0.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\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        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["children","defaultHost","setDefaultHost","useState","defaultHostRef","useCallback","el","_jsx","LayerContext","Consumer","value","defaultHostContext","getRootLayerHost","getLayerHost","layerContext","_jsxs","Provider","jsx","LayerHost","ref"],"mappings":"8HAagB,UAAaA,SAAEA,IAC7B,MAAOC,EAAaC,GAAkBC,EAAQA,WAExCC,EAAiBC,eAAaC,IAGvB,OAAPA,GACFJ,EAAeI,EAChB,GACA,IAEH,OACEC,EAAAA,IAACC,EAAAA,aAAaC,SACX,CAAAT,SAACU,IACA,IAAIC,EAAqB,CAAA,EACrBV,IACFU,EAAqB,CACnBC,iBAAkB,IACTX,EAETY,aAAc,IACLZ,IAIb,MAAMa,EAAeJ,EAAMG,aAAeH,EAAQC,EAClD,OACEI,EAAAA,KAACP,EAAAA,aAAaQ,SAAS,CAAAN,MAAOI,EAC3Bd,SAAA,CAAAA,GACCU,EAAMG,cAAgBN,EAAAU,IAACC,YAAS,CAACC,IAAKf,MAE1C,GAIV"}

package/amd/Legend-a8e9f523.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-acabb503', './useVisEvents-3839d74f', './useLegendDnd-daee983e', './mergeProps-bcfa6a92', './useItemFocus-75d6510d', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-d782da3d', './classNames-08d99695', './useTestId-a2e433c2', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', 'preact/compat', './TrackResizeContainer-a4999df9', './useTextDimensions-f254e8f5', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './LegendRendered-d8626509'], (function(e,t,n,s,i,o,a,d,r,l,m,g,h,c,u,I,x,f,y){"use strict";function v(e,t){const{itemIdx:n}=e;return-1==n?t[t.length-1]:t[n]}function p(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.min(t.length-1,n+1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:n===t.length-1?(n-=1,{sectionIdx:0,itemIdx:n}):p({sectionIdx:0,itemIdx:n},t)}function D(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.max(0,n-1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:D({sectionIdx:0,itemIdx:n},t)}function b(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,data:void 0};const n=v(t,e);return{itemId:n.id,data:n}},getPrevItemInfo:t=>D(t,e),getNextItemInfo:t=>p(t,e)}}const S=({width:e,getTextDimensions:t,resolvedVars:n,orientation:s,legendFontStylesObj:i={},symbolWidth:o,items:a})=>{let d=0,r=0,l=0,m=!1;const g=e;if(!Object.keys(n).length||!t)return;const h=parseFloat(n.unit),{maxItemWidth:c,maxItemHeight:u,horizontalSectionWidth:I}=R(a,h,t,i,o);l=I,d=c,r=u,m=I>g;return{totalWidth:l,maxItemWidth:Math.min(d,g),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(g/d)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let a=0,d=0,r=0,l=0,m=0;return l=i?1.5*t+i:4*t,m=o?o+1.7*t:2.5*t+1.7*t,e?.forEach((e=>{const i=e,{width:o,height:g}=n(i.text,s),h=2.5*t+o;r+=l+h,a=Math.max(a,l+h),d=Math.max(d,g,m)})),{maxItemWidth:a,maxItemHeight:d,horizontalSectionWidth:r}};const M=u.forwardRef((({orientation:e="horizontal",items:v,isReadOnly:p=!0,onItemAction:D,onItemHover:R,onItemFocus:M,testId:W,contextMenuConfig:C,hideAndShowBehavior:P="off",hoverBehavior:F="none",halign:T="start",valign:L="top",...V},H=null)=>{const{isGetPreferredSizeReady:w,width:j,height:E}=n.useContext(y.LegendRenderedContext),{textMeasureContent:O,getTextDimensions:z}=x.useTextDimensions(),{resolvedVars:A,cssContent:N}=l.useCssVars(o.legendVars),B=o.getLegendTextStyle({fontStyle:V.textFontStyle,fontSize:V.textFontSize?.toString(),fontWeight:V.textFontWeight?.toString(),fontFamily:V.textFontFamily},A),k=n.useRef(null);u.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>function(e,t,n,s,i,a,d,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:a,symbolWidth:d,symbolHeight:r,items:n}),{itemsPerCol:g,itemsPerRow:h}=o.getGridNums(n.length,m,i),c=parseFloat(s.unit),u=Math.min(e,1===g?m.totalWidth:h?m.maxItemWidth*h:m.totalWidth),I=.8*c,x=1.5*c,f=g?m.maxItemHeight*g+(g-1)*I+x:m.maxItemHeight+x,y=Math.min(t,f);return{width:Math.ceil(u),height:Math.ceil(y)}}(t,n,v,A,e,B,V.symbolWidth,V.symbolHeight,z)})),[z,A,e,B,V.symbolWidth,V.symbolHeight,v]),z&&null!=A.unit&&null!=A.fontSize&&w?.(!0);const $=g.useTestId(W),G=void 0!==$["data-testid"],_=n.useRef(),{getItem:U,getDetailFromInfo:q,getPrevItemInfo:K,getNextItemInfo:J}=b(v),Q=o.getIsLegendItemActionable(v,p),X=v.length>0,{touchResponse:Y,touchResponseStyle:Z}=h.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:ee,hoveredItemInfo:te,onContextMenuDismissed:ne,activeId:se,eventsProps:ie}=i.useVisEvent(Y,!p,Q,((e,t,n)=>o.getKeyUpHandler(e,t,n,null!=V.hiddenIds)),q,K,J,D,R,M,o.isEqualItem,o.getItemInfo,{itemIdx:0,sectionIdx:0},null!=V.hiddenIds),{focusedItemRef:oe}=d.useItemFocus(ee),ae=o.getDatatipText(v,U,ee,te),[de,re]=n.useState(!1),{datatipContent:le,datatipProps:{"aria-describedby":me,...ge}}=s.useLegendDatatip({text:ae,rootDimsRef:_,focusedItemInfo:ee,focusedItemRef:oe,touchResponse:Y,isDisabled:de}),he=o.getAriaProps(p,V["aria-label"],V.hiddenIds,c.l([V["aria-describedby"],me]),V["aria-labelledby"]),{contextMenuContent:ce,contextMenuProps:ue}=s.useLegendContextMenu({rootRef:k,contextMenuConfig:X?C:void 0,focusedItemInfo:ee,items:v,isReadOnly:p,onContextMenuDismissed:ne}),[Ie,xe]=n.useState(),{draggable:fe,dndProps:ye,dndContent:ve}=o.useLegendDnd({onDrag:V.onDrag,onDragStart:V.onDragStart,onDragEnd:V.onDragEnd,onDragEnter:V.onDragEnter,onDragLeave:V.onDragLeave,onDragOver:V.onDragOver,onDrop:V.onDrop,items:v,setDragOver:xe,setDatatipDisabled:re,itemDraggable:V.itemDraggable}),pe=a.mergeProps(ie,ge,ue,ye),{legendStyle:De,renderedLegendStyle:be}=r.styles;return t.jsxs(t.Fragment,{children:[!w&&t.jsx(I.TrackResizeContainer,{width:j?`${j}px`:"100%",height:E?`${E}px`:"100%",class:m.classNames([r.styles.flexStyle,r.styles[`${T}HAlign`],r.styles[`${L}VAlign`]]),children:function(i){const a=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:v})),[i]),{itemsPerCol:d,itemsPerRow:r}=o.getGridNums(v.length,a);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,tabIndex:p?void 0:0,role:"application",draggable:fe,class:m.classNames([De,be,Ie?f.styles.dndDragOverHTMLStyle:!1===Ie?f.styles.dndRejectedStyle:void 0]),style:Z,...$,...he,...pe,"aria-activedescendant":se,children:t.jsx(s.BaseLegend,{...V,focusedItemRef:oe,items:v,isReadOnly:p,orientation:e,sectionIdx:0,itemsPerRow:r,itemsPerCol:d,itemWidth:a?.isWrapped?a?.maxItemWidth:void 0,focusedItemInfo:ee,hoveredItemInfo:te,activeId:se,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),le,ce,ve]})}}),O,N]})}));e.Legend=M}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-acabb503', './useVisEvents-e7b8669b', './useLegendDnd-daee983e', './mergeProps-bcfa6a92', './useItemFocus-75d6510d', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-5b3bc31e', './classNames-08d99695', './useTestId-9afc201a', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', 'preact/compat', './TrackResizeContainer-a4999df9', './useTextDimensions-f254e8f5', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './LegendRendered-d8626509'], (function(e,t,n,s,i,o,a,d,r,l,m,g,h,c,u,I,x,f,y){"use strict";function b(e,t){const{itemIdx:n}=e;return-1==n?t[t.length-1]:t[n]}function v(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.min(t.length-1,n+1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:n===t.length-1?(n-=1,{sectionIdx:0,itemIdx:n}):v({sectionIdx:0,itemIdx:n},t)}function p(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.max(0,n-1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:p({sectionIdx:0,itemIdx:n},t)}function D(e){return{getItem:t=>b(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,data:void 0};const n=b(t,e);return{itemId:n.id,data:n}},getPrevItemInfo:t=>p(t,e),getNextItemInfo:t=>v(t,e)}}const S=({width:e,getTextDimensions:t,resolvedVars:n,orientation:s,legendFontStylesObj:i={},symbolWidth:o,items:a})=>{let d=0,r=0,l=0,m=!1;const g=e;if(!Object.keys(n).length||!t)return;const h=parseFloat(n.unit),{maxItemWidth:c,maxItemHeight:u,horizontalSectionWidth:I}=R(a,h,t,i,o);l=I,d=c,r=u,m=I>g;return{totalWidth:l,maxItemWidth:Math.min(d,g),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(g/d)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let a=0,d=0,r=0,l=0,m=0;return l=i?1.5*t+i:4*t,m=o?o+1.7*t:2.5*t+1.7*t,e?.forEach((e=>{const i=e,{width:o,height:g}=n(i.text,s),h=2.5*t+o;r+=l+h,a=Math.max(a,l+h),d=Math.max(d,g,m)})),{maxItemWidth:a,maxItemHeight:d,horizontalSectionWidth:r}};const M=u.forwardRef((({orientation:e="horizontal",items:b,isReadOnly:v=!0,onItemAction:p,onItemHover:R,onItemFocus:M,testId:W,contextMenuConfig:C,hideAndShowBehavior:P="off",hoverBehavior:F="none",halign:T="start",valign:L="top",...V},H=null)=>{const{isGetPreferredSizeReady:w,width:j,height:E}=n.useContext(y.LegendRenderedContext),{textMeasureContent:O,getTextDimensions:z}=x.useTextDimensions(),{resolvedVars:A,cssContent:N}=l.useCssVars(o.legendVars),B=o.getLegendTextStyle({fontStyle:V.textFontStyle,fontSize:V.textFontSize?.toString(),fontWeight:V.textFontWeight?.toString(),fontFamily:V.textFontFamily},A),k=n.useRef(null);u.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>function(e,t,n,s,i,a,d,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:a,symbolWidth:d,symbolHeight:r,items:n}),{itemsPerCol:g,itemsPerRow:h}=o.getGridNums(n.length,m,i),c=parseFloat(s.unit),u=Math.min(e,1===g?m.totalWidth:h?m.maxItemWidth*h:m.totalWidth),I=.8*c,x=1.5*c,f=g?m.maxItemHeight*g+(g-1)*I+x:m.maxItemHeight+x,y=Math.min(t,f);return{width:Math.ceil(u),height:Math.ceil(y)}}(t,n,b,A,e,B,V.symbolWidth,V.symbolHeight,z)})),[z,A,e,B,V.symbolWidth,V.symbolHeight,b]),z&&null!=A.unit&&null!=A.fontSize&&w?.(!0);const $=g.useTestId(W),G=void 0!==$["data-testid"],_=n.useRef(),{getItem:U,getDetailFromInfo:q,getPrevItemInfo:K,getNextItemInfo:J}=D(b),Q=o.getIsLegendItemActionable(b,v),X=b.length>0,{touchResponse:Y,touchResponseStyle:Z}=h.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:ee,hoveredItemInfo:te,onContextMenuDismissed:ne,activeId:se,eventsProps:ie}=i.useVisEvent(Y,!v,Q,((e,t,n)=>o.getKeyUpHandler(e,t,n,null!=V.hiddenIds)),q,K,J,p,R,M,o.isEqualItem,o.getItemInfo,{itemIdx:0,sectionIdx:0},null!=V.hiddenIds),{focusedItemRef:oe}=d.useItemFocus(ee),ae=o.getDatatipText(b,U,ee,te),[de,re]=n.useState(!1),{datatipContent:le,datatipProps:{"aria-describedby":me,...ge}}=s.useLegendDatatip({text:ae,rootDimsRef:_,focusedItemInfo:ee,focusedItemRef:oe,touchResponse:Y,isDisabled:de}),he=o.getAriaProps(v,V["aria-label"],V.hiddenIds,c.l([V["aria-describedby"],me]),V["aria-labelledby"]),{contextMenuContent:ce,contextMenuProps:ue}=s.useLegendContextMenu({rootRef:k,contextMenuConfig:X?C:void 0,focusedItemInfo:ee,items:b,isReadOnly:v,onContextMenuDismissed:ne}),[Ie,xe]=n.useState(),{draggable:fe,dndProps:ye,dndContent:be}=o.useLegendDnd({onDrag:V.onDrag,onDragStart:V.onDragStart,onDragEnd:V.onDragEnd,onDragEnter:V.onDragEnter,onDragLeave:V.onDragLeave,onDragOver:V.onDragOver,onDrop:V.onDrop,items:b,setDragOver:xe,setDatatipDisabled:re,itemDraggable:V.itemDraggable}),ve=a.mergeProps(ie,ge,ue,ye),{legendStyle:pe,renderedLegendStyle:De}=r.styles;return t.jsxs(t.Fragment,{children:[!w&&t.jsx(I.TrackResizeContainer,{width:j?`${j}px`:"100%",height:E?`${E}px`:"100%",class:m.classNames([r.styles.flexStyle,r.styles[`${T}HAlign`],r.styles[`${L}VAlign`]]),children:function(i){const a=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:b})),[i]),{itemsPerCol:d,itemsPerRow:r}=o.getGridNums(b.length,a);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,tabIndex:v?void 0:0,role:"application",draggable:fe,class:m.classNames([pe,De,Ie?f.styles.dndDragOverHTMLStyle:!1===Ie?f.styles.dndRejectedStyle:void 0]),style:Z,...$,...he,...ve,"aria-activedescendant":se,children:t.jsx(s.BaseLegend,{...V,focusedItemRef:oe,items:b,isReadOnly:v,orientation:e,sectionIdx:0,itemsPerRow:r,itemsPerCol:d,itemWidth:a?.isWrapped?a?.maxItemWidth:void 0,focusedItemInfo:ee,hoveredItemInfo:te,activeId:se,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),le,ce,be]})}}),O,N]})}));e.Legend=M}));
 //# sourceMappingURL=Legend-a8e9f523.js.map

package/amd/LineAreaChart-07848f77.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './chartUtils-d0a5aa01', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-12ec03f1', './colorUtils-7aaca9f1', './accUtils-acd70e81', './themeContract.css-2e4b066d', './Chart-061335fe'], (function(e,t,i,s,n,r,a,o,d,l,g){"use strict";function c({width:e,height:d,selectedIds:c=[],hiddenIds:x=[],highlightedIds:I,hideAndShowBehavior:p="none",orientation:u="vertical",yAxis:m,y2Axis:S,series:f,groups:y,isStacked:v=!1,getDataItem:A,selectionMode:C="none",drilling:T="off",type:L="line",overview:b="off",dataLabelEffect:D="outline",...k}){const{direction:E,forcedColors:M}=a.useUser(),U="active"===M,j=void 0!==k.testId,w="rtl"===E,R="log"===m?.scale,W=k.xAxis?.timeAxisType,P=new Set(x),F=new Set(c),z=new Set(I),H="horizontal"===u,N=o.getColorRamp();let O=v?i.getCumulativeSeries(f.length,y.length,A,P,R):i.getSeriesData(f?.length,y?.length,A,P,R);const q=(e,t)=>v?{...A(e,t),value:O[e][t]}:A(e,t),{hasCenteredSeries:B,hasUncenteredSeries:V}=f.reduce(((e,t)=>({hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasCenteredSeries:!1,hasUncenteredSeries:!1}),Y=i.getMarkers(),G="lineWithArea"===L?.2:1,J="area"===L||"lineWithArea"===L,K="area"===L,Q=[];return t.jsx(g.Chart,{width:e,height:d,selectedIds:F,hiddenIds:x,hideAndShowBehavior:p,orientation:u,yAxis:m,y2Axis:S,series:f,groups:y,selectionMode:C,drilling:T,isStacked:v,getDataItem:A,findNearest:(e,t,s)=>i.findNearestDataPoint(f,y,e,t,q,v,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),R,0,P,W,s),getDataItemPos:(e,t,i)=>(n,r)=>{const a="y2"===f[n].associatedYAxis;return s.getLineAreaChartItemPosition(n,r,O,A,y,H,e,a?i:t,W)},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,f,A),type:r.getMarkerType(e,t,A)}),renderGridLinesInFront:J,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(A,f.length,e,t,v,w,H),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(B,V,H,e),isRtl:w,overview:b,defaultOverviewContentRenderer:()=>t.jsx(h,{series:f,groups:y,getDataItem:A,type:L}),...k,children:({getItemAriaLabel:e,groupsInfo:r,xStartIndex:a,xEndIndex:o,xScale:d,yScale:g,y2Scale:c,activeId:h,focusedItemInfo:x,hoveredItemInfo:p,isPointInsideMarquee:m,defaultFontSize:S,getTextDimensions:y,plotAreaClipPathId:L,axisStepWidth:b})=>{const E=r.map((({item:e})=>e));return O=v?i.getCumulativeSeries(f.length,E.length,A,P,R):i.getSeriesData(f?.length,E?.length,A,P,R),t.jsxs(t.Fragment,{children:[O.map(((r,M)=>{if(0===r.length)return;const P=f[M],B="y2"===P.associatedYAxis,V=i.getLineAreaSegments(B?c:g,d,r,a,o,R,E,M,q,W);Q[M]=V[0];const X="curved"===P.lineType&&v&&O.length>1&&M>0,Z=void 0===I||0===I.length||z.has(P.id),$=v&&0!=M?Q.reduce(((e,t,i)=>i>=M?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[J&&t.jsx(s.AreaSeries,{yScale:B?c:g,lineType:P.lineType,color:P.areaColor||N[M%N.length],isHorizontal:H,areaColorOpacity:G,isBottomSegmentCurved:X,bottomCoords:void 0!==$&&Q[$].some((e=>null!=e))?Q[$]:void 0,lineSegments:V,isLog:R,isHighlighted:Z,seriesIndex:M,groupWidth:b,isRtl:w,timeAxisType:W,plotAreaClipPathId:L}),t.jsx(n.LineSeries,{lineType:P.lineType,lineColor:K?l.colorSchemeVars.dvt.contrastLine:P.lineColor,lineWidth:K?v?2.5:1.25:P.lineWidth,lineStyle:P.lineStyle,color:P.lineColor||N[M%N.length],lineSegmentCoords:V,isHorizontal:H,isHighlighted:Z,seriesIndex:M,groupWidth:b,isRtl:w,timeAxisType:W,plotAreaClipPathId:L}),!v&&t.jsx(n.MarkersWithLabel,{yScale:B?c:g,xScale:d,groups:E,series:P,timeAxisType:W,color:P.lineColor||P.areaColor||N[M%N.length],seriesIndex:M,startIndex:a,endIndex:o,markerType:Y[M%Y.length],orientation:u,isLog:R,activeId:h,getDataItem:A,isPointInsideMarquee:m,selectedIds:F,highlightedIds:void 0!==I?z:void 0,focusedItemIndex:x.seriesIndex!==M||!x.isFocusVisible||k.isDataCursorEnabled&&k.dataCursorStyle?.isMarkerDisplayed?void 0:x.groupIndex,hoveredItemIndex:p?.isCurrent&&p.seriesIndex===M?p.groupIndex:void 0,isSelectionEnabled:"single"===C||"multiple"===C,isDrillEnabled:"on"===T,defaultFontSize:S,dataLabelEffect:D,isHighContrast:U,isTestEnv:j,getTextDimensions:y,getItemAriaLabel:e})]})})),v&&O.map(((i,s)=>{if(0===i.length)return;const r=f[s],l="y2"===r.associatedYAxis;return t.jsx(n.MarkersWithLabel,{yScale:l?c:g,series:f[s],xScale:d,groups:E,timeAxisType:W,color:r.lineColor||r.areaColor||N[s%N.length],seriesIndex:s,isPointInsideMarquee:m,startIndex:a,endIndex:o,markerType:Y[s%Y.length],orientation:u,isLog:R,activeId:h,getDataItem:q,selectedIds:F,focusedItemIndex:x.seriesIndex===s&&x.isFocusVisible?x.groupIndex:void 0,hoveredItemIndex:p?.isCurrent&&p.seriesIndex===s?p.groupIndex:void 0,isSelectionEnabled:"single"===C||"multiple"===C,isDrillEnabled:"on"===T,defaultFontSize:S,dataLabelEffect:D,isHighContrast:U,isTestEnv:j,getTextDimensions:y,getItemAriaLabel:e})}))]})}})}function h(e){return t.jsx(c,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}e.LineAreaChart=c}));
+//# sourceMappingURL=LineAreaChart-07848f77.js.map

package/amd/LineAreaChart-07848f77.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-07848f77.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  y2Axis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  overview = 'off',\n  dataLabelEffect = 'outline',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  let renderedSeries = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n      return getLineAreaChartItemPosition(\n        seriesIndex,\n        groupIndex,\n        renderedSeries,\n        getDataItem,\n        groups,\n        isHoriz,\n        xScale,\n        isAssociatedToY2 ? y2Scale : yScale,\n        timeAxisType\n      );\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n  const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n    (acc, s) => {\n      return {\n        hasCenteredSeries:\n          acc.hasCenteredSeries ||\n          s.lineType === 'centeredSegmented' ||\n          s.lineType === 'centeredStepped',\n        hasUncenteredSeries:\n          acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n      };\n    },\n    { hasCenteredSeries: false, hasUncenteredSeries: false }\n  );\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\n  };\n\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      y2Axis={y2Axis}\n      series={series}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getStartAndEndAxesOffset={getOffset}\n      isRtl={isRtl}\n      overview={overview}\n      defaultOverviewContentRenderer={() => {\n        return (\n          <OverviewLineAreaChart\n            series={series}\n            groups={groups}\n            getDataItem={getDataItem}\n            type={type}\n          />\n        );\n      }}\n      {...props}>\n      {({\n        getItemAriaLabel,\n        groupsInfo,\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        y2Scale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions,\n        plotAreaClipPathId,\n        axisStepWidth\n      }) => {\n        const leafGroups = groupsInfo.map(({ item }) => item);\n        renderedSeries = isStacked\n          ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n          : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                isAssociatedToY2 ? y2Scale : yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                leafGroups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={isAssociatedToY2 ? y2Scale : yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                    />\n                  )}\n                  <LineSeries\n                    lineType={seriesItem.lineType}\n                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                    lineColor={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\n                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                    lineWidth={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\n                    lineStyle={seriesItem.lineStyle}\n                    color={seriesItem.lineColor || colors[index % colors.length]}\n                    lineSegmentCoords={lineSegmentCoords}\n                    isHorizontal={isHoriz}\n                    isHighlighted={isHighlighted}\n                    seriesIndex={index}\n                    groupWidth={axisStepWidth}\n                    isRtl={isRtl}\n                    timeAxisType={timeAxisType}\n                    plotAreaClipPathId={plotAreaClipPathId}\n                  />\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <MarkersWithLabel\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        xScale={xScale}\n                        groups={leafGroups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        isTestEnv={isTestEnv}\n                        getTextDimensions={getTextDimensions}\n                        getItemAriaLabel={getItemAriaLabel}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\n              renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                return (\n                  <MarkersWithLabel\n                    yScale={isAssociatedToY2 ? y2Scale : yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={leafGroups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                    getItemAriaLabel={getItemAriaLabel}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n\nfunction OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n"],"names":["LineAreaChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","jsx","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"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"}

package/amd/Link-c772dbef.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePressClick-b5bf4243', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTestId-9afc201a'], (function(e,s,a,t,n,o,r,d,i,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:d,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:f,isDisabled:h}){const{interactionProps:H,applyPseudoHoverStyle:k,applyHoverStyle:P}=o.useInteractionStyle(),{classes:C}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:k?"isPseudoHover":"notPseudoHover",variant:d,placement:c,disabled:h?"isDisabled":"notDisabled"}),{isTabbable:I}=i.useTabbableMode(),x=a.classNames([C]),{pressProps:N}=t.usePressClick(f??b),S=l.useTestId(p);return s.jsx("a",{tabIndex:I&&!h?0:-1,href:h?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!h&&N,...H,...S,class:x,children:T})}}));
+//# sourceMappingURL=Link-c772dbef.js.map

package/amd/Link-c772dbef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-c772dbef.js","sources":["../../src/UNSAFE_Link/Link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from './themes/LinkStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from './themes/redwood/LinkTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Specifies that the link element should be disabled.\n   */\n  isDisabled?: boolean;\n} & TestIdProps;\n\nconst noop = () => {};\n/**\n * Link component creates a hyperlink.\n */\nexport function Link({\n  href,\n  variant,\n  placement = 'standalone',\n  target,\n  testId,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  children,\n  onClick,\n  isDisabled\n}: Props) {\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement,\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n  const { isTabbable } = useTabbableMode();\n  const linkClasses = classNames([classes]);\n  const { pressProps } = usePressClick(onClick ?? noop);\n  const testIdProps = useTestId(testId);\n  return (\n    <a\n      tabIndex={isTabbable && !isDisabled ? 0 : -1}\n      href={!isDisabled ? href : undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...(!isDisabled && pressProps)}\n      {...interactionProps}\n      {...testIdProps}\n      class={linkClasses}>\n      {children}\n    </a>\n  );\n}\n"],"names":["noop","href","variant","placement","target","testId","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","isDisabled","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","classes","useComponentTheme","LinkRedwoodTheme","needsEventsHover","pseudoHover","disabled","isTabbable","useTabbableMode","linkClasses","classNames","pressProps","usePressClick","testIdProps","useTestId","_jsx","tabIndex","undefined","class"],"mappings":"qUAoEA,MAAMA,EAAO,cAIG,UAAKC,KACnBA,EAAIC,QACJA,EAAOC,UACPA,EAAY,aAAYC,OACxBA,EAAMC,OACNA,EACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,QACRA,EAAOC,WACPA,IAEA,MAAMC,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,GAAoBC,EAAmBA,uBAClFC,QAAEA,GAAYC,EAAiBA,kBAAqBC,mBAAkB,CAC1EC,iBAAkBL,EAAkB,qBAAuB,sBAC3DM,YAAaP,EAAwB,gBAAkB,iBACvDX,UACAC,YACAkB,SAAUV,EAAa,aAAe,iBAElCW,WAAEA,GAAeC,EAAAA,kBACjBC,EAAcC,EAAAA,WAAW,CAACT,KAC1BU,WAAEA,GAAeC,EAAaA,cAACjB,GAAWV,GAC1C4B,EAAcC,YAAUxB,GAC9B,OACEyB,EAAAA,IACE,IAAA,CAAAC,SAAUT,IAAeX,EAAa,GAAK,EAC3CV,KAAOU,OAAoBqB,EAAP/B,EAAgB,mBAClBK,EAAe,aACrBC,EAAe,kBACVC,EACjBJ,OAAQA,MACFO,GAAce,KAChBd,KACAgB,EACJK,MAAOT,EACNf,SAAAA,GAGP"}

package/amd/LinkVariants.styles.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {

package/amd/LinkVariants.styles2.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {