@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/RadioItem-49626d64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem-49626d64.js","sources":["../../src/UNSAFE_RadioItem/RadioItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioSetContext } from '../UNSAFE_RadioSet/RadioSetContext';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\nimport { useRadioItemContext } from './RadioItemContext';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string | number;\n};\n/**\n * RadioItem is an input element of type radio.\n */\nexport const RadioItem = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioSetContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { index } = useRadioItemContext();\n  const { isTabbable } = useTabbableMode();\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n  const labelRef = createRef<HTMLLabelElement>();\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // JET-70100 - ensure radio button is scrolled into view when focused and focus ring is shown\n  useEffect(() => {\n    const isActiveElement = document.activeElement === inputRef?.current;\n    if (!isActiveElement && isFocus && isFocusRingShown) {\n      labelRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, isFocusRingShown, labelRef]);\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n  const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const helpAvailableString = translations.formControl_helpAvailable();\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const tabIndex = isTabbable !== false && ((index === 0 && !groupValue) || isSelected) ? 0 : -1;\n\n  return (\n    <div>\n      <label class={radioClasses} ref={labelRef}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            ref={inputRef}\n            value={value}\n            {...(!isReadonly &&\n              !isDisabled && {\n                onChange: (e) => {\n                  e.stopPropagation();\n                  onCommit?.({ previousValue: groupValue, value });\n                }\n              })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={helpAvailableId}\n            tabIndex={tabIndex}\n            {...focusProps}\n          />\n          {hasUserAssistive && (\n            <HiddenAccessible id={helpAvailableId} isHidden={true}>\n              {helpAvailableString}\n            </HiddenAccessible>\n          )}\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n          <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span {...interactionProps}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioSetContext","isFocusRingShown","useCheckboxRadioContext","index","useRadioItemContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","labelRef","createRef","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","inputRef","useRef","useEffect","document","activeElement","current","scrollIntoView","block","assistiveText","helpSourceLink","hasUserAssistive","helpAvailableId","undefined","uaId","helpAvailableString","useTranslationBundle","formControl_helpAvailable","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","tabIndex","_jsx","jsx","_jsxs","class","ref","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","isHidden","size","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"8jEAwDyB,EAAGA,QAAOC,cAAaC,MAC9C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,sBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,MAAEA,GAAUC,EAAAA,uBACZC,WAAEA,GAAeC,EAAAA,kBACjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EAAWC,EAAAA,YACXC,EAAahB,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAChCyB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,IACRC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAUjC,EAAa,aAAe,cACtCkC,QAAShB,GAAWR,EAAmB,YAAc,MAG/CiB,QAASQ,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAUjC,EAAa,aAAe,cACtCqC,SAAUd,EAAa,aAAe,cACtCe,SAAUxC,EAAa,aAAe,cACtCyC,OAAQd,EAAmB,WAAa,cAGpCe,EAAWC,SAAyB,MAG1CC,EAAAA,WAAU,OACgBC,SAASC,gBAAkBJ,GAAUK,UACrC3B,GAAWR,GACjCW,GAAUwB,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAAC7B,EAASR,EAAkBW,IAE/B,MAAM2B,cAAEA,EAAaC,eAAEA,GAAmBpD,EACpCqD,IAAoBlD,GAAeF,IAAiBkD,IAAiBC,GACrEE,EAAkBD,EAAmB,GAAGlC,wBAAsBoC,EAC9DC,EAAOH,EAAmB,GAAGlC,iBAAeoC,EAE5CE,EADeC,uBAAiC,4BACbC,4BAEnCC,EAAW3D,EACbyB,EACEmC,EAASC,SACTC,EAAYC,kBACdtC,EACAuC,EAAWC,iBACXH,oBAEEI,GAA0B,IAAflD,IAAoC,IAAVF,IAAgBL,GAAegB,GAAc,GAAK,EAE7F,OACE0C,EACEC,IAAA,MAAA,CAAAtE,SAAAuE,EAAAA,KAAA,QAAA,CAAOC,MAAOxC,EAAcyC,IAAKhD,YAC/B8C,EAAAA,KAACG,EAAAA,iBACC,CAAA1E,SAAA,CAAAqE,EAAAA,IAAA,QAAA,CACEM,KAAK,QACLjE,KAAMA,EACNU,GAAIA,EACJqD,IAAK7B,EACL7C,MAAOA,MACDG,IACHE,GAAc,CACbwE,SAAWC,IACTA,EAAEC,kBACFlE,IAAW,CAAEmE,cAAepE,EAAYZ,SAAQ,GAGtDiF,QAASrD,EACTU,SAAUjC,EACQ,mBAAAmD,EAClBa,SAAUA,KACN7C,IAEL+B,GACCe,EAAAC,IAACI,EAAgBA,iBAAC,CAAAtD,GAAImC,EAAiB0B,UAAU,WAC9CvB,OAIPW,EAAAA,0BAAkB,OAAOG,MAAOjC,KAAsBX,EACpD5B,SAAAqE,EAAAA,IAACR,EAAS,CAAAqB,KAAMC,EAAAA,cAAcC,SAAUC,MAAM,mBAEhDd,OAAA,OAAA,CAAMC,MAAOtC,YACXmC,EAAUC,IAAA,OAAA,IAAA1C,EAAmB5B,SAAAA,IAC5BsD,GACCe,MAACiB,EAAkBA,mBAAA,IACbrF,EACJiB,WAAYA,GAAcI,EAC1BF,GAAIqC,WAMd"}

package/amd/RadioSet-8b525038.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', './useId-c9578d26', './RadioItemContext-70878de8', './CheckboxRadioField-18bf3cc2'], (function(e,t,i,s,a,o,r,d,l,n,c,u){"use strict";const b=s.forwardRef((({"aria-describedby":e,assistiveText:s,columnSpan:a,direction:d="column",helpSourceLink:b,helpSourceText:m,isDisabled:x,isReadonly:h,isRequired:p=!1,label:C,labelEdge:F,labelStartWidth:R,messages:S,onCommit:v,testId:y,userAssistanceDensity:f,value:D,children:I},g)=>{const j=null!=D,{isDisabled:k,isReadonly:P,labelEdge:A,labelStartWidth:T,userAssistanceDensity:E}=o.useFormContext(),V=x??k,W=h??P,q=F??A,L=R??T,w=f??E,z=l.useFormFieldContextProps({hasValue:j,isDisabled:V,isReadonly:W}),B=n.useId();return t.jsx(r.FormFieldContext.Provider,{value:z,children:t.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:s,baseId:B,columnSpan:a,direction:d,helpSourceLink:b,helpSourceText:m,isDisabled:V,isReadonly:W,isRequired:p,label:C,labelEdge:q,labelStartWidth:L,parentComponentVariant:"radioSet",messages:S,userAssistanceDensity:w,hasValue:j,ref:g,role:"radiogroup",testId:y,children:t.jsx(c.RadioSetContext.Provider,{value:{name:B,value:D,onCommit:v},children:i.toChildArray(I).map(((e,i)=>t.jsx(c.RadioItemContext.Provider,{value:{index:i},children:e})))})})})}));e.RadioSet=b}));
+//# sourceMappingURL=RadioSet-8b525038.js.map

package/amd/RadioSet-8b525038.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSet-8b525038.js","sources":["../../src/UNSAFE_RadioSet/RadioSet.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 { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioSetContext } from './RadioSetContext';\nimport { RadioItemContext } from '../UNSAFE_RadioItem/RadioItemContext';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\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'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioItem\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\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 radio set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio items.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\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   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string | number | undefined>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string | number;\n};\n/**\n * A radio set allows the user to select one option from a set of mutually exclusive options.\n */\nexport const RadioSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value != null;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\"\n          testId={testId}>\n          <RadioSetContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {toChildArray(children).map((child, index) => (\n              <RadioItemContext.Provider value={{ index }}>{child}</RadioItemContext.Provider>\n            ))}\n          </RadioSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["RadioSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","testId","userAssistanceDensity","propUserAssistanceDensity","value","children","ref","hasValue","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","baseId","useId","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","RadioSetContext","name","toChildArray","map","child","index","RadioItemContext"],"mappings":"0UAgHO,MAAMA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,SACAC,sBAAuBC,EACvBC,QAEAC,YAEFC,KAEA,MAAMC,EAAoB,MAATH,GAEff,WAAYmB,EAGZjB,WAAYkB,EACZd,UAAWe,EACXb,gBAAiBc,EACjBT,sBAAuBU,GACrBC,EAAAA,iBAEExB,EAAaC,GAAkBkB,EAC/BjB,EAAaC,GAAkBiB,EAC/Bd,EAAYC,GAAiBc,EAC7Bb,EAAkBC,GAAuBa,EACzCT,EAAwBC,GAA6BS,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDR,WACAlB,aACAE,eAGIyB,EAASC,EAAAA,QAEf,OACEC,MAACC,EAAgBA,iBAACC,SAAS,CAAAhB,MAAOU,EAAgBT,SAChDa,EAAAA,IAACG,EAAAA,mBAAkB,CAAA,mBACCtC,EAClBC,cAAeA,EACfgC,OAAQA,EACR/B,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjByB,uBAAuB,WACvBvB,SAAUA,EACVG,sBAAuBA,EACvBK,SAAUA,EACVD,IAAKA,EACLiB,KAAK,aACLtB,OAAQA,EACRI,SAAAa,EAAAM,IAACC,EAAeA,gBAACL,SACf,CAAAhB,MAAO,CACLsB,KAAMV,EACNZ,QACAJ,YACDK,SACAsB,eAAatB,GAAUuB,KAAI,CAACC,EAAOC,IAClCZ,EAACM,IAAAO,mBAAiBX,SAAS,CAAAhB,MAAO,CAAE0B,SAAOzB,SAAGwB,WAKtD"}

package/amd/RatingGauge-e7a36731.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-988f7da2', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-a684ba76', 'preact/compat', './LayerHost-7d4aa6d3', 'css!./LayerStyles.styles.css', './Floating-366a30f8', 'css!./useDatatip.styles.css', './datatipUtils-6846028e', './meterUtils-ec7ab29c', './useDatatip-36aa820b', './useTooltip-e14d62f1', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTestId-a2e433c2'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,y,g,m,R,S,x,f,C,v,T,w,D,j,P){"use strict";function U(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function N(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const M=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),y=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:g,styles:{ratingStarBaseStyle:m,innerRatingStarColor:R,outerRatingStarColor:S,outerDisabledHighContrastBaseStyle:x,outerDisabledHighContrastSelectedStyle:f,outerDisabledHighContrastUnselectedStyle:C}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:y,class:o.classNames([m,b?g:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([S,p?x:"",p?e?f:C:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},G=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(M,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(M,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(M,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:y,...g}){const x=P.useTestId(y);m.validateRange(0,e,i,h);const f=a.useRef(null),C=a.useRef(N(null)),v=!p&&!b;a.useEffect((()=>{C.current=N(f.current)}),[r,e]);const T=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},y=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:y.onKeyUp,onKeyDown:y.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=N(o.current)}}:{}})(e,h,i,f,C,v,g.onCommit,g.onInput),{datatipContent:D,datatipProps:M}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:m.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:g.datatip,thresholds:g.thresholds,width:C.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const a=e&&!t?s:"",{tooltipContent:o,tooltipProps:i}=S.useTooltip({text:a,isDisabled:t});return{tooltipContent:o,tooltipProps:!t&&e?i:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:g.tooltip}),E=m.getMeterAriaProps(i,0,e,g["aria-label"],g["aria-labelledby"],g.thresholds,p,b,g.tooltip),{"aria-describedby":F,...z}=M,{"aria-describedby":H,...I}=B,K=w.mergeProps(T,z,I),V=[F,H,g["aria-describedby"]].filter(Boolean).join(" ")||void 0,L=m.getThresholdColorFromValue(i,u,g.thresholds),{isTabbable:O}=j.useTabbableMode(),{classes:$,styles:{baseStyle:_,interactiveStyle:k,itemStyle:X,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...x,...E,ref:f,class:o.classNames([$,_,v?k:void 0]),tabIndex:O&&!b?0:-1,...K,"aria-describedby":V,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,X]),children:t.jsx(G,{fillRatio:a,isDisabled:b,isReadonly:p,color:L})})}))}),D,A]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-12ec03f1', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-e4599671', 'preact/compat', './LayerHost-daf96749', 'css!./LayerStyles.styles.css', './Floating-8192acb2', 'css!./useDatatip.styles.css', './datatipUtils-6846028e', './meterUtils-ec7ab29c', './useDatatip-be0adcf0', './useTooltip-75a63697', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTestId-9afc201a'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,y,g,m,R,S,f,x,C,v,T,w,D,j,P){"use strict";function U(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function N(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const M=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),y=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:g,styles:{ratingStarBaseStyle:m,innerRatingStarColor:R,outerRatingStarColor:S,outerDisabledHighContrastBaseStyle:f,outerDisabledHighContrastSelectedStyle:x,outerDisabledHighContrastUnselectedStyle:C}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:y,class:o.classNames([m,b?g:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([S,p?f:"",p?e?x:C:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},G=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(M,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(M,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(M,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:y,...g}){const f=P.useTestId(y);m.validateRange(0,e,i,h);const x=a.useRef(null),C=a.useRef(N(null)),v=!p&&!b;a.useEffect((()=>{C.current=N(x.current)}),[r,e]);const T=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},y=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=U(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:y.onKeyUp,onKeyDown:y.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=N(o.current)}}:{}})(e,h,i,x,C,v,g.onCommit,g.onInput),{datatipContent:D,datatipProps:M}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:m.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:g.datatip,thresholds:g.thresholds,width:C.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const a=e&&!t?s:"",{tooltipContent:o,tooltipProps:i}=S.useTooltip({text:a,isDisabled:t});return{tooltipContent:o,tooltipProps:!t&&e?i:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:g.tooltip}),E=m.getMeterAriaProps(i,0,e,g["aria-label"],g["aria-labelledby"],g.thresholds,p,b,g.tooltip),{"aria-describedby":F,...z}=M,{"aria-describedby":H,...I}=B,K=w.mergeProps(T,z,I),V=[F,H,g["aria-describedby"]].filter(Boolean).join(" ")||void 0,L=m.getThresholdColorFromValue(i,u,g.thresholds),{isTabbable:O}=j.useTabbableMode(),{classes:$,styles:{baseStyle:_,interactiveStyle:k,itemStyle:X,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...f,...E,ref:x,class:o.classNames([$,_,v?k:void 0]),tabIndex:O&&!b?0:-1,...K,"aria-describedby":V,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,X]),children:t.jsx(G,{fillRatio:a,isDisabled:b,isReadonly:p,color:L})})}))}),D,A]})}}));
 //# sourceMappingURL=RatingGauge-e7a36731.js.map

package/amd/ReadonlyTextFieldInput-e5723c48.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-27bf6340', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme'], (function(e,a,o,t,l,n,s,r,i,d,b,u,c,m,x,y){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":l,"aria-labelledby":s,autoFocus:i,as:F="div",elementRef:f,formVariant:T,hasEmptyLabel:p,hasInsideLabel:C=!1,inlineUserAssistance:h,innerReadonlyField:A,onBlur:L,onFocus:I,rows:R,type:g,value:v="",variant:j,...B}){const E=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:N,isReadonly:U}=n.useFormContext(),{isLoading:w}=r.useFormFieldContext(),M=w?E:l,S={onBlur:L,onFocus:I},_=[...Object.values(c.textInterpolations)],O=m.mergeInterpolations(_),{class:P}=O(B),{classes:V}=t.useComponentTheme(y.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===j?"isTextArea":"notTextArea",formLayout:N?"isFormLayout":"notFormLayout",readonlyForm:U?"isReadonlyForm":"notReadonlyForm",insideLabel:C?"hasInsideLabel":"noInsideLabel"}),k=u.classNames([V,P,"legacyEmbedded"===T&&void 0===B.textAlign&&x.formControlInheritTextAlign]),{isTabbable:q,tabbableModeProps:z}=d.useTabbableMode(),{UNSAFE_ariaLabelledBy:D}=o.useAccessibleContext(),G=p?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,D):s;return"input"===F?a.jsx("input",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,autofocus:i,class:k,readonly:!0,ref:f,type:g,value:v,...!q&&z,...C&&S}):"textarea"===F?a.jsx("textarea",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,autofocus:i,class:k,readonly:!0,ref:f,rows:R,...!q&&z,...C&&S,children:v}):a.jsx("div",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,"aria-readonly":!0,autofocus:i,class:k,ref:f,role:"textbox",...z,...C&&S,children:v})}}));
+define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme'], (function(e,a,o,t,l,n,s,r,i,d,b,u,c,m,x,y){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":l,"aria-labelledby":s,autoFocus:i,as:F="div",elementRef:f,formVariant:T,hasEmptyLabel:p,hasInsideLabel:C=!1,inlineUserAssistance:h,innerReadonlyField:A,onBlur:L,onFocus:I,rows:R,type:g,value:v="",variant:j,...B}){const E=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:N,isReadonly:U}=n.useFormContext(),{isLoading:w}=r.useFormFieldContext(),M=w?E:l,S={onBlur:L,onFocus:I},_=[...Object.values(c.textInterpolations)],O=m.mergeInterpolations(_),{class:P}=O(B),{classes:V}=t.useComponentTheme(y.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===j?"isTextArea":"notTextArea",formLayout:N?"isFormLayout":"notFormLayout",readonlyForm:U?"isReadonlyForm":"notReadonlyForm",insideLabel:C?"hasInsideLabel":"noInsideLabel"}),k=u.classNames([V,P,"legacyEmbedded"===T&&void 0===B.textAlign&&x.formControlInheritTextAlign]),{isTabbable:q,tabbableModeProps:z}=d.useTabbableMode(),{UNSAFE_ariaLabelledBy:D}=o.useAccessibleContext(),G=p?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,D):s;return"input"===F?a.jsx("input",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,autofocus:i,class:k,readonly:!0,ref:f,type:g,value:v,...!q&&z,...C&&S}):"textarea"===F?a.jsx("textarea",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,autofocus:i,class:k,readonly:!0,ref:f,rows:R,...!q&&z,...C&&S,children:v}):a.jsx("div",{"aria-describedby":e,"aria-label":M,"aria-labelledby":G,"aria-readonly":!0,autofocus:i,class:k,ref:f,role:"textbox",...z,...C&&S,children:v})}}));
 //# sourceMappingURL=ReadonlyTextFieldInput-e5723c48.js.map

package/amd/RemovableTabBarItem-c7dd457b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-8b8a1496', './Close-7a1f81d8', './Flex-07d2aa5b', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './BaseTabBarItem-cdec0e90', './useTranslationBundle-8e42d505', './EmbeddedIconButton-23c53268'], (function(e,a,t,o,r,n,s,l,i,c,d,b){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":h}){const{selection:p,currentKey:I,layout:f,onRemove:T}=i.useTabBarContext(),y=p===e,g=I===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===f?"1 0 auto":"0 0 auto"}),E=d.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":h,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(b.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
+//# sourceMappingURL=RemovableTabBarItem-c7dd457b.js.map

package/amd/RemovableTabBarItem-c7dd457b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableTabBarItem-c7dd457b.js","sources":["../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n"],"names":["itemKey","label","icon","badge","metadata","severity","labelMaxWidth","ariaControls","selection","currentKey","layout","onRemove","useTabBarContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","translations","useTranslationBundle","_jsx","jsx","style","children","Flex","BaseTabBarItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"2WAyBM,UAAyDA,QAC7DA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EACA,gBAAiBC,IAEjB,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,mBAC9CC,EAAaL,IAAcR,EAC3Bc,EAAYL,IAAeT,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAMrCC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjB,EAAuB,WAAa,aAGtCkB,EAAeC,uBAAiC,4BAItD,OACEC,EAASC,IAAA,MAAA,IAAAb,EAAYc,MAAOX,EAAcY,SACxCH,EAAAA,IAACI,EAAAA,eACCJ,EAACC,IAAAI,EAAcA,gCACE5B,EACfP,QAASA,EACTC,MAAOA,EACPC,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACf8B,WACEN,EAAsCC,IAAA,OAAA,CAAA,kCAAA,gBACpCD,EAAAA,IAACO,EAAkBA,mBACL,CAAA,aAAAT,EAAaU,qCACzBC,KAAK,KACLC,SAAUzB,YACRI,GAAWN,GAAcC,IAAcgB,EAACC,IAAAU,EAAKC,sBAQ/D"}

package/amd/ReorderableTabBar-5d664f67.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-4b9317e5', './TabBar-fa06f492', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-26e6c87c', './LayerHost-7d4aa6d3', './useReorderableItem-013ac2e8', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,o,a,s,l,d,n,i,c,b,y,u,f,R,m,g){"use strict";const x='[role="tab"]';function p({children:e,dragKey:t,setDragKey:o,onReorder:s,layout:l,rootRef:d}){const b=a.useRef(null),u=a.useCallback((()=>b?.current?.querySelector(x)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(u())+"")}),[u]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:h,overlayZoneAfterProps:I}=y.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:o,onReorder:s,rootRef:d,ref:b,getItem:u,setTransferData:m,itemStyles:f.styles,itemSelector:x}),v=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...g,draggable:!!s,style:v,children:[e,!p&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...h}),r.jsx("div",{...I})]})]})}const h=o.forwardRef((({"aria-label":e,"aria-labelledby":o,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:f="top",selection:R,onSelect:m,onRemove:g,onReorder:h,contextMenuConfig:I,testId:v},j)=>{const S=a.useRef(null),[D,K]=a.useState(void 0),C="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:T,reorderContext:k,reorderInstructionsId:A,reorderStatus:B,reorderInstructions:P}=y.useReorderable({onReorder:h,rootRef:S,itemSelector:x}),H={currentItemKey:k.currentItemKey,onReorder:h};return r.jsxs("div",{ref:S,...T,children:[r.jsx(u.ReorderableContext.Provider,{value:H,children:r.jsx(d.TabBar,{ref:j,"aria-label":e,"aria-labelledby":o,layout:i,edge:f,selection:R,onSelect:m,onRemove:g,testId:v,...C,"aria-describedby":A,contextMenuConfig:I,children:t.toChildArray(n).map((e=>r.jsx(p,{dragKey:D,setDragKey:K,onReorder:h,layout:i,rootRef:S,children:e})))})}),r.jsx("span",{id:A,children:r.jsx(s.HiddenAccessible,{children:P})}),r.jsx(l.LiveRegion,{children:B})]})}));e.ReorderableTabBar=h}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-ef77cf92', './TabBar-fa06f492', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-26e6c87c', './LayerHost-daf96749', './useReorderableItem-13c24764', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,o,s,a,l,d,n,i,c,y,b,u,f,R,m,g){"use strict";const x='[role="tab"]';function p({children:e,dragKey:t,setDragKey:o,onReorder:a,layout:l,rootRef:d}){const y=s.useRef(null),u=s.useCallback((()=>y?.current?.querySelector(x)),[]),m=s.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(u())+"")}),[u]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:h,overlayZoneAfterProps:I}=b.useReorderableItem({isDisabled:!a,dragKey:t,setDragKey:o,onReorder:a,rootRef:d,ref:y,getItem:u,setTransferData:m,itemStyles:f.styles,itemSelector:x}),v=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...g,draggable:!!a,style:v,children:[e,!p&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...h}),r.jsx("div",{...I})]})]})}const h=o.forwardRef((({"aria-label":e,"aria-labelledby":o,children:n,layout:i="stretch",display:c="standard",size:y="md",edge:f="top",selection:R,onSelect:m,onRemove:g,onReorder:h,contextMenuConfig:I,testId:v},j)=>{const S=s.useRef(null),[D,K]=s.useState(void 0),C="stacked"===c?{display:c}:{display:c,size:y},{reorderProps:T,reorderContext:k,reorderInstructionsId:A,reorderStatus:B,reorderInstructions:P}=b.useReorderable({onReorder:h,rootRef:S,itemSelector:x}),H={currentItemKey:k.currentItemKey,onReorder:h};return r.jsxs("div",{ref:S,...T,children:[r.jsx(u.ReorderableContext.Provider,{value:H,children:r.jsx(d.TabBar,{ref:j,"aria-label":e,"aria-labelledby":o,layout:i,edge:f,selection:R,onSelect:m,onRemove:g,testId:v,...C,"aria-describedby":A,contextMenuConfig:I,children:t.toChildArray(n).map((e=>r.jsx(p,{dragKey:D,setDragKey:K,onReorder:h,layout:i,rootRef:S,children:e})))})}),r.jsx("span",{id:A,children:r.jsx(a.HiddenAccessible,{children:P})}),r.jsx(l.LiveRegion,{children:B})]})}));e.ReorderableTabBar=h}));
 //# sourceMappingURL=ReorderableTabBar-5d664f67.js.map

package/amd/RevealToggleIcon-28c5efc5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ViewHide-34af33a4', './View-f3002059', './useTranslationBundle-8e42d505', './IconSwitchButton-5be99684'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),g=r||u.formControl_hide(),w=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?g:w,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+//# sourceMappingURL=RevealToggleIcon-28c5efc5.js.map

package/amd/RevealToggleIcon-28c5efc5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealToggleIcon-28c5efc5.js","sources":["../../src/PRIVATE_RevealToggleIcon/RevealToggleIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { ViewHideIcon } from '#PRIVATE_ThemedIcons/ViewHideIcon';\nimport { ViewIcon } from '#PRIVATE_ThemedIcons/ViewIcon';\nimport { IconSwitchButton } from '#PRIVATE_IconSwitchButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype IconSwitchButtonProps = ComponentProps<typeof IconSwitchButton>;\n\ntype RevealToggleIconProps = TestIdProps & {\n  /**\n   * The aria label of the toggle.\n   */\n  accessibleLabel: IconSwitchButtonProps['accessibleLabel'];\n  /**\n   * Specifies whether the content is shown or hidden.\n   */\n  isRevealed?: boolean;\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of isRevealed property should be updated\n   */\n  onToggle?: IconSwitchButtonProps['onToggle'];\n  /**\n   * Tooltip text to indicate that the toggle will hide the content.\n   */\n  tooltipHide?: string;\n  /**\n   * Tooltip text to indicate that the toggle will show the content.\n   */\n  tooltipShow?: string;\n};\n\n/**\n * RevealToggleIcon is a controlled toggle icon component with tooltip that displays\n * hide or show icons. It is used internally for input components that hide and show the content.\n */\nexport function RevealToggleIcon({\n  accessibleLabel,\n  isRevealed,\n  onToggle,\n  testId,\n  tooltipHide,\n  tooltipShow\n}: RevealToggleIconProps) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const hide = tooltipHide || translations.formControl_hide();\n  const show = tooltipShow || translations.formControl_show();\n\n  return (\n    <IconSwitchButton\n      // we want to display the tooltip title of the expected action on toggle\n      tooltip={isRevealed ? hide : show}\n      accessibleLabel={accessibleLabel}\n      // denote that the switch is selected when in the \"masked\" state\n      isSelected={!isRevealed}\n      onToggle={onToggle}\n      testId={testId}\n      size=\"sm\">\n      {/* we want to display the icon of the expected action on toggle */}\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </IconSwitchButton>\n  );\n}\n"],"names":["accessibleLabel","isRevealed","onToggle","testId","tooltipHide","tooltipShow","translations","useTranslationBundle","hide","formControl_hide","show","formControl_show","_jsx","IconSwitchButton","tooltip","isSelected","size","children","jsx","ViewHideIcon","SvgViewHide","ViewIcon"],"mappings":"uMA4CgB,UAAiBA,gBAC/BA,EAAeC,WACfA,EAAUC,SACVA,EAAQC,OACRA,EAAMC,YACNA,EAAWC,YACXA,IAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAOJ,GAAeE,EAAaG,mBACnCC,EAAOL,GAAeC,EAAaK,mBAEzC,OACEC,MAACC,EAAgBA,kBAEfC,QAASb,EAAaO,EAAOE,EAC7BV,gBAAiBA,EAEjBe,YAAad,EACbC,SAAUA,EACVC,OAAQA,EACRa,KAAK,KAEJC,SAAAhB,EAAaW,EAAAM,IAACC,EAAYC,YAAG,IAAGR,EAACM,IAAAG,UAAW,CAAA,IAGnD"}

package/amd/ScatterChart-292935ff.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-12ec03f1', './colorUtils-7aaca9f1', './accUtils-acd70e81', './Chart-061335fe'], (function(e,t,i,n,s,r,a,o,l){"use strict";e.ScatterChart=function({width:e,height:o,selectedIds:d=[],hiddenIds:g=[],highlightedIds:h,hideAndShowBehavior:c="none",orientation:f="vertical",yAxis:x,series:I,groups:u,getDataItem:m,selectionMode:S="none",drilling:p="off",dataLabelEffect:y="outline",...v}){const{direction:C,forcedColors:A}=r.useUser(),D="active"===A,T=void 0!==v.testId,L="rtl"===C,b="log"===x?.scale,w=v.xAxis?.timeAxisType,M=new Set(g),E=new Set(d),U=new Set(h),j="horizontal"===f,k=a.getColorRamp(),F=i.getSeriesData(I?.length,u?.length,m,M,b),W=(e,t)=>m(e,t),R=i.getMarkers();return t.jsx(l.Chart,{width:e,height:o,selectedIds:E,hiddenIds:g,hideAndShowBehavior:c,orientation:f,yAxis:x,series:I,groups:u,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:S,drilling:p,getDataItem:m,findNearest:(e,t)=>i.findNearestDataPoint(I,u,e,t,W,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),b,0,M,w),getDataItemPos:(e,t)=>(i,n)=>{const s=F[i][n];if(null==s?.x&&s?.y)return;return{x:e.transform(s?.x),y:t.transform(s?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,I,m),type:s.getMarkerType(e,t,m)}),renderGridLinesInFront:!1,isDataXAxis:!0,getStartAndEndAxesOffset:()=>({startOffset:0,endOffset:0}),getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(m,I.length,e,t,!1,L,j),getGapRatio:()=>1,isRtl:L,...v,children:({xStartIndex:e,xEndIndex:s,xScale:r,yScale:a,activeId:o,focusedItemInfo:l,hoveredItemInfo:d,isPointInsideMarquee:g,defaultFontSize:c,getTextDimensions:x,axisStepWidth:C,getItemAriaLabel:A})=>t.jsx(t.Fragment,{children:F.map(((M,F)=>{if(0===M.length)return;const z=I[F],N=z.lineType&&"none"!==z.lineType,O=i.getLineAreaSegments(a,r,M,e,s,b,u,F,W,w,!0),P=void 0===h||0===h.length||U.has(z.id);return t.jsxs(t.Fragment,{children:[N&&t.jsx(n.LineSeries,{lineType:z.lineType,lineColor:z.lineColor,lineWidth:z.lineWidth,lineStyle:z.lineStyle,color:z.lineColor||k[F%k.length],lineSegmentCoords:O,isHorizontal:j,isHighlighted:P,seriesIndex:F,groupWidth:C,isRtl:L,timeAxisType:w}),t.jsx(n.MarkersWithLabel,{yScale:a,xScale:r,groups:u,series:z,timeAxisType:w,color:z.lineColor||k[F%k.length],seriesIndex:F,startIndex:e,endIndex:s,markerType:R[F%R.length],orientation:f,isLog:b,activeId:o,getDataItem:m,isPointInsideMarquee:g,selectedIds:E,highlightedIds:void 0!==h?U:void 0,focusedItemIndex:l.seriesIndex!==F||!l.isFocusVisible||v.isDataCursorEnabled&&v.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:d?.isCurrent&&d.seriesIndex===F?d.groupIndex:void 0,isSelectionEnabled:"single"===S||"multiple"===S,isDrillEnabled:"on"===p,defaultFontSize:c,dataLabelEffect:y,isHighContrast:D,isTestEnv:T,isDataXAxis:!0,getItemAriaLabel:A,getTextDimensions:x})]})}))})})}}));
+//# sourceMappingURL=ScatterChart-292935ff.js.map

package/amd/ScatterChart-292935ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart-292935ff.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { 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 { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  ...props\n}: ScatterChartProps<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  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\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) => {\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      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n\n  const getOffset = () => {\n    return { startOffset: 0, endOffset: 0 };\n  };\n\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      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={false}\n      isDataXAxis={true}\n      getStartAndEndAxesOffset={getOffset}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions,\n        axisStepWidth,\n        getItemAriaLabel\n      }) => {\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 isLineRendered = seriesItem.lineType && seriesItem.lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\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={seriesItem.lineColor}\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={seriesItem.lineWidth}\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                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\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={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getItemAriaLabel={getItemAriaLabel}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getStartAndEndAxesOffset","startOffset","endOffset","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"8PAyBM,UAA4EA,MAChFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,YACNA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,gBAChBA,EAAkB,aACfC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBhB,GAAOiB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAIzB,GACpB0B,EAAc,IAAID,IAAI1B,GACtB4B,EAAiB,IAAIF,IAAIxB,GACzB2B,EAA0B,eAAhBzB,EACV0B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB3B,GAAQ4B,OACR3B,GAAQ2B,OACR1B,EACAiB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD7B,EAAY4B,EAAaC,GAmErBC,EAAUC,EAAAA,aAMhB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ3C,MAAOA,EACPC,OAAQA,EACRC,YAAa2B,EACb1B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRmC,SAAS,MACTC,+BAAgC,IAAM,KACtClC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACboC,YAjDgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzBzC,EACAC,EACAsC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GA0BA6B,eAvEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBxD,OAAQ,EAAGD,MAAO,EAAG,EA8DpC0D,cA1D0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAY/B,EAAQE,GACrDmD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY7B,KAwD7CqD,wBAAwB,EACxBC,aAAa,EACbC,yBAzBc,KACT,CAAEC,YAAa,EAAGC,UAAW,IAyBlCC,WAzFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B7D,EACAF,EAAO4B,OACPiC,EACAC,GACA,EACAhD,EACAS,GAiFAyC,YA9FgB,IACX,EA8FLlD,MAAOA,KACHR,EAAK2D,SACR,EACCC,cACAC,YACA5B,SACAC,SACA4B,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,oBACAC,gBACAC,sBAGEzC,EACG0C,IAAAC,EAAAC,SAAA,CAAAb,SAAAvC,EAAeqD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAepD,OAEjB,OAEF,MAAMsD,EAAalF,EAAOiF,GACpBE,EAAiBD,EAAWE,UAAoC,SAAxBF,EAAWE,SACnDC,EAA+BC,EAAmBA,oBACtD9C,EACAD,EACAyC,EACAd,EACAC,EACApD,EACAd,EACAgF,EACApD,EACAZ,GACA,GAGIsE,OACe3E,IAAnBhB,GAC0B,IAA1BA,EAAegC,QACfN,EAAekE,IAAIN,EAAWO,IAEhC,OACEC,OAAAb,EAAAA,SAAA,CAAAZ,SAAA,CACGkB,GACCjD,EAAA0C,IAACe,aAAU,CACTP,SAAUF,EAAWE,SAGrBQ,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtB3C,MAAO+B,EAAWU,WAAapE,EAAOyD,EAAQzD,EAAOI,QACrDyD,kBAAmBA,EACnBU,aAAcxE,EACdgE,cAAeA,EACfzD,YAAamD,EACbe,WAAYtB,EACZ5D,MAAOA,EACPG,aAAcA,IAGlBiB,EAAA0C,IAACqB,mBACC,CAAAzD,OAAQA,EACRD,OAAQA,EACRtC,OAAQA,EACRD,OAAQkF,EACRjE,aAAcA,EACdkC,MACE+B,EAAWU,WACXpE,EACEyD,EAAQzD,EAAOI,QAGnBE,YAAamD,EACbpB,WAAYK,EACZJ,SAAUK,EACV+B,WAAYlE,EAAQiD,EAAQjD,EAAQJ,QACpC9B,YAAaA,EACbiB,MAAOA,EACPqD,SAAUA,EACVlE,YAAaA,EACbqE,qBAAsBA,EACtB7E,YAAa2B,EACbzB,oBAAmCgB,IAAnBhB,EAA+B0B,OAAiBV,EAChEuF,iBACE9B,EAAgBvC,cAAgBmD,IAChCZ,EAAgB+B,gBACd9F,EAAM+F,qBAAuB/F,EAAMgG,iBAAiBC,uBAElD3F,EADAyD,EAAgBtC,WAGtByE,iBACElC,GAAiBmC,WAAanC,EAAgBxC,cAAgBmD,EAC1DX,EAAgBvC,gBAChBnB,EAEN8F,mBAAsC,WAAlBvG,GAAgD,aAAlBA,EAClDwG,eAA6B,OAAbvG,EAChBoE,gBAAiBA,EACjBnE,gBAAiBA,EACjBK,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbmB,iBAAkBA,EAClBF,kBAAmBA,MAGvB,OAOhB"}

package/amd/SectionalLegend-a37ee0ec.js

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

package/amd/SectionedContent-054e2fc2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-c119d072', './Flex-07d2aa5b', './FocusTrap-d06ac102', './keyboardUtils-fb6219eb', './useTestId-9afc201a', './View-ab4d3a33'], (function(e,n,o,t,a,i,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(a.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:g,paddingBlockStart:b,paddingInlineEnd:f,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(i.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:a,onPosition:i,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(a);l!==a&&(p(a),a||r(c));const u=o.useCallback((e=>{r(e.placement),i?.(e)}),[i,r]);return n.jsx(t.Dropdown,{isOpen:a,onPosition:u,placement:s,...d,children:e})}}));
+//# sourceMappingURL=SectionedContent-054e2fc2.js.map

package/amd/SectionedContent-054e2fc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionedContent-054e2fc2.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: UnpackSignals<JSX.HTMLAttributes['role']>;\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCkEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDjH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/SelectMobileFieldInput-3650e1fe.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-8192acb2', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749', './keyboardUtils-fb6219eb', './useSelectCommon-f04454d2', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-ce3f7207', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-c772dbef', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-69da5337', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-9e32c423', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-df433329', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,y,S,x,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,R,H,O,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start";function pe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(x.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const he=[...Object.values(de.textInterpolations)],me=ce.mergeInterpolations(he),ye=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},y)=>{const{isDisabled:S,isFocused:x,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,x)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=me({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:x?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:y,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,y]=t.useState(be),[S,x]=t.useState(b);S!==b&&(b||y(be));const f=t.useCallback((e=>{y(e.placement),h?.(e)}),[h,y]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return S!==b&&x(b),b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:l,placement:m,offsetValue:{mainAxis:4,crossAxis:0},onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(S.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=pe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(pe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=ye}));
+//# sourceMappingURL=SelectMobileFieldInput-3650e1fe.js.map

package/amd/SelectMobileFieldInput-3650e1fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMobileFieldInput-3650e1fe.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n  }\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: ContextType<typeof FormVariantContext>;\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses,\n      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["DEFAULT_PLACEMENT","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"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"}

package/amd/SelectMultiple-8dce10da.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Label-3c17bcc9', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './LayerHost-daf96749', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-07d2aa5b', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './formControlUtils-de035f75', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './Separator-181f7541', './SelectMobileFieldInput-3650e1fe', './useSelectCommon-f04454d2', './useAccessibleContext-23e8a333', './useFormFieldContext-9260f081', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-51b63f5f', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-b62a8126', './IconButton-232d63fc', './NavLeft-14fe560c', './useFocusWithin-5a504fca', './useUser-12ec03f1', './classNames-08d99695', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-9e32c423', './Close-7a1f81d8', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-ef77cf92', './View-ab4d3a33', './Button-d6bbc57f', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './useEffectEvent-66da1357', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-4ffd9d59', './useHiddenTestMethod-90b5bff5'], (function(e,t,s,n,o,l,i,a,r,d,c,u,p,h,b,y,m,x,f,v,S,T,w,g,F,C,D,A,I,R,L,E,k,K,V,j,U,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,te,se,ne,oe,le,ie,ae,re,de,ce,ue,pe,he,be,ye,me,xe,fe,ve,Se,Te,we,ge,Fe,Ce,De,Ae,Ie,Re,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:s,collectionRendererContext:n,data:o,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:b,label:y,mainFieldRef:m,userAssistanceDensity:x,onAddToListAction:f,onAutoDismiss:v,onPosition:S}){const T=j.useTranslationBundle("@oracle/oraclejet-preact"),w=!h||u||c||b||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:t.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(X.DropdownUserAssistance,{assistiveText:e,fieldLabel:y,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x})}),g=p?d?void 0:t.jsx(ee.EmptyResults,{}):s(n),F=d?t.jsxs(t.Fragment,{children:[!p&&t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{isHighlighted:p,onAction:f,children:T.select_addToList()})]}):void 0;return t.jsxs(X.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:m,onAutoDismiss:v,onPosition:S,children:[t.jsxs(ee.DropdownList,{hasBottomGap:void 0===w,isLoading:null===o,children:[g,F]}),w]})}function Ke({"aria-label":e,count:s=0,onKeyDown:n,onKeyUp:o,onMouseDown:l,...i}){const a=j.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=s>99?`${c}`:`${s}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${s}`})} ${r}`;return t.jsx("div",{class:re.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:l,children:t.jsx(de.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:s,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:c,onBackButtonClick:u,onClearButtonClick:p,onDropdownArrowClick:h,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:y,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:x,...f}){const{isDisabled:v,isLoading:S}=se.useFormFieldContext(),T=j.useTranslationBundle("@oracle/oraclejet-preact"),w=l?t.jsx(ce.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:u,children:t.jsx(ue.SvgNavLeft,{})}):null,g=i?t.jsx(ce.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:p,children:t.jsx(ue.SvgCancelS,{})}):null,F=a?t.jsx(ee.DropdownArrow,{isDisabled:v,onClick:h,testId:`${f.testId}_dropdownarrow`}):null,C=S?void 0:d?t.jsxs(A.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[t.jsx(Ke,{"aria-label":n,count:c,isDisabled:v,isSelected:r,onKeyDown:b,onKeyUp:y,onMouseDown:m,onToggle:x}),i&&g,a&&F]}):t.jsxs(t.Fragment,{children:[i&&g,a&&F]});return t.jsx(ae.TextField,{columnSpan:s,startContent:l&&w,mainContent:e,endContent:C,...f})}function je({children:e,removeIcon:s="never",isSelected:l=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:r,isFocused:d,value:c}){const u=j.useTranslationBundle("@oracle/oraclejet-preact"),p=n.useRef(null),h=Se.useId(),b=be.classNames([Te.textTagStyles.base,l&&Te.textTagStyles.selected]),y=n.useCallback((()=>{i?.(c)}),[c,i]),m=n.useCallback((()=>{a?.(c)}),[c,a]),x=n.useCallback((()=>{r?.(c)}),[c,r]),f=n.useCallback((e=>{o.isBackspaceOrDelete(e)&&y()}),[y]);return n.useEffect((()=>{d&&l&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,l]),t.jsxs(t.Fragment,{children:[t.jsxs("span",{ref:p,class:b,tabIndex:-1,onClick:m,onKeyUp:f,onMouseDown:ee.preventDefault,role:"option","aria-describedby":h,"aria-selected":l?"true":"false",children:[t.jsx(fe.Text,{size:"md",variant:"inherit",children:e}),"always"===s&&t.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(ce.IconButton,{size:"xs",variant:"ghost",onAction:x,children:t.jsx(ve.SvgClose,{})})})]}),t.jsx(xe.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const Ue=Array.from(["maxWidth"],(e=>ye.dimensionInterpolations[e])),Pe=me.mergeInterpolations(Ue);const Be=l.forwardRef((function(e,s=()=>{}){const{"aria-label":l,data:i,hasInsideLabel:a=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=n.useRef(null),[p,h]=n.useState([]),{direction:b}=he.useUser(),y=n.useRef(-1),m=i.at(-1)?.value,x=n.useRef({value:m,index:i.length-1});x.current={value:m,index:i.length-1};const f=n.useCallback((e=>{const t=i.at(e)?.value;null!=t&&h([t])}),[i]),v=n.useCallback((()=>{h((e=>(y.current=-1,e.length?[]:e)))}),[]),S=n.useCallback((e=>{c?.([e]),d?.(),v()}),[v,d,c]),T=n.useCallback((e=>{const t=[...p];p.includes(e)||t.push(e),c?.(t),d?.(),v()}),[p,v,d,c]),w=n.useCallback((e=>{h([e]),y.current=i.findIndex((t=>t.value===e))}),[i,h]),g=n.useCallback((e=>{if(0!==i.length){if("ltr"===b&&"ArrowLeft"===e.code||"rtl"===b&&"ArrowRight"===e.code){if(0===y.current)return;return y.current-=1,void f(y.current)}return"ltr"===b&&"ArrowRight"===e.code||"rtl"===b&&"ArrowLeft"===e.code?y.current===i.length-1?void d?.():(y.current+=1,void f(y.current)):"Home"===e.code?(y.current=0,void f(y.current)):"End"===e.code?(y.current=i.length-1,void f(y.current)):o.isSelectAll(e)?(h(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,b,d,f,h]),F=n.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(y.current=x.current.index,[x.current.value])))}),[]),C=n.useCallback((()=>{v()}),[v]),{focusProps:D}=pe.useFocusWithin({onBlurWithin:C});n.useImperativeHandle(s,(()=>({blur:C,focus:F})),[C,F]),n.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===b?1:-1)})}),[i,b]);const A=Pe(e),I=be.classNames([we.textTagListStyles.textTagListBase,a&&we.textTagListStyles.textTagListInsideLabel]);return t.jsx("div",{class:I,ref:u,tabIndex:-1,onKeyDown:g,role:"listbox","aria-label":l,"aria-multiselectable":"true",style:A,...D,children:i.map(((e,s)=>t.jsx(je,{isFocused:y.current===s,isSelected:p.includes(e.value),onRemoveAction:T,onSelect:w,onRemoveIconClick:S,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Me({displayValue:e,isAddToListShown:s,isKeyboardNavigable:o,isTextTagListShown:l,isUserFiltering:a,liveRegionText:r,onExitNavigation:d,onRemove:c,removeIcon:u,selectedValuesDescriptionId:p,selectedValuesKeyboardNavDescriptionId:h,textTagListData:b,textTagListRef:y,userInput:m,virtualKeyboard:x,...f}){const v=j.useTranslationBundle("@oracle/oraclejet-preact"),S=s?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:w}=se.useFormFieldContext(),[g,F]=n.useState(T),[C,D]=n.useState(!1);return w&&l&&!g&&T&&!C?D(!0):w||!C||D(!1),g!==T&&F(T),t.jsxs(t.Fragment,{children:[l&&t.jsx(Be,{"aria-label":v.selectMultiple_selectedValues(),data:b,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:d,onRemove:c,ref:y,removeIcon:u}),t.jsx(A.Flex,{flex:1,children:t.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:l,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===x?"search":x,value:a||l?m:e,...f})}),l&&t.jsx(xe.HiddenAccessible,{id:p,isHidden:!0,children:e}),l&&T&&!C&&t.jsx(xe.HiddenAccessible,{id:h,isHidden:!0,children:T}),t.jsx(ge.LiveRegion,{children:r}),l&&t.jsx(ge.LiveRegion,{children:C?T:void 0}),s?t.jsx(ge.LiveRegion,{children:S}):void 0]})}function Oe({onApply:e}){const s=j.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:t.jsx(Ce.Button,{display:"label",edge:"bottom",label:s.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,t){const s=j.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===t)return"";const n=function(e,t){const s=t?[...t?.values()]:[],n=t=>ee.renderItemText(t,e),o=s.map(n);return new Set(o)}(e,t),o=function(e,t){return Array.from(e.values()).join(t)}(n,s);return o}),[e,s,t]),textTags:n.useMemo((()=>void 0===t?[]:function(e,t=[]){return t.map((t=>({label:ee.renderItemText(t,e)??"",value:t.key})))}(e,t)),[e,t])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:t}){const s=Ae.useEffectEvent((e=>e&&t&&0!==t.length?{offset:0,totalSize:t.length,sizePrecision:"exact",data:t.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>s(e)),[s,e]),onLoadRange:void 0}}const He=(e,t,s)=>t.data.forEach((t=>{s.has(t.metadata.key)&&e.set(t.metadata.key,{data:t.data,key:t.metadata.key,metadata:t.metadata})}));function ze({"aria-describedby":e,"aria-label":o,assistiveText:l,collectionRenderer:i,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:b,isEmptyResults:y,isFocused:m,isLoading:x,isOpen:f,isReadonly:v,isRequired:S,isSelectedOnlyView:T,itemText:w,label:g,liveRegionText:F,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:I,setUserInput:R,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:U,virtualKeyboard:P,onAddToListAction:B,onCommit:M,onFieldBlur:O,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=j.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:t,isDropdownOpen:s,isDropdownSelectedOnlyView:o,itemText:l,textTagListRef:i,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,b]=n.useState({rowKey:void 0}),[y,m]=n.useState(ee.createKeysFromValueItems(r)),[x,f]=n.useState(o),v=n.useRef(new Map),S=n.useMemo((()=>{const e=[];return y?.forEach((t=>{const s=r?.find((e=>e.key===t));s?e.push(s):v.current.has(t)&&e.push(v.current.get(t))})),e}),[y,r]),{textTags:T,displayValue:w}=Ne(l,S),g=n.useRef(null),{data:F}=_e({isDropdownSelectedOnlyView:x,valueItems:S}),C=n.useCallback((e=>{b({rowKey:e.value})}),[b]),D=n.useCallback((t=>{m(t.value),u(""),e&&He(v.current,e,t.value)}),[e,m,u]),A=n.useCallback((({value:e=!1})=>{f((t=>(t!==e&&p(),e)))}),[f,p]),I=n.useCallback((()=>{m(ee.createKeysFromValueItems(r)),v.current.clear(),c(!1),p(),t.current?.focus()}),[t,c,p,r]),R=n.useCallback((()=>{d({previousValue:ee.createKeysFromValueItems(r),value:y}),I()}),[y,r,I,d]),L=n.useCallback((()=>{I()}),[I]),E=n.useCallback((()=>{m(new Set),p()}),[p]),k=n.useCallback((e=>{const t=new Set(y);e.forEach((e=>t.delete(e))),m(t)}),[y]),K=n.useCallback((()=>{setTimeout((()=>g.current?.focus()),0)}),[]);n.useEffect((()=>{s&&setTimeout((()=>g.current?.focus()),0)}),[s]);const[V,j]=n.useState(r);return V!==r&&(s||m((e=>{const t=ee.createKeysFromValueItems(r);return Ie.equals(e,t)?e:t})),j(r)),{collectionRendererContext:ee.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:y,selectedOnlyData:F}),footerProps:{onApply:R},selectMultipleFieldInputProps:{displayValue:w,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:i,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!ee.isSearchTextEmptyOrUndefined(a)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(y?.size??0)>0||x,selectedValuesCount:y?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:A},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:f,isDropdownSelectedOnlyView:T,itemText:w,textTagListRef:k,userInput:V,valueItems:U,onCommit:M,setDropdownOpen:I,setUserInput:R,stopFiltering:L}),{formFieldContext:te,inputProps:se,labelProps:ne,textFieldProps:oe,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:m,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});te.hasValue=D||te.hasValue;const ie={label:t.jsx(s.Label,{...ne,children:g}),labelEdge:"inside"},ae=!f||b||v||!l&&!c||"efficient"!==K&&"reflow"!==K?void 0:t.jsx(X.DropdownUserAssistance,{assistiveText:l,fieldLabel:g,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...le}),re=y?p?void 0:t.jsx(ee.EmptyResults,{}):i(Y),de=p?t.jsxs(t.Fragment,{children:[t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{onAction:B,children:q.select_addToList()})]}):void 0;return t.jsx(X.SelectMobileDropdown,{header:t.jsxs(h.FormFieldContext.Provider,{value:te,children:[t.jsx(Fe.View,{children:t.jsx(Ve,{fieldLabel:g,onBlur:O,onFocus:N,...ie,...oe,...G,...Z,children:t.jsx(Me,{"aria-controls":r,"aria-expanded":f,"aria-label":o,isAddToListShown:p,isRequired:S,liveRegionText:F,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:P,onInput:_,onKeyDown:H,onKeyUp:z,...se,...$})})}),ae,de]}),footer:t.jsx(Oe,{...W}),id:r,isOpen:f,labelId:ne.id,children:t.jsx(ee.DropdownList,{hasTopGap:!de,hasBottomGap:!0,isLoading:null===a,children:re})})}const qe=l.forwardRef((({addToList:e="off","aria-describedby":i,assistiveText:a,collectionRenderer:c,columnSpan:u,data:b,helpSourceLink:y,helpSourceText:m,isDisabled:x,isLoading:f,isReadonly:v,isRequired:S,isRequiredShown:T,itemRenderer:w,itemText:g,label:F,labelEdge:C,labelStartWidth:D,messages:A,onAddToListAction:I,onCommit:R,onFilter:L,onLoadRange:E,placeholder:k,testId:K,textAlign:U,userAssistanceDensity:P,valueItems:B,variant:M="default",virtualKeyboard:O},z)=>{const{isDisabled:q,isReadonly:Y,labelEdge:W,labelStartWidth:$,textAlign:Q,userAssistanceDensity:te}=p.useFormContext(),se=x??q,ne=v??Y,oe=C??W,le=D??$,ie=U??Q??V.defaultTextAlignForVariant(M),ae=P??te,re=l.useRef(null),de=l.useRef(null),{focusProps:ce,isFocused:ue,methods:pe}=G.useFocusableTextField({isDisabled:se,isReadonly:ne,enabledElementRef:re,readonlyElementRef:de});l.useImperativeHandle(z,(()=>pe),[pe]);const{addToListEventHandlers:be,ariaProps:ye,collectionRendererContext:me,data:xe,dropdownArrowEventHandlers:fe,dropdownEventHandlers:ve,dropdownRef:Te,hasSelectedValuesCount:we,inputEventHandlers:ge,isAddToListShown:Fe,isDataFetched:Ce,isDropdownAbove:De,isDropdownOpen:Ae,isDropdownSelectedOnlyView:Ie,isEmptyResults:Ke,isFocused:je,isUserFiltering:Ue,mainFieldRef:Pe,mouseProps:Be,selectedValuesCountProps:Oe,selectedValuesDescriptionId:He,selectedValuesKeyboardNavDescriptionId:qe,setDropdownOpen:Ye,setUserInput:We,stopFiltering:$e,textFieldRef:Ge,textTagListProps:Ze,userInput:Je}=function({addToList:e,ariaDescribedBy:t,data:s,inputRef:l,isDisabled:i,isFocused:a,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,m=void 0!==y&&y>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),f=h?x.data:s,v=n.useCallback((e=>{ee.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),u?.(e)}),[u]),{currentRowKeyRef:S,currentRowOverride:T,dropdownRef:w,getDropdownTabbableElems:g,handleDropdownArrowClick:F,handleDropdownAutoDismiss:C,handleDropdownPosition:D,handleInput:A,handleMainFieldKeyDown:I,handleMainFieldKeyUp:R,handleUpDownArrowKeys:L,isDropdownAbove:E,isDropdownOpen:k,isFocused:K,isUserFiltering:V,mainFieldRef:j,onCurrentKeyChange:U,onMouseDown:P,searchText:B,setCurrentRowOverride:M,setDropdownOpen:O,setUserInput:N,stopFiltering:_,userInput:H}=ee.useSelectCommon({data:f,inputRef:l,isFocused:a,onFilter:v}),[z,q]=n.useState(k),[Y,W]=n.useState(p),[$,G]=n.useState(ee.createKeysFromValueItems(p)),Z=null!=f&&!ee.isBeforeDataFetch(f),J=Z&&0===f?.totalSize,Q="on"===e&&V&&null!=B&&B.length>0,X=n.useCallback((()=>{O(!1),_(),d?.({searchText:V?B:void 0})}),[V,d,B,O,_]),te=n.useRef(null),{direction:se}=he.useUser(),ne=Se.useId(),oe=Se.useId(),le=Le.l([K&&oe,K&&ne,t]),ie=n.useCallback((()=>{w.current?.parentElement?.removeChild(w.current)}),[w]),ae=n.useCallback((e=>V&&k&&!ee.isSearchTextEmptyOrUndefined(H)&&(f?.data.length??0)>0&&void 0!==e),[f,k,V,H]),re=n.useCallback((e=>{if($?.has(e))return;const t=void 0===$?new Set([e]):new Set([...$.values(),e]);c({previousValue:$,value:t}),G(t)}),[c,$,G]),de=n.useRef(null),ce=n.useCallback((e=>r||i?Promise.reject("Component is readonly or disabled"):(c({value:e,previousValue:$}),Promise.resolve())),[i,r,c,$]);Ee.useHiddenTestMethod({elementRef:r?j:de,method:ce,name:"_changeValue"});const ue=n.useCallback((e=>{if(k&&"keydown"===e?.type){const t=e;switch(t.code){case o.KEYS.TAB:{const e=t.shiftKey,s=g();if(s&&s.length>1){const t=s[0],n=s[s.length-1];if(!e&&document.activeElement!==n||e&&document.activeElement!==t)return void O(!0)}t.shiftKey||!m?l.current?.focus():be.current?.focus(),ie();break}}}}),[g,m,l,k,ie,O]),pe=n.useCallback((e=>{if(!o.isControlOrFunctionKey(e))switch(e.code){case o.KEYS.TAB:k&&(e.shiftKey||!m&&!e.shiftKey)&&(ie(),O(!1)),m&&!e.shiftKey&&e.stopPropagation();break;case o.KEYS.LEFT:"ltr"===se&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&te.current?.focus();break;case o.KEYS.RIGHT:"rtl"===se&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&te.current?.focus();break;case o.KEYS.ENTER:case o.KEYS.NUMPAD_ENTER:if(ee.isPhone())return;if(Q&&J)return void X();ae(S.current)&&(O(!1),_(),re(S.current))}}),[S,se,X,m,l,Q,k,J,ie,re,O,ae,_]);if(Y!==p){const e=ee.createKeysFromValueItems(p);G(e)}const be=n.useRef(null);n.useEffect((()=>{be.current=m&&j.current?.querySelector?j.current.querySelector('[role="switch"]'):null}),[m,i,r,j]);const ye=n.useCallback((e=>{switch(e.code){case o.KEYS.TAB:k&&!e.shiftKey&&(ie(),O(!1)),e.shiftKey&&e.stopPropagation();break;case o.KEYS.UP:case o.KEYS.DOWN:e.preventDefault();break;case o.KEYS.ESC:k&&(O(!1),e.preventDefault(),e.stopPropagation());break;case o.KEYS.ENTER:e.stopPropagation()}}),[k,ie,O]),me=n.useCallback((e=>{switch(e.code){case o.KEYS.UP:case o.KEYS.DOWN:L(e)}}),[L]),xe=n.useCallback((e=>{e.preventDefault(),l.current?.focus()}),[l]),fe=n.useCallback((e=>{k||O(!0);const t=e.value??!1;t!==h&&(b(t),t&&_())}),[k,h,O,_]);!k&&h&&b(!1);const ve=n.useCallback((e=>{G(e.value),N(""),c?.({value:e.value,previousValue:$})}),[c,$,G,N]),Te=n.useCallback((()=>{setTimeout((()=>l.current?.focus()),0)}),[l]),we=n.useCallback((e=>{const t=$,s=new Set($);e.forEach((e=>s.delete(e))),c?.({previousValue:t,value:s})}),[c,$]),ge=n.useMemo((()=>Re.mergeProps({onAutoDismiss:C,onPosition:D},{onAutoDismiss:ue})),[C,D,ue]),Fe=n.useMemo((()=>Re.mergeProps({onInput:A,onKeyDown:I,onKeyUp:R},{onKeyDown:pe})),[I,A,R,pe]),Ce=n.useMemo((()=>({textTagListRef:te,onExitNavigation:Te,onRemove:we})),[Te,we]),De=ee.useCollectionRenderer({currentKey:T.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:ve,searchText:B,selectedKeys:$,selectedOnlyData:x.data});k&&!z&&M({rowKey:void 0}),z&&!k&&!H&&_();const Ae=n.useRef(f);if(Ae.current!==f){const e=f?.data[0]?.metadata.key;k&&V&&null!=e&&0===f?.offset&&M({rowKey:ee.isSearchTextEmptyOrUndefined(B)?void 0:e}),Ae.current=f}return z!==k&&q(k),Y!==p&&W(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:le},collectionRendererContext:De,data:f,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ge,dropdownRef:w,hasSelectedValuesCount:m,inputEventHandlers:Fe,inputRef:l,isAddToListShown:Q,isDataFetched:Z,isDropdownAbove:E,isDropdownOpen:k,isDropdownSelectedOnlyView:h,isEmptyResults:J,isFocused:K,isUserFiltering:V,mainFieldRef:j,mouseProps:i||r?{}:{onMouseDown:P},searchText:B,selectedValuesCountProps:{onKeyDown:ye,onKeyUp:me,onMouseDown:xe,onToggle:fe},selectedValuesDescriptionId:ne,selectedValuesKeyboardNavDescriptionId:oe,setDropdownOpen:O,setUserInput:N,stopFiltering:_,textFieldRef:de,textTagListProps:Ce,userInput:H}}({addToList:e,ariaDescribedBy:i,data:b,inputRef:re,isDisabled:se,isFocused:ue,isReadonly:ne,onAddToListAction:I,onCommit:R,onFilter:L,valueItems:B}),Qe=Z.useLoadingIndicatorTimer(f??!1),{baseId:Xe,formFieldContext:et,inputProps:tt,labelProps:st,textFieldProps:nt,userAssistanceProps:ot}=J.useTextField({ariaDescribedBy:ye.ariaDescribedBy,helpSourceLink:y,helpSourceText:m,isDisabled:se,isFocused:je,isLoading:Qe,isReadonly:ne,isRequiredShown:T,labelEdge:oe,messages:A,styleVariant:M,userAssistanceDensity:ae,value:void 0!==B&&B.length>0||void 0});et.hasValue=f||et.hasValue;const lt=`${Xe}-dropdown`,{displayValue:it,textTags:at}=Ne(g,B),rt="none"!==oe?t.jsx(s.Label,{...st,...ee.isPhone()?{forId:void 0}:{},children:F}):void 0,dt={label:"none"!==oe?rt:void 0,labelEdge:"none"!==oe?oe:void 0,labelStartWidth:"none"!==oe?le:void 0,labelText:"inside"!==oe||se?void 0:F},ct="none"===oe?F:void 0,ut="efficient"===ae||"reflow"===ae?se?"efficient"!==ae?void 0:t.jsx(N.InlineUserAssistance,{userAssistanceDensity:ae,...ot}):ne?t.jsx(N.InlineUserAssistance,{fieldLabel:F,messages:A,userAssistanceDensity:ae,...ot}):t.jsx(N.InlineUserAssistance,{assistiveText:a,fieldLabel:F,helpSourceLink:y,helpSourceText:m,messages:A,isRequiredShown:T,userAssistanceDensity:ae,...ot}):void 0,pt="compact"===ae?t.jsx(_.CompactUserAssistance,{anchorRef:Pe,messages:A,assistiveText:a,...ot}):void 0,ht=j.useTranslationBundle("@oracle/oraclejet-preact"),bt=l.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:s,onSelectedChange:n,searchText:o,selected:l,selectedOnlyData:i})=>t.jsx(ee.DefaultList,{"aria-label":F??"",currentItemVariant:"highlight",currentKey:e,data:i??b,itemRenderer:w,itemText:g,searchText:i?void 0:Ue?o:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:s,onLoadRange:i?void 0:E,onSelectionChange:n})),[Ue,w,g,F,E,b]);if(ne){const e=t.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":tt["aria-describedby"],"aria-label":ct,"aria-labelledby":st.id,as:"div",elementRef:de,formVariant:M,hasEmptyLabel:""===F&&"none"===oe,hasInsideLabel:void 0!==F&&"inside"===oe,onBlur:tt.onBlur,onFocus:tt.onFocus,textAlign:ie,value:it});return t.jsx(h.FormFieldContext.Provider,{value:et,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:pt,inlineUserAssistance:ut,onBlur:ce.onFocusOut,onFocus:ce.onFocusIn,ref:Pe,mainContent:e,testId:K,...dt})})}const yt="inside"===oe,mt=Ae&&Ce?0===xe?.totalSize?ht.select_noMatchesFound():1===xe?.totalSize?ht.select_oneMatchFound():"exact"===xe?.sizePrecision?ht.select_sizeMatchesFound({TOTAL_SIZE:`${xe?.totalSize}`}):ht.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${xe?.totalSize}`}):"",xt=Ae&&void 0!==xe&&(null===xe||xe.totalSize>0||ee.isBeforeDataFetch(xe)||Ke),ft=""===F&&"none"===oe,vt=ee.isPhone()&&!se?t.jsx(X.SelectMobileFieldInput,{"aria-controls":lt,"aria-describedby":tt["aria-describedby"],"aria-expanded":Ae,"aria-invalid":tt["aria-invalid"],"aria-label":ct,"aria-labelledby":st.id,displayValue:it,hasEmptyLabel:ft,hasInsideLabel:yt,isRequired:S,onBlur:tt.onBlur,onFocus:tt.onFocus,placeholder:k,ref:re,textAlign:ie,variant:tt.variant}):t.jsx(Me,{"aria-controls":lt,"aria-expanded":Ae,"aria-label":ct,displayValue:it,hasEmptyLabel:ft,hasInsideLabel:yt,inputRef:re,isAddToListShown:Fe,isKeyboardNavigable:!se&&!ee.isMobile(),isRequired:S,isTextTagListShown:je&&0!==at.length,isUserFiltering:Ue,liveRegionText:mt,placeholder:k,removeIcon:ee.isTablet()?"always":"never",selectedValuesDescriptionId:He,selectedValuesKeyboardNavDescriptionId:qe,textAlign:ie,textTagListData:at,userInput:Je,virtualKeyboard:ee.isTablet()?O:void 0,...ge,...tt,...Ze}),St=xt?ee.isPhone()?t.jsx(ze,{"aria-describedby":ye.ariaDescribedBy,"aria-label":ct,assistiveText:a,collectionRenderer:c??bt,data:b,dropdownId:lt,enabledElementRef:re,helpSourceLink:y,helpSourceText:m,isAddToListShown:Fe,isDisabled:se,isEmptyResults:Ke,isFocused:je,isLoading:Qe,isOpen:xt,isReadonly:ne,isRequired:S,isSelectedOnlyView:Ie,itemText:g,label:F,liveRegionText:mt,placeholder:k,propIsLoading:f,selectedValuesDescriptionId:He,setDropdownOpen:Ye,setUserInput:We,stopFiltering:$e,textAlign:ie,textTagListRef:Ze.textTagListRef,userAssistanceDensity:ae,userInput:Je,valueItems:B,virtualKeyboard:O,onAddToListAction:be.onAction,onCommit:R,onFieldBlur:ce.onFocusOut,onFieldFocus:ce.onFocusIn,onFieldInput:ge.onInput,onFieldKeyDown:ge.onKeyDown,onFieldKeyUp:ge.onKeyUp}):t.jsx(ke,{...ve,assistiveText:a,collectionRenderer:c??bt,collectionRendererContext:me,dropdownId:lt,dropdownRef:Te,helpSourceLink:y,helpSourceText:m,isAddToListShown:Fe,isDisabled:se,isDropdownAbove:De,isEmptyResults:Ke,isOpen:xt,isReadonly:ne,label:F,mainFieldRef:Pe,onAddToListAction:be.onAction,userAssistanceDensity:ae}):null;return t.jsxs(H.Fragment,{children:[t.jsx(h.FormFieldContext.Provider,{value:et,children:t.jsx(Ve,{columnSpan:u,compactUserAssistance:pt,fieldLabel:F,hasInsideLabel:yt,inlineUserAssistance:ut,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ie,isSelectedValuesCountShown:we,mainFieldRef:Pe,onBlur:ce.onFocusOut,onFocus:ce.onFocusIn,onDropdownArrowClick:fe.onClick,onSelectedValuesCountKeyDown:Oe.onKeyDown,onSelectedValuesCountKeyUp:Oe.onKeyUp,onSelectedValuesCountMouseDown:Oe.onMouseDown,onSelectedValuesCountToggle:Oe.onToggle,rootRef:Ge,selectedValuesCount:B?.length,testId:K,...dt,...Be,...nt,children:vt})}),St]})}));e.SelectMultiple=qe}));
+//# sourceMappingURL=SelectMultiple-8dce10da.js.map