@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/amd/ButtonSetIconButton-7a2c113c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSetIconButton-7a2c113c.js","sources":["../../src/UNSAFE_ButtonSetIconButton/ButtonSetIconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  ButtonSetPosition,\n  LayoutWidths,\n  type InputTypes\n} from '#utils/UNSAFE_buttonUtils';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetIconButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * InpuType indicate if the toggle is a radio or checkbox,\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * The value of the input\n     */\n    value?: string;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A ButtonSetIconButton is an icon button that allows users to switch\n * between states when pressed.\n */\nexport const ButtonSetIconButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      value,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      position,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: ButtonSetIconButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const { inputProps, buttonSetButtonProps, isDisabled } = processSetButtonProps(\n      props,\n      buttonSetProps\n    );\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false,\n      true,\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(buttonSetButtonProps, ariaProps)}\n          elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n          onAction={() => onToggle?.({ value: isSelected })}\n          styling={styling}\n          width={buttonSetProps.width ? '100%' : width}\n          ref={buttonRef}\n          testId={testId}>\n          <ToggleButtonLabel\n            {...tooltipProps}\n            label={accessibleLabel ?? tooltip}\n            display={'icons'}\n            isSelected={isSelected}\n            {...inputProps}\n            value={value}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nButtonSetIconButton.displayName = 'ButtonSetIconButton';\n"],"names":["ButtonSetIconButton","forwardRef","children","tooltip","value","accessibleLabel","isSelected","onToggle","position","testId","width","ariaDescribedBy","props","ref","buttonSetProps","useButtonSetContext","inputProps","buttonSetButtonProps","isDisabled","processSetButtonProps","buttonRef","useRef","useImperativeHandle","current","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","layoutWidth","variant","undefined","ariaProps","_jsxs","Fragment","_jsx","BaseButton","mergeProps","elementDetails","type","isFocusable","isLabel","onAction","ToggleButtonLabel","label","display","startIcon","displayName"],"mappings":"ykBA6Ha,MAAAA,EAAsBC,EAAUA,YAC3C,EAEIC,WACAC,UACAC,QACAC,kBACAC,cAAa,EACbC,WACAC,WACAC,SACAC,QACA,mBAAoBC,KACjBC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBACjBC,WAAEA,EAAUC,qBAAEA,EAAoBC,WAAEA,GAAeC,wBACvDP,EACAE,GAGIM,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACT,GAAM,IAAMO,EAAUG,SAAU,CAACH,IAErD,MAAMI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMxB,GAAWE,EACjBa,WAAYA,IAGRU,EAAUC,EAAaA,cAC3BZ,EAAqBa,YACrBxB,GACA,GACA,EACiC,aAAjCW,EAAqBc,QACrBvB,OACAwB,GACA,GAGIC,EAAY,CAAE,mBAAoBtB,GAExC,OACEuB,OAACC,EAAQA,SAAA,CAAAjC,SAAA,CACPkC,EAAAA,IAACC,EAAAA,WAAU,IACLC,EAAUA,WAACrB,EAAsBgB,GACrCM,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DC,SAAU,IAAMpC,IAAW,CAAEH,MAAOE,IACpCsB,QAASA,EACTlB,MAAOI,EAAeJ,MAAQ,OAASA,EACvCG,IAAKO,EACLX,OAAQA,EACRP,SAAAkC,EAAAA,IAACQ,EAAAA,kBACK,IAAAnB,EACJoB,MAAOxC,GAAmBF,EAC1B2C,QAAS,QACTxC,WAAYA,KACRU,EACJZ,MAAOA,EACP2C,UAAW7C,MAEdsB,IAEH,IAINxB,EAAoBgD,YAAc"}

package/amd/ButtonSetItem-41485f24.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './ButtonSetButton-526d9712', './ButtonSetIconButton-7a2c113c', 'preact/hooks', './useButtonSetContext-dffdaea3', './ButtonSetPositionContext-fd98cc11', './useButtonSetPositionContext-b8534679', './toggleButtonUtils-c8f12580'], (function(t,e,o,n,u,s,i,l,a){"use strict";const c=({isDisabled:t,...i})=>{const{display:c,inputType:d,isDisabled:S,buttonSetValue:r,onCommit:v,...p}=s.useButtonSetContext(),x=l.useButtonSetPositionContext(),b=t??S,f={tooltip:i.label,value:i.value},g="radio"===d,C=u.useCallback((()=>{g&&v?.({previousValue:r,value:[i.value]})}),[r,v,g,i.value]),m=u.useCallback((()=>{if(!g){const t=a.toggleButtonSetItem(i.value,r);v?.({previousValue:r,value:t})}}),[r,v,g,i.value]);return"icons"===c?e.jsx(n.ButtonSetIconButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:b,...f,...x,...p,children:i.startIcon}):e.jsx(o.ButtonSetButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:b,...i,...x,...p})};function B(t,e){return!!e&&e?.indexOf(t)>-1}c.displayName="ButtonSetItem",t.ButtonSetItem=c}));
-//# sourceMappingURL=ButtonSetItem-41485f24.js.map

package/amd/ButtonSetItem-41485f24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSetItem-41485f24.js","sources":["../../src/UNSAFE_ButtonSetItem/ButtonSetItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\n\nimport { ButtonSetButton } from '../UNSAFE_ButtonSetButton';\nimport { ButtonSetIconButton } from '../UNSAFE_ButtonSetIconButton';\nimport { useCallback } from 'preact/hooks';\n\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useButtonSetContext } from '../hooks/UNSAFE_useButtonSetContext';\nimport { useButtonSetPositionContext } from '../hooks/UNSAFE_useButtonSetPositionContext';\nimport { toggleButtonSetItem } from '#utils/UNSAFE_buttonUtils';\n\nexport type ButtonSetItemProps = TestIdProps & {\n  /**\n   * Value of the selected buttonSetItem option.\n   */\n  value: string;\n\n  /**\n   * label - label\n   */\n  label?: string;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Specifies that the ButtonSetSingle element should be disabled.\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * A ButtonSetItem specifies buttons for a buttonset.\n */\nexport const ButtonSetItem = ({ isDisabled: isPropsDisabled, ...props }: ButtonSetItemProps) => {\n  // The buttonSetItem context determines if a buttonset button or icon button rendered\n  // The buttonset context control provides variant, size, isItemDisabled, inputType, inputName. value\n  // The buttonset position control provides position, isSelected,\n  const {\n    display,\n    inputType,\n    isDisabled: isSetDisabled,\n    buttonSetValue,\n    onCommit,\n    ...buttonsetProps\n  } = useButtonSetContext();\n\n  const positionProps = useButtonSetPositionContext();\n  // The property isItemDisabled, if defined, overrides buttonSetItem settings.\n  const isItemDisabled = isPropsDisabled ?? isSetDisabled;\n  const iconProps = {\n    tooltip: props.label,\n    value: props.value\n  };\n\n  const isRadio = inputType === 'radio';\n\n  const onToggleHandlerSingle = useCallback(() => {\n    if (isRadio) {\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: [props.value]\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  const onToggleHandlerMultiple = useCallback(() => {\n    if (!isRadio) {\n      const newButtonSetValue = toggleButtonSetItem(props.value, buttonSetValue);\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: newButtonSetValue\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  // When toggled, the button invokes the buttonset commit, which can update the buttonset value, which then\n  // updates the buttonset context buttonSetValue causing this buttonSetItem to render appropriately.\n  return display === 'icons' ? (\n    <ButtonSetIconButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...iconProps}\n      {...positionProps}\n      {...buttonsetProps}>\n      {props.startIcon}\n    </ButtonSetIconButton>\n  ) : (\n    <ButtonSetButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...props}\n      {...positionProps}\n      {...buttonsetProps}></ButtonSetButton>\n  );\n};\n\n/**\n * Check if buttonSetValue contains the buttonSetItem.\n * Note the buttonSetValue can be a set of strings or a string, depending on whether a checkbox or\n * radio type is used.\n * @param buttonSetItemValue\n * @param buttonSetValue\n * @returns\n */\nfunction isButtonSetItemSelected(\n  buttonSetItemValue: string,\n  buttonSetValue: Array<string> | undefined\n): boolean {\n  if (!buttonSetValue) {\n    return false;\n  }\n  return buttonSetValue?.indexOf(buttonSetItemValue) > -1;\n}\n\nButtonSetItem.displayName = 'ButtonSetItem';\n"],"names":["ButtonSetItem","isDisabled","isPropsDisabled","props","display","inputType","isSetDisabled","buttonSetValue","onCommit","buttonsetProps","useButtonSetContext","positionProps","useButtonSetPositionContext","isItemDisabled","iconProps","tooltip","label","value","isRadio","onToggleHandlerSingle","useCallback","previousValue","onToggleHandlerMultiple","newButtonSetValue","toggleButtonSetItem","_jsx","ButtonSetIconButton","isSelected","isButtonSetItemSelected","onToggle","children","startIcon","ButtonSetButton","buttonSetItemValue","indexOf","displayName"],"mappings":"8SAgDa,MAAAA,EAAgB,EAAGC,WAAYC,KAAoBC,MAI9D,MAAMC,QACJA,EAAOC,UACPA,EACAJ,WAAYK,EAAaC,eACzBA,EAAcC,SACdA,KACGC,GACDC,EAAAA,sBAEEC,EAAgBC,EAAAA,8BAEhBC,EAAiBX,GAAmBI,EACpCQ,EAAY,CAChBC,QAASZ,EAAMa,MACfC,MAAOd,EAAMc,OAGTC,EAAwB,UAAdb,EAEVc,EAAwBC,EAAAA,aAAY,KACpCF,GACFV,IAAW,CACTa,cAAed,EACfU,MAAO,CAACd,EAAMc,QAEjB,GACA,CAACV,EAAgBC,EAAUU,EAASf,EAAMc,QAEvCK,EAA0BF,EAAAA,aAAY,KAC1C,IAAKF,EAAS,CACZ,MAAMK,EAAoBC,EAAmBA,oBAACrB,EAAMc,MAAOV,GAC3DC,IAAW,CACTa,cAAed,EACfU,MAAOM,GAEV,IACA,CAAChB,EAAgBC,EAAUU,EAASf,EAAMc,QAI7C,MAAmB,UAAZb,EACLqB,EAAAA,IAACC,EAAmBA,qBAClBC,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRC,KACAH,KACAF,EACHqB,SAAA3B,EAAM4B,YAGTN,MAACO,kBAAe,CACdL,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRV,KACAQ,KACAF,GACP,EAWH,SAASmB,EACPK,EACA1B,GAEA,QAAKA,GAGEA,GAAgB2B,QAAQD,IAAuB,CACxD,CAEAjC,EAAcmC,YAAc"}

package/amd/CardFlexView-296f97f5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-275c3e83', './BaseCardView-ab799b69'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,n]=i.useState({}),d=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&n((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,d);const o=a.gutterSizeToPX[e.gutterSize||"sm"],u=a.getColCount(o,s.cardWidth,s.containerWidth),h={width:s.cardWidth,height:s.cardHeight};return t.jsx(a.BaseCardView,{...e,ref:c,layout:"flex",columns:u,cardSize:h,updateCardSize:(e,t)=>{n((i=>({...i,cardWidth:e,cardHeight:t})))}})}}));
-//# sourceMappingURL=CardFlexView-296f97f5.js.map

package/amd/CardFlexView-296f97f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFlexView-296f97f5.js","sources":["../../src/UNSAFE_CardFlexView/CardFlexView.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { BaseCardView, gutterSizeToPX, getColCount } from '../PRIVATE_BaseCardView';\nimport { BaseCardViewPublicProps as Props } from './BaseCardView.types';\n\ntype CardFlexViewProps<K extends string | number, D> = Props<K, D>;\ntype SizeInfo = {\n  cardWidth?: number;\n  cardHeight?: number;\n  containerWidth?: number;\n};\n\nexport function CardFlexView<K extends string | number, D>(props: CardFlexViewProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const [size, setSize] = useState<SizeInfo>({});\n  const updateCardSize = (cardWidth: number, cardHeight: number) => {\n    setSize((size) => ({ ...size, cardWidth, cardHeight }));\n  };\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const containerWidth = entry.contentRect.width;\n      if (size.containerWidth !== containerWidth) {\n        setSize((size) => ({ ...size, containerWidth }));\n      }\n    },\n    [size]\n  );\n  useResizeObserver(rootRef, handleResize);\n\n  const gutterSizePX = gutterSizeToPX[props.gutterSize || 'sm'];\n  const columns = getColCount(gutterSizePX, size.cardWidth, size.containerWidth);\n  const cardSize = { width: size.cardWidth, height: size.cardHeight };\n\n  return (\n    <BaseCardView\n      {...props}\n      ref={rootRef}\n      layout=\"flex\"\n      columns={columns}\n      cardSize={cardSize}\n      updateCardSize={updateCardSize}\n    />\n  );\n}\n"],"names":["props","rootRef","useRef","size","setSize","useState","handleResize","useCallback","entry","containerWidth","contentRect","width","useResizeObserver","gutterSizePX","gutterSizeToPX","gutterSize","columns","getColCount","cardWidth","cardSize","height","cardHeight","_jsx","BaseCardView","ref","layout","updateCardSize"],"mappings":"iKAYM,SAAqDA,GACzD,MAAMC,EAAUC,SAAuB,OAEhCC,EAAMC,GAAWC,EAAQA,SAAW,CAAE,GAKvCC,EAAeC,eAClBC,IACC,MAAMC,EAAiBD,EAAME,YAAYC,MACrCR,EAAKM,iBAAmBA,GAC1BL,GAASD,IAAU,IAAKA,EAAMM,oBAC/B,GAEH,CAACN,IAEHS,oBAAkBX,EAASK,GAE3B,MAAMO,EAAeC,EAAcA,eAACd,EAAMe,YAAc,MAClDC,EAAUC,EAAAA,YAAYJ,EAAcV,EAAKe,UAAWf,EAAKM,gBACzDU,EAAW,CAAER,MAAOR,EAAKe,UAAWE,OAAQjB,EAAKkB,YAEvD,OACEC,EAAAA,IAACC,EAAAA,aACK,IAAAvB,EACJwB,IAAKvB,EACLwB,OAAO,OACPT,QAASA,EACTG,SAAUA,EACVO,eA1BmB,CAACR,EAAmBG,KACzCjB,GAASD,QAAeA,EAAMe,YAAWG,gBAAc,GA4B3D"}

package/amd/CardGridView-054ffc3f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-ab799b69'], (function(e,t,i,r){"use strict";e.CardGridView=function(e){const[a,d]=i.useState({});return t.jsx(r.BaseCardView,{...e,layout:"grid",cardSize:a,updateCardSize:(e,t)=>{d({width:e,height:t})}})}}));
-//# sourceMappingURL=CardGridView-054ffc3f.js.map

package/amd/CardGridView-054ffc3f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardGridView-054ffc3f.js","sources":["../../src/UNSAFE_CardGridView/CardGridView.tsx"],"sourcesContent":["import { useState } from 'preact/hooks';\nimport { BaseCardView } from '../PRIVATE_BaseCardView';\nimport { Props } from '../UNSAFE_CardFlexView';\n\ntype CardGridProps<K extends string | number, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render. The number of columns is required for CardGridView component.\n   * If the number of columns is not provided, please use CardFlexView component.\n   */\n  columns: number;\n};\n\nexport function CardGridView<K extends string | number, D>(props: CardGridProps<K, D>) {\n  const [cardSize, setCardSize] = useState<{ width?: number; height?: number }>({});\n  const updateCardSize = (width: number, height: number) => {\n    setCardSize({ width, height });\n  };\n\n  return (\n    <BaseCardView {...props} layout=\"grid\" cardSize={cardSize} updateCardSize={updateCardSize} />\n  );\n}\n"],"names":["props","cardSize","setCardSize","useState","_jsx","BaseCardView","layout","updateCardSize","width","height"],"mappings":"gIAYM,SAAqDA,GACzD,MAAOC,EAAUC,GAAeC,EAAQA,SAAsC,CAAE,GAKhF,OACEC,MAACC,EAAAA,iBAAiBL,EAAOM,OAAO,OAAOL,SAAUA,EAAUM,eALtC,CAACC,EAAeC,KACrCP,EAAY,CAAEM,QAAOC,UAAS,GAMlC"}

package/amd/Chart-e2807ff7.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', './TrackResizeContainer-2b033ae7', './useTextDimensions-83dd9415', './useCssVars-c043f8da', 'preact/hooks', './Gridlines-7851bb20', './useId-c9578d26', './Axis-43a8b896', './useChartViewport-2129094d', './layoutUtils-c2938c54', './useChartNav-60a79595', './mergeProps-bcfa6a92', './useSelectDrill-6361116b', './useUser-85c781ea', './useTestId-3a316499', './cssUtils-577028f8', './useChartContextMenu-8606bfa2', './useChartDnd-947ed9e4', './eventsUtils-edf8f4e5', './accUtils-530bdb90', './layoutUtils-8805fc5b', './useTooltip-7b11fd35', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', './useChartMarquee-51f52d57', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useOverviewContext-dd00c487', './scale-3ae48ed5', './OverviewSlidingWindow-e4bea056', './PRIVATE_VisOverview/themes/VisOverview.css', './ScrollBar-4046f84f'], (function(e,t,o,i,r,s,n,a,d,l,c,u,x,p,g,h,v,f,w,m,I,y,S,C,D,b,A,M,T,P,R,j,k,E,V,O,G,N,z){"use strict";function B(e,t,o){const i=e.groupIndex+1;if(!(i>=t))return o(i)?{groupIndex:i}:B({groupIndex:i},t,o)}function F(e,t){const o=e.groupIndex-1;if(!(o<0))return t(o)?{groupIndex:o}:F({groupIndex:o},t)}function L({x:e,width:o,height:i,y:r,windowX:s,windowHeight:n,windowWidth:a,windowY:d}){return t.jsxs(t.Fragment,{children:[t.jsx("rect",{x:e,y:r,width:Math.max(0,s-e),height:i,class:N.styles.overviewBackground}),t.jsx("rect",{x:s+a,width:Math.max(0,e+o-s-a),y:r,height:i,class:N.styles.overviewBackground}),t.jsx("rect",{x:s,y:r,height:Math.max(0,d-r),width:a,class:N.styles.overviewBackground}),t.jsx("rect",{x:s,y:d+n,width:a,class:N.styles.overviewBackground,height:Math.max(r+i-d-n,0)})]})}const U=10,W=f.getChartVars();function H({width:e,height:i,selectedIds:f,hiddenIds:y,hideAndShowBehavior:D="none",orientation:b="vertical",xAxis:A,yAxis:M,plotArea:T,dragMode:P="user",series:R,groups:N,isStacked:H=!1,getDataItem:X,selectionMode:q="none",drilling:Y="off",dataCursorPosition:$,onSelectionChange:_,isDataCursorEnabled:Z,dataCursorStyle:J,onViewportChange:K,onDataCursorPositionChange:Q,onItemDrill:ee,onGroupDrill:te,onItemHover:oe,onItemFocus:ie,datatip:re,zoomAndScroll:se="off",offset:ne,getNavUtil:ae,getDataItemPos:de,getGapRatio:le,valueFormats:ce,findNearest:ue,getMarkerInfo:xe,isRtl:pe,children:ge,testId:he,renderGridLinesInFront:ve,isDataXAxis:fe,contextMenuConfig:we,overview:me="off",defaultOverviewContentRenderer:Ie,isOverview:ye,yAxisSize:Se,overviewRenderer:Ce,...De}){const be=v.useTestId(he),Ae=n.useRef(null),Me=void 0!==be["data-testid"],Te="horizontal"===b,{xAxisPosition:Pe,yAxisPosition:Re}=u.getAxesPosition(M,Te,pe),{resolvedVars:je,cssContent:ke}=s.useCssVars(W),Ee=Array.from(Array(12)).map(((e,t)=>je[`color${t+1}`])),{textMeasureContent:Ve,getTextDimensions:Oe}=r.useTextDimensions();let Ge=u.getAvailSpace(e,i);if(ye&&Se){const e=Ge.width-Se,t=u.getOuterGaps(e,i);Ge.width-=Se-2*t.width,Ge.x+=Se-t.width}const Ne=null!=A?.timeAxisType,ze=u.getScrollBarSpace(Ne,Ge,se,Pe,me);let Be=ze.scrollDims;Ge=ze.availSpace;const Fe=new Set(y),{locale:Le}=h.useUser(),{xProps:Ue,xScale:We,xViewportExtent:He,xAxisExtent:Xe,xIndexExtent:qe,xAxisMinExtent:Ye,yViewportExtent:$e,yAxisExtent:_e,groupWidth:Ze,yProps:Je,yScale:Ke,yMaxDim:Qe,yMajorTicks:et,xMajorTicks:tt,yMinorTicks:ot,xMinorTicks:it,plotAreaSpace:rt,xSpace:st,ySpace:nt,idToDataMap:at,formatAxisLabel:dt,formatYValue:lt}=u.getLayoutInfo(R,N,X,A,M,Ge,Fe,D,Te,pe,H,je.labelFontSize,ne,Le,Oe,Me,fe);Be=u.updateScrollBarSpace(Be,"bottom"===Pe,pe,Qe);const ct=le(qe.startIndex,qe.endIndex),ut=ae(qe.startIndex,qe.endIndex),xt=Ue.tickLabels.map((({index:e})=>e+qe.startIndex)),{getNextNavGroup:pt,getDefaultNavGroup:gt}=function(e,t,o,i,r){const s=o=>{const r=e[t[o]].drilling;return("on"===i||"groupsOnly"===i)&&"off"!=r},n=e=>o.startIndex>t[e.groupIndex]?(e.groupIndex=0,e):o.endIndex<t[e.groupIndex]?(e.groupIndex=t.length-1,e):void 0;return{getDefaultNavGroup:n,getNextNavGroup:(e,o)=>{let i=n(e);return i||(i="ArrowRight"===o?r?F(e,s):B(e,t.length,s):r?B(e,t.length,s):F(e,s),i||e)}}}(N,xt,qe,Y,pe),{cursor:ht,yAxisCursor:vt,marqueeProps:ft,marqueeContent:wt,toggleButtonContent:mt,isPointInsideMarquee:It,dragMode:yt}=j.useChartMarquee({plotAreaSpace:rt,xSpace:st,ySpace:nt,dragMode:P,chartWidth:e,isMultiSelection:"multiple"===q,onViewportChange:K,isZoomScroll:"live"===se,xAxisExtent:Xe,xScale:We,selectedIds:f,getDataById:e=>at.get(e),onSelectionChange:_,viewportMax:He.viewportMax,viewportMin:He.viewportMin,isRtl:pe,xAxisMinExtent:Ye}),{touchResponse:St,touchResponseStyle:Ct}=k.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"off"!==yt,rootRef:Ae}),{activeId:Dt,focusedItemInfo:bt,hoveredItemInfo:At,focusedGroupInfo:Mt,navProps:Tt,onFocusUpdate:Pt}=x.useChartNav({rootRef:Ae,getNextChartItem:ut,getNextNavGroup:pt,getDefaultNavGroup:gt,touchResponse:St,onItemHover:oe,onItemFocus:ie,drilling:Y,xIndexExtent:qe}),{tooltipContent:Rt,tooltipProps:jt}=function({getTextAndBounds:e,width:t,isRtl:o}){const[i,r]=n.useState(),s=n.useRef(),{tooltipContent:a,tooltipProps:d}=C.useTooltip({text:i,position:"top-start",offset:S.calculateOffset(o,t,s.current)});return{tooltipContent:a,tooltipProps:p.mergeProps({onPointerMove:t=>{const o=e(t.target);o?(s.current=o.bounds,r(o.text)):r(void 0)}},d)}}({getTextAndBounds:e=>{if(e!=Ae.current){const t=I.getElementData(Ae,e),o=t?.ojText;if(!o)return;if(o===A?.title)return{text:o,bounds:Ue.titleProps?.dims};if(o===M?.title)return{text:o,bounds:Je.titleProps?.dims};if(t?.ojGroupIndex){const e=parseInt(t.ojGroupIndex);return{bounds:Ue.tickLabels[e].dims,text:o}}}if(e===Ae.current&&Mt.isFocusVisible){const e=N[Mt.groupIndex];return{bounds:Ue.tickLabels[Mt.groupIndex].dims,text:e.name||e.id}}},width:e,isRtl:pe}),{selectDrillProps:kt,selectionContent:Et}=g.useSelectDrill({selectionMode:q,selection:[...f],onChange:_,rootRef:Ae,drilling:Y,onItemDrill:ee,onGroupDrill:te,focusedGroupInfo:Mt,focusedItemInfo:bt,groups:N,getDataItem:X,getDataById:e=>at.get(e)}),Vt=c.useChartViewport({rootRef:Ae,width:e,height:i,xViewportExtent:He,yViewportExtent:$e,xAxisExtent:Xe,yAxisExtent:_e,xScale:We,yScale:Ke,plotAreaSpace:rt,isRtl:pe,isHoriz:Te,zoomAndScroll:se,onViewportChange:K}),Ot=ue(We,Ke,Ze,ct),Gt=de(We,Ke,Ze,ct),[Nt,zt]=n.useState(!1),{datatipContent:Bt,dataCursorContent:Ft,datatipProps:{"aria-describedby":Lt,...Ut}}=g.useChartDatatipAndCursor({series:R,groups:N,width:e,height:i,findNearest:Ot,plotAreaSpace:rt,onDataCursorPositionChange:Q,isDataCursorEnabled:Z,dataCursorPosition:$,dataCursorStyle:J,hoveredItemInfo:At,focusedItemInfo:bt,getDataItem:X,getMarkerInfo:xe,getDataItemPos:Gt,datatip:re,valueFormats:ce,isHoriz:Te,touchResponse:St,isDisabled:Nt,xScale:We,yScale:Ke,timeAxisType:A?.timeAxisType,formatAxisLabel:dt,formatYValue:lt,hasXYValues:fe}),Wt=d.useId(),{startIndex:Ht,endIndex:Xt}=qe,qt=t.jsx(a.Gridlines,{plotArea:T,yMinorTicks:ot,xMinorTicks:it,xScale:We,yScale:Ke,isLog:"log"===M?.scale,yTicks:et,xTicks:tt,yAxisPosition:Re,isDataXAxis:fe}),Yt=R.length>0&&N.length>0,{contextMenuContent:$t,contextMenuProps:_t}=w.useChartContextMenu({isRtl:pe,width:e,height:i,getDataItemPosition:Gt,series:R,groups:N,getDataItem:X,focusedItemInfo:bt,rootRef:Ae,xAxisTitle:A?.title,yAxisTitle:M?.title,contextMenuConfig:Yt?we:void 0,onContextMenuDismissed:e=>{"keyboard"===e&&Pt()}}),[Zt,Jt]=n.useState({accepted:void 0,type:""}),{draggable:Kt,dndProps:Qt,dndContent:eo}=m.useChartDnd({onDrag:De.onDrag,onDragStart:De.onDragStart,onDragEnd:De.onDragEnd,onDragEnter:De.onDragEnter,onDragLeave:De.onDragLeave,onDragOver:De.onDragOver,onDrop:De.onDrop,itemsDraggable:De.itemsDraggable,groupDraggable:De.groupDraggable,rootRef:Ae,groups:N,series:R,selectedIds:f,getDataItem:X,xSpace:st,ySpace:nt,plotAreaSpace:rt,setDragOver:Jt,setDatatipDisabled:zt,onSelectionChange:_}),to=p.mergeProps(Tt,kt,Vt,Ut,ft,jt,_t,Qt),oo="off"==me||"on"!==me&&me.renderer?void 0:Ie,{background:io,slidingWindow:ro}=Ce(rt);return t.jsxs("div",{tabIndex:ye?void 0:0,draggable:Kt,ref:Ae,"aria-activedescendant":Dt,"aria-label":De["aria-label"],"aria-labelledby":De["aria-labelledby"],"aria-describedby":E.merge([De["aria-describedby"],Lt]),style:{...Ct},role:ye?void 0:"application",className:o.styles.baseChartStyle,"data-oj-private-selection-mode":Me?q:void 0,...be,...ye?{}:to,children:[t.jsxs("svg",{width:"100%",height:0!=Be.height&&"off"!=me?Math.ceil(100*(ze.availSpace.height+U))/i+"%":"100%",children:[t.jsx("clipPath",{id:`${Wt}`,children:t.jsx("rect",{...rt})}),io,t.jsx(a.PlotArea,{color:T?.color,dragOverStyle:"plotArea"!==Zt.type?"none":Zt.accepted?"accept":"reject",yScale:Ke,hasAxisLine:!ye,cursor:ht,isLog:"log"===M?.scale,availSpace:rt,xAxisPosition:Pe,isDataXAxis:fe,isRtl:pe}),!ve&&qt,t.jsx(l.Axis,{...Je,axisPosition:Re,isRtl:pe,cursor:vt,availSpace:nt,dragOverStyle:"yAxis"!==Zt.type?"none":Zt.accepted?"accept":"reject"}),t.jsx(l.Axis,{...Ue,isRtl:pe,axisPosition:Pe,isTextInteractive:e=>{if(null!=A?.timeAxisType)return!1;const t=N[e]?.drilling;return"on"===t||"off"!=t&&("on"===Y||"groupsOnly"===Y)},activeId:Dt,cursor:ht,focusedGroupIndex:Mt.isFocusVisible?Mt.groupIndex:void 0,availSpace:st,dragOverStyle:"xAxis"!==Zt.type?"none":Zt.accepted?"accept":"reject"}),t.jsxs("g",{"clip-path":`url(#${Wt})`,children:[ge({xStartIndex:Ht,xEndIndex:Xt,colors:Ee,xScale:We,yScale:Ke,isPointInsideMarquee:It,defaultFontSize:je.labelFontSize,gapRatio:ct,activeId:Dt,focusedItemInfo:bt,hoveredItemInfo:At,getTextDimensions:Oe,groupWidth:Ze}),ve&&qt,Ft]}),ro,"live"===se&&!ye&&t.jsx(z.ScrollBar,{availSpace:Be,isRtl:pe,viewport:He,axisExtent:Xe,isHoriz:"bottom"===Pe}),wt]}),t.jsx(V.OverviewContext.Provider,{value:{yAxisSize:nt.width,isOverview:!0,width:e,height:Be.height,overviewRenderer:e=>{const{xScale:o,...i}=function(e,t,o,i,r,s){const n=[o.min,o.max],a=e?[s.x+s.width,s.x]:[s.x,s.x+s.width],d=new O.ScaleLinear(n,a),l=[r.min,r.max],c=[s.y+s.height,s.y],u=new O.ScaleLinear(l,c),x=d.transform(t.viewportMin),p=Math.abs(d.transform(t.viewportMax)-d.transform(t.viewportMin));return{windowX:e?x-p:x+.5,windowWidth:p-.5,windowY:u.transform(i.viewportMax),windowHeight:Math.abs(u.transform(i.viewportMax)-u.transform(i.viewportMin)),xScale:d,yScale:u}}(pe,He,Xe,$e,_e,e);return function(e,o,i,r,s,n,a){return{slidingWindow:t.jsx(G.OverviewSlidingWindow,{...r,...s,hasHandles:n,onWindowDimsChange:t=>{u.updateViewportFromOverview(e,o,s.windowX,s.windowWidth,t.deltaX,t.deltaWidth,i,a)}}),background:t.jsx(L,{...r,...s})}}(Xe,pe,o,e,i,!0,K)}},children:!ye&&"off"!==me&&oo&&t.jsx("div",{style:{width:e,height:Be.height},children:oo()})}),mt,Ve,ke,Bt,Rt,$t,Et,eo]})}e.Chart=function({width:e,height:r,...s}){const{isOverview:n,overviewRenderer:a,yAxisSize:d,width:l,height:c}=V.useOverviewContext();let u=e,x=r;return void 0===u&&n&&void 0!==l&&(u=`${l}px`),void 0===x&&n&&void 0!==c&&(x=`${c}px`),t.jsx(i.TrackResizeContainer,{width:u,height:x,class:o.dimensionStyle,children:(e,o)=>e||o?t.jsx(H,{width:e,height:o,...s,yAxisSize:d,isOverview:n,overviewRenderer:a}):void 0})}}));
-//# sourceMappingURL=Chart-e2807ff7.js.map

package/amd/Chart-e2807ff7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chart-e2807ff7.js","sources":["../../src/PRIVATE_Axis/utils/axisNavUtils.ts","../../src/PRIVATE_VisOverview/OverviewBackground.tsx","../../src/PRIVATE_Chart/ChartWithDimensions.tsx","../../src/PRIVATE_VisSVGText/useTextTruncation.ts","../../src/PRIVATE_VisOverview/utils.ts","../../src/PRIVATE_Chart/overviewUtils.tsx","../../src/PRIVATE_Chart/Chart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Group, ChartGroupInfo } from '#utils/UNSAFE_visTypes/chart';\ntype isGroupNavigableType = (groupIndex: number) => boolean;\n\nexport function getNextGroup(\n  info: ChartGroupInfo,\n  viewportEndIndex: number,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex + 1;\n  if (groupIndex >= viewportEndIndex) {\n    return;\n  }\n\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getNextGroup({ groupIndex }, viewportEndIndex, isGroupNavigable);\n}\n\nexport function getPreviousGroup(\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex - 1;\n  if (groupIndex < 0) {\n    return;\n  }\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getPreviousGroup({ groupIndex }, isGroupNavigable);\n}\n\nexport function getGroupNavUtil(\n  groups: Group[],\n  renderedGroups: number[],\n  xIndexExtent: { startIndex: number; endIndex: number },\n  drilling: 'on' | 'off' | 'groupsOnly',\n  isRtl: boolean\n) {\n  const isGroupNavigable = (groupIndex: number) => {\n    const groupsDrilling = groups[renderedGroups[groupIndex]].drilling;\n    return (drilling === 'on' || drilling === 'groupsOnly') && groupsDrilling != 'off';\n  };\n\n  const getDefaultNavGroup = (info: ChartGroupInfo) => {\n    if (xIndexExtent.startIndex > renderedGroups[info.groupIndex]) {\n      info.groupIndex = 0;\n      return info;\n    } else if (xIndexExtent.endIndex < renderedGroups[info.groupIndex]) {\n      info.groupIndex = renderedGroups.length - 1;\n      return info;\n    }\n    return;\n  };\n\n  const getNextNavGroup = (info: ChartGroupInfo, arrow: 'ArrowRight' | 'ArrowLeft') => {\n    let nextGroup = getDefaultNavGroup(info);\n\n    if (nextGroup) return nextGroup;\n\n    if (arrow === 'ArrowRight') {\n      nextGroup = isRtl\n        ? getPreviousGroup(info, isGroupNavigable)\n        : getNextGroup(info, renderedGroups.length, isGroupNavigable);\n    } else {\n      nextGroup = isRtl\n        ? getNextGroup(info, renderedGroups.length, isGroupNavigable)\n        : getPreviousGroup(info, isGroupNavigable);\n    }\n    return nextGroup || info;\n  };\n\n  return { getDefaultNavGroup, getNextNavGroup };\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 { OverviewProps } from './overview.types';\nimport { styles } from './themes/VisOverview.css';\n\nexport function OverviewBackground({\n  x,\n  width,\n  height,\n  y,\n  windowX,\n  windowHeight,\n  windowWidth,\n  windowY\n}: OverviewProps) {\n  return (\n    <>\n      <rect\n        x={x}\n        y={y}\n        width={Math.max(0, windowX - x)}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX + windowWidth}\n        width={Math.max(0, x + width - windowX - windowWidth)}\n        y={y}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={y}\n        height={Math.max(0, windowY - y)}\n        width={windowWidth}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={windowY + windowHeight}\n        width={windowWidth}\n        class={styles.overviewBackground}\n        height={Math.max(y + height - windowY - windowHeight, 0)}></rect>\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars/useCssVars';\nimport { styles } from './themes/ChartStyles.css';\nimport { useRef, useState } from 'preact/hooks';\nimport { PlotArea } from '#PRIVATE_PlotArea';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Axis } from '#PRIVATE_Axis/Axis';\nimport { useChartViewport } from '#hooks/PRIVATE_useChartViewport';\nimport {\n  getAvailSpace,\n  getLayoutInfo,\n  getOuterGaps,\n  getScrollBarSpace,\n  updateScrollBarSpace\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { useChartNav } from '#hooks/PRIVATE_useChartNav/useChartNav';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getAxesPosition } from '#PRIVATE_Axis/utils/axisUtils';\nimport { ScrollBar } from '#PRIVATE_ChartScrollBar';\nimport { useSelectDrill } from '#hooks/PRIVATE_useChartEvents/useSelectDrill';\nimport { useChartDatatipAndCursor } from '#hooks/PRIVATE_useChartEvents/useDatatipAndCursor';\nimport { getGroupNavUtil } from '#PRIVATE_Axis/utils/axisNavUtils';\nimport { TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { Gridlines } from '#PRIVATE_PlotArea/Gridlines';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { getChartVars } from '#utils/PRIVATE_chartUtils';\nimport { useChartContextMenu } from '#hooks/PRIVATE_useChartContextMenu';\nimport { useChartDnd } from '#hooks/PRIVATE_useChartDnd';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\nimport { useTextTruncation } from '#PRIVATE_VisSVGText/useTextTruncation';\nimport { useChartMarquee } from '#hooks/PRIVATE_useChartMarquee';\nimport { ChartProps } from './Chart';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { OverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { getWindowCoords } from '#PRIVATE_VisOverview/utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getRenderer } from './overviewUtils';\nimport { ComponentChildren } from 'preact';\n\ntype ChartWithDimensionsProps<K, D> = Omit<ChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  overviewRenderer: (props: Dimension) => {\n    background: ComponentChildren;\n    slidingWindow: ComponentChildren;\n  };\n  yAxisSize: number;\n  isOverview: boolean;\n};\n\nconst OVERVIEW_GAP = 10;\n\nconst chartVars = getChartVars();\n\nexport function ChartWithDimensions<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  width,\n  height,\n  selectedIds,\n  hiddenIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  xAxis,\n  yAxis,\n  plotArea,\n  dragMode = 'user',\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataCursorPosition,\n  onSelectionChange,\n  isDataCursorEnabled,\n  dataCursorStyle,\n  onViewportChange,\n  onDataCursorPositionChange,\n  onItemDrill,\n  onGroupDrill,\n  onItemHover,\n  onItemFocus,\n  datatip,\n  zoomAndScroll = 'off',\n  offset,\n  getNavUtil,\n  getDataItemPos,\n  getGapRatio,\n  valueFormats,\n  findNearest,\n  getMarkerInfo,\n  isRtl,\n  children,\n  testId,\n  renderGridLinesInFront,\n  isDataXAxis,\n  contextMenuConfig,\n  overview = 'off',\n  defaultOverviewContentRenderer,\n  isOverview,\n  yAxisSize,\n  overviewRenderer,\n  ...props\n}: ChartWithDimensionsProps<K, D>) {\n  const testIdProps = useTestId(testId);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isTestEnv = testIdProps['data-testid'] !== undefined;\n  const isHoriz = orientation === 'horizontal';\n  const { xAxisPosition, yAxisPosition } = getAxesPosition(yAxis, isHoriz, isRtl);\n  const { resolvedVars, cssContent } = useCssVars(chartVars);\n  const colors = Array.from(Array(12)).map((_, index) => {\n    return resolvedVars[`color${index + 1}`];\n  });\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  let availSpace = getAvailSpace(width, height);\n\n  if (isOverview && yAxisSize) {\n    const w = availSpace.width - yAxisSize;\n    const gaps = getOuterGaps(w, height);\n    availSpace.width -= yAxisSize - 2 * gaps.width;\n    availSpace.x += yAxisSize - gaps.width;\n  }\n  const isTimeAxis = (xAxis as TimeAxisProps)?.timeAxisType != null;\n\n  const updatedSpace = getScrollBarSpace(\n    isTimeAxis,\n    availSpace,\n    zoomAndScroll,\n    xAxisPosition,\n    overview\n  );\n  let scrollDims = updatedSpace.scrollDims;\n  availSpace = updatedSpace.availSpace;\n  const hiddenSet = new Set(hiddenIds);\n  const { locale } = useUser();\n\n  const {\n    xProps,\n    xScale,\n    xViewportExtent,\n    xAxisExtent,\n    xIndexExtent,\n    xAxisMinExtent,\n    yViewportExtent,\n    yAxisExtent,\n    groupWidth,\n    yProps,\n    yScale,\n    yMaxDim,\n    yMajorTicks,\n    xMajorTicks,\n    yMinorTicks,\n    xMinorTicks,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    idToDataMap,\n    formatAxisLabel,\n    formatYValue\n  } = getLayoutInfo<K, D>(\n    series,\n    groups,\n    getDataItem,\n    xAxis,\n    yAxis,\n    availSpace,\n    hiddenSet,\n    hideAndShowBehavior,\n    isHoriz,\n    isRtl,\n    isStacked,\n    resolvedVars['labelFontSize'],\n    offset,\n    locale,\n    getTextDimensions,\n    isTestEnv,\n    isDataXAxis\n  );\n\n  scrollDims = updateScrollBarSpace(scrollDims, xAxisPosition === 'bottom', isRtl, yMaxDim);\n\n  const gapRatio = getGapRatio(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const getNextChartItem = getNavUtil(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const renderedGroupsIndex = xProps.tickLabels.map(({ index }) => index + xIndexExtent.startIndex);\n  const { getNextNavGroup, getDefaultNavGroup } = getGroupNavUtil(\n    groups,\n    renderedGroupsIndex,\n    xIndexExtent as { startIndex: number; endIndex: number }, // TODO : JET-71301 | Scatter should have different nav utils call.\n    drilling,\n    isRtl\n  );\n\n  const {\n    cursor,\n    yAxisCursor,\n    marqueeProps,\n    marqueeContent,\n    toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode\n  } = useChartMarquee<K, D>({\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    dragMode,\n    chartWidth: width,\n    isMultiSelection: selectionMode === 'multiple',\n    onViewportChange,\n    isZoomScroll: zoomAndScroll === 'live',\n    xAxisExtent,\n    xScale,\n    selectedIds,\n    getDataById: (id) => idToDataMap.get(id),\n    onSelectionChange,\n    viewportMax: xViewportExtent.viewportMax!,\n    viewportMin: xViewportExtent.viewportMin!,\n    isRtl,\n    xAxisMinExtent\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: mode !== 'off',\n    rootRef\n  });\n\n  const { activeId, focusedItemInfo, hoveredItemInfo, focusedGroupInfo, navProps, onFocusUpdate } =\n    useChartNav({\n      rootRef,\n      getNextChartItem,\n      getNextNavGroup,\n      getDefaultNavGroup,\n      touchResponse,\n      onItemHover,\n      onItemFocus,\n      drilling,\n      xIndexExtent\n    });\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      onFocusUpdate();\n    }\n  };\n\n  const getTextAndBounds = (target: EventTarget | null) => {\n    if (target != rootRef.current) {\n      const dataSet = getElementData(rootRef, target as HTMLElement);\n      const text = dataSet?.['ojText']!;\n\n      if (!text) {\n        return;\n      }\n\n      if (text === xAxis?.title) {\n        return {\n          text,\n          bounds: xProps.titleProps?.dims\n        };\n      } else if (text === yAxis?.title) {\n        return {\n          text,\n          bounds: yProps.titleProps?.dims\n        };\n      } else if (dataSet?.['ojGroupIndex']) {\n        const index = parseInt(dataSet['ojGroupIndex']);\n        return {\n          bounds: xProps.tickLabels[index].dims,\n          text: text!\n        };\n      }\n    }\n\n    if (target === rootRef.current && focusedGroupInfo.isFocusVisible) {\n      const group = groups[focusedGroupInfo.groupIndex];\n      return {\n        bounds: xProps.tickLabels[focusedGroupInfo.groupIndex].dims,\n        text: group.name || group.id\n      };\n    }\n    return;\n  };\n\n  const { tooltipContent, tooltipProps } = useTextTruncation({\n    getTextAndBounds,\n    width,\n    isRtl\n  });\n\n  const { selectDrillProps, selectionContent } = useSelectDrill<K, D>({\n    selectionMode,\n    selection: [...selectedIds],\n    onChange: onSelectionChange,\n    rootRef,\n    drilling,\n    onItemDrill,\n    onGroupDrill,\n    focusedGroupInfo,\n    focusedItemInfo,\n    groups,\n    getDataItem,\n    getDataById: (id) => idToDataMap.get(id)\n  });\n\n  const viewportProps = useChartViewport({\n    rootRef,\n    width,\n    height,\n    xViewportExtent,\n    yViewportExtent,\n    xAxisExtent,\n    yAxisExtent,\n    xScale,\n    yScale,\n    plotAreaSpace,\n    isRtl,\n    isHoriz,\n    zoomAndScroll,\n    onViewportChange\n  });\n\n  const findNearestData = findNearest(xScale as any, yScale, groupWidth, gapRatio);\n  const getDataItemPosition = getDataItemPos(xScale as any, yScale, groupWidth, gapRatio);\n  const [datatipDisabled, setDatatipDisabled] = useState(false);\n  const {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useChartDatatipAndCursor<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    findNearest: findNearestData,\n    plotAreaSpace,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    dataCursorStyle,\n    hoveredItemInfo,\n    focusedItemInfo,\n    getDataItem,\n    getMarkerInfo,\n    getDataItemPos: getDataItemPosition,\n    datatip,\n    valueFormats,\n    isHoriz,\n    touchResponse,\n    isDisabled: datatipDisabled,\n    xScale: xScale as any,\n    yScale,\n    timeAxisType: (xAxis as TimeAxisProps)?.timeAxisType,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues: isDataXAxis\n  });\n\n  const isGroupInteractive = (index: number) => {\n    if ((xAxis as TimeAxisProps)?.timeAxisType != null) {\n      return false;\n    }\n    const groupDrill = groups[index]?.drilling;\n    if (groupDrill === 'on') {\n      return true;\n    }\n\n    if (groupDrill != 'off' && (drilling === 'on' || drilling === 'groupsOnly')) {\n      return true;\n    }\n    return false;\n  };\n\n  const plotAreaClipPathId = useId();\n  const { startIndex: xStartIndex, endIndex: xEndIndex } = xIndexExtent;\n  const gridLines = (\n    <Gridlines\n      plotArea={plotArea}\n      yMinorTicks={yMinorTicks}\n      xMinorTicks={xMinorTicks}\n      xScale={xScale}\n      yScale={yScale}\n      isLog={yAxis?.scale === 'log'}\n      yTicks={yMajorTicks}\n      xTicks={xMajorTicks}\n      yAxisPosition={yAxisPosition}\n      isDataXAxis={isDataXAxis}\n    />\n  );\n  const hasData = series.length > 0 && groups.length > 0;\n\n  const { contextMenuContent, contextMenuProps } = useChartContextMenu<K, D>({\n    isRtl,\n    width,\n    height,\n    getDataItemPosition,\n    series,\n    groups,\n    getDataItem,\n    focusedItemInfo,\n    rootRef,\n    xAxisTitle: xAxis?.title,\n    yAxisTitle: yAxis?.title,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    onContextMenuDismissed\n  });\n\n  const [dragOver, setDragOver] = useState<{ accepted: boolean | undefined; type: string }>({\n    accepted: undefined,\n    type: ''\n  });\n\n  const { draggable, dndProps, dndContent } = useChartDnd<K, D>({\n    onDrag: props.onDrag,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n    itemsDraggable: props.itemsDraggable,\n    groupDraggable: props.groupDraggable,\n    rootRef,\n    groups,\n    series,\n    selectedIds,\n    getDataItem,\n    xSpace,\n    ySpace,\n    plotAreaSpace,\n    setDragOver,\n    setDatatipDisabled,\n    onSelectionChange\n  });\n\n  const eventsProps = mergeProps(\n    navProps,\n    selectDrillProps,\n    viewportProps,\n    datatipProps,\n    marqueeProps,\n    tooltipProps,\n    contextMenuProps,\n    dndProps\n  );\n\n  const overviewContentRenderer =\n    overview != 'off' && (overview === 'on' || !overview.renderer)\n      ? defaultOverviewContentRenderer\n      : undefined;\n\n  const { background, slidingWindow } = overviewRenderer(plotAreaSpace);\n  return (\n    <div\n      tabIndex={isOverview ? undefined : 0}\n      draggable={draggable}\n      ref={rootRef}\n      aria-activedescendant={activeId}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n      style={{ ...touchResponseStyle }}\n      role={isOverview ? undefined : 'application'}\n      className={styles.baseChartStyle}\n      data-oj-private-selection-mode={isTestEnv ? selectionMode : undefined}\n      {...testIdProps}\n      {...(isOverview ? {} : eventsProps)}>\n      <svg\n        width=\"100%\"\n        height={\n          scrollDims.height != 0 && overview != 'off'\n            ? `${Math.ceil((updatedSpace.availSpace.height + OVERVIEW_GAP) * 100) / height}%`\n            : '100%'\n        }>\n        <clipPath id={`${plotAreaClipPathId}`}>\n          <rect {...plotAreaSpace}></rect>\n        </clipPath>\n        {background}\n        <PlotArea\n          color={plotArea?.color}\n          dragOverStyle={\n            dragOver.type !== 'plotArea' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n          yScale={yScale}\n          hasAxisLine={!isOverview}\n          cursor={cursor}\n          isLog={yAxis?.scale === 'log'}\n          availSpace={plotAreaSpace}\n          xAxisPosition={xAxisPosition}\n          isDataXAxis={isDataXAxis}\n          isRtl={isRtl}\n        />\n        {!renderGridLinesInFront && gridLines}\n        <Axis\n          {...(yProps as any)}\n          axisPosition={yAxisPosition}\n          isRtl={isRtl}\n          cursor={yAxisCursor}\n          availSpace={ySpace}\n          dragOverStyle={\n            dragOver.type !== 'yAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n        />\n        <Axis\n          {...xProps}\n          isRtl={isRtl}\n          axisPosition={xAxisPosition}\n          isTextInteractive={isGroupInteractive}\n          activeId={activeId}\n          cursor={cursor}\n          focusedGroupIndex={\n            focusedGroupInfo.isFocusVisible ? focusedGroupInfo.groupIndex : undefined\n          }\n          availSpace={xSpace}\n          dragOverStyle={\n            dragOver.type !== 'xAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n        />\n        <g clip-path={`url(#${plotAreaClipPathId})`}>\n          {children({\n            xStartIndex,\n            xEndIndex,\n            colors,\n            xScale: xScale as any,\n            yScale,\n            isPointInsideMarquee,\n            defaultFontSize: resolvedVars['labelFontSize'],\n            gapRatio,\n            activeId,\n            focusedItemInfo,\n            hoveredItemInfo,\n            getTextDimensions,\n            groupWidth\n          })}\n          {renderGridLinesInFront && gridLines}\n          {dataCursorContent}\n        </g>\n        {slidingWindow}\n        {zoomAndScroll === 'live' && !isOverview && (\n          <ScrollBar\n            availSpace={scrollDims}\n            isRtl={isRtl}\n            viewport={xViewportExtent}\n            axisExtent={xAxisExtent}\n            isHoriz={xAxisPosition === 'bottom'}\n          />\n        )}\n        {marqueeContent}\n      </svg>\n      <OverviewContext.Provider\n        value={{\n          yAxisSize: ySpace.width,\n          isOverview: true,\n          width,\n          height: scrollDims.height,\n          overviewRenderer: (overviewChartPlotArea: Dimension) => {\n            const { xScale: overviewXScale, ...windowCoords } = getWindowCoords(\n              isRtl,\n              xViewportExtent,\n              xAxisExtent,\n              yViewportExtent,\n              yAxisExtent,\n              overviewChartPlotArea\n            );\n            return getRenderer(\n              xAxisExtent,\n              isRtl,\n              overviewXScale,\n              overviewChartPlotArea,\n              windowCoords,\n              true,\n              onViewportChange\n            );\n          }\n        }}>\n        {!isOverview && overview !== 'off' && overviewContentRenderer && (\n          <div style={{ width, height: scrollDims.height }}>{overviewContentRenderer()}</div>\n        )}\n      </OverviewContext.Provider>\n      {toggleButtonContent}\n      {textMeasureContent}\n      {cssContent}\n      {datatipContent}\n      {tooltipContent}\n      {contextMenuContent}\n      {selectionContent}\n      {dndContent}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  getTextAndBounds: (target: EventTarget | null) =>\n    | {\n        text?: string;\n        bounds?: Dimension;\n      }\n    | undefined;\n  isRtl: boolean;\n  width: number;\n};\n\nexport function useTextTruncation({ getTextAndBounds, width, isRtl }: Props) {\n  const [text, setText] = useState<string>();\n  const bounds = useRef<Dimension>();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text,\n    position: 'top-start',\n    offset: calculateOffset(isRtl, width, bounds.current)\n  });\n\n  const onPointerMove = (event: Event) => {\n    const textAndBounds = getTextAndBounds(event.target);\n\n    if (textAndBounds) {\n      bounds.current = textAndBounds.bounds;\n      setText(textAndBounds.text);\n    } else {\n      setText(undefined);\n    }\n  };\n\n  return {\n    tooltipContent,\n    tooltipProps: mergeProps({ onPointerMove }, tooltipProps)\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScaleLinear } from '#utils/PRIVATE_chartUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getWindowCoords(\n  isRtl: boolean,\n  xViewportExtent: { viewportMin: number; viewportMax: number },\n  xAxisExtent: { min: number; max: number },\n  yViewportExtent: { viewportMin: number; viewportMax: number },\n  yAxisExtent: { min: number; max: number },\n  plotAreaSpace: Dimension\n) {\n  const xDomain = [xAxisExtent.min, xAxisExtent.max] as [number, number];\n  const xRange = (\n    isRtl\n      ? [plotAreaSpace.x + plotAreaSpace.width, plotAreaSpace.x]\n      : [plotAreaSpace.x, plotAreaSpace.x + plotAreaSpace.width]\n  ) as [number, number];\n  const xScale = new ScaleLinear(xDomain, xRange);\n\n  const yDomain = [yAxisExtent.min, yAxisExtent.max] as [number, number];\n  const yRange = [plotAreaSpace.y + plotAreaSpace.height, plotAreaSpace.y] as [number, number];\n\n  const yScale = new ScaleLinear(yDomain, yRange);\n\n  const windowX = xScale.transform(xViewportExtent.viewportMin);\n  const windowWidth = Math.abs(\n    xScale.transform(xViewportExtent.viewportMax) - xScale.transform(xViewportExtent.viewportMin)\n  );\n\n  return {\n    windowX: isRtl ? windowX - windowWidth : windowX + 0.5,\n    windowWidth: windowWidth - 0.5,\n    windowY: yScale.transform(yViewportExtent.viewportMax),\n    windowHeight: Math.abs(\n      yScale.transform(yViewportExtent.viewportMax) - yScale.transform(yViewportExtent.viewportMin)\n    ),\n    xScale,\n    yScale\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { OverviewSlidingWindow } from '#PRIVATE_VisOverview';\nimport { OverviewBackground } from '#PRIVATE_VisOverview/OverviewBackground';\nimport { updateViewportFromOverview } from '#utils/PRIVATE_chartUtils/overviewUtils';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getRenderer(\n  xAxisExtent: { min: number; max: number },\n  isRtl: boolean,\n  overviewXScale: Scale,\n  plotAreaSpace: Dimension,\n  windowCoords: { windowX: number; windowY: number; windowHeight: number; windowWidth: number },\n  hasHandles: boolean,\n  onViewportChange?: (detail: {\n    xMin?: number;\n    xMax?: number;\n    yMin?: number;\n    yMax?: number;\n  }) => void\n) {\n  return {\n    slidingWindow: (\n      <OverviewSlidingWindow\n        {...plotAreaSpace}\n        {...windowCoords}\n        hasHandles={hasHandles}\n        onWindowDimsChange={(props: { deltaX: number; deltaWidth: number }) => {\n          updateViewportFromOverview(\n            xAxisExtent,\n            isRtl,\n            windowCoords.windowX,\n            windowCoords.windowWidth,\n            props.deltaX,\n            props.deltaWidth,\n            overviewXScale,\n            onViewportChange\n          );\n        }}\n      />\n    ),\n    background: <OverviewBackground {...plotAreaSpace} {...windowCoords} />\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { dimensionStyle } from './themes/ChartStyles.css';\nimport { TrackResizeContainer } from '#PRIVATE_TrackResizeContainer';\nimport { ChartWithDimensions } from './ChartWithDimensions';\nimport {\n  ChartCommonProps,\n  ChartSeriesData,\n  GetNextChartItemType,\n  Info,\n  Scale,\n  getDataPosType\n} from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension, MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { ComponentChildren, VNode } from 'preact';\nimport { Property } from 'csstype';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { useOverviewContext } from '#hooks/PRIVATE_useOverviewContext';\n\nexport type ChartProps<K, D> = {\n  selectedIds: Set<K>;\n  getGapRatio: (startIndex: number, endIndex: number) => number;\n  getNavUtil: (startIndex: number, endIndex: number) => GetNextChartItemType;\n  getDataItemPos: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => getDataPosType;\n  findNearest: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => (\n    x: number,\n    y: number\n  ) =>\n    | {\n        seriesIndex: number;\n        groupIndex: number;\n        y: number | undefined;\n        x: number;\n      }\n    | undefined;\n  children: (context: {\n    xStartIndex: number;\n    xEndIndex: number;\n    xScale: Scale;\n    yScale: Scale;\n    gapRatio: number;\n    activeId?: string;\n    focusedItemInfo: Info;\n    hoveredItemInfo?: Info;\n    groupWidth: number;\n    isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n    getTextDimensions?: (text: string, style: Record<string, any>) => Dimension;\n    defaultFontSize: string;\n    colors: string[];\n  }) => VNode;\n  offset: number;\n  series: ChartSeriesData<K, D>[];\n  isRtl: boolean;\n  renderGridLinesInFront: boolean;\n  isDataXAxis?: boolean;\n  getMarkerInfo: (\n    seriesIndex: number,\n    groupIndex: number\n  ) => { color: Property.Color | undefined; type?: MarkerShapes };\n  defaultOverviewContentRenderer: () => ComponentChildren;\n} & Omit<ChartCommonProps<K, D>, 'highlightedIds' | 'hoverBehavior' | 'selectedIds'>;\n\nexport function Chart<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({ width, height, ...props }: ChartProps<K, D>) {\n  // TODO: reevaluate how we handle empty data\n  const {\n    isOverview,\n    overviewRenderer,\n    yAxisSize,\n    width: overviewWidth,\n    height: overviewHeight\n  } = useOverviewContext();\n\n  let chartWidth = width;\n  let chartHeight = height;\n\n  if (chartWidth === undefined && isOverview && overviewWidth !== undefined) {\n    chartWidth = `${overviewWidth}px`;\n  }\n\n  if (chartHeight === undefined && isOverview && overviewHeight !== undefined) {\n    chartHeight = `${overviewHeight}px`;\n  }\n\n  return (\n    <TrackResizeContainer width={chartWidth} height={chartHeight} class={dimensionStyle}>\n      {(width, height) =>\n        width || height ? (\n          <ChartWithDimensions\n            width={width}\n            height={height}\n            {...props}\n            yAxisSize={yAxisSize}\n            isOverview={isOverview}\n            overviewRenderer={overviewRenderer}\n          />\n        ) : undefined\n      }\n    </TrackResizeContainer>\n  );\n}\n"],"names":["getNextGroup","info","viewportEndIndex","isGroupNavigable","groupIndex","getPreviousGroup","OverviewBackground","x","width","height","y","windowX","windowHeight","windowWidth","windowY","_jsxs","jsxs","_Fragment","children","_jsx","jsx","Math","max","class","styles","overviewBackground","OVERVIEW_GAP","chartVars","getChartVars","ChartWithDimensions","selectedIds","hiddenIds","hideAndShowBehavior","orientation","xAxis","yAxis","plotArea","dragMode","series","groups","isStacked","getDataItem","selectionMode","drilling","dataCursorPosition","onSelectionChange","isDataCursorEnabled","dataCursorStyle","onViewportChange","onDataCursorPositionChange","onItemDrill","onGroupDrill","onItemHover","onItemFocus","datatip","zoomAndScroll","offset","getNavUtil","getDataItemPos","getGapRatio","valueFormats","findNearest","getMarkerInfo","isRtl","testId","renderGridLinesInFront","isDataXAxis","contextMenuConfig","overview","defaultOverviewContentRenderer","isOverview","yAxisSize","overviewRenderer","props","testIdProps","useTestId","rootRef","useRef","isTestEnv","undefined","isHoriz","xAxisPosition","yAxisPosition","getAxesPosition","resolvedVars","cssContent","useCssVars","colors","Array","from","map","_","index","textMeasureContent","getTextDimensions","useTextDimensions","availSpace","getAvailSpace","w","gaps","getOuterGaps","isTimeAxis","timeAxisType","updatedSpace","getScrollBarSpace","scrollDims","hiddenSet","Set","locale","useUser","xProps","xScale","xViewportExtent","xAxisExtent","xIndexExtent","xAxisMinExtent","yViewportExtent","yAxisExtent","groupWidth","yProps","yScale","yMaxDim","yMajorTicks","xMajorTicks","yMinorTicks","xMinorTicks","plotAreaSpace","xSpace","ySpace","idToDataMap","formatAxisLabel","formatYValue","getLayoutInfo","updateScrollBarSpace","gapRatio","startIndex","endIndex","getNextChartItem","renderedGroupsIndex","tickLabels","getNextNavGroup","getDefaultNavGroup","renderedGroups","groupsDrilling","length","arrow","nextGroup","getGroupNavUtil","cursor","yAxisCursor","marqueeProps","marqueeContent","toggleButtonContent","isPointInsideMarquee","mode","useChartMarquee","chartWidth","isMultiSelection","isZoomScroll","getDataById","id","get","viewportMax","viewportMin","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","activeId","focusedItemInfo","hoveredItemInfo","focusedGroupInfo","navProps","onFocusUpdate","useChartNav","tooltipContent","tooltipProps","getTextAndBounds","text","setText","useState","bounds","useTooltip","position","calculateOffset","current","mergeProps","onPointerMove","event","textAndBounds","target","useTextTruncation","dataSet","getElementData","title","titleProps","dims","parseInt","isFocusVisible","group","name","selectDrillProps","selectionContent","useSelectDrill","selection","onChange","viewportProps","useChartViewport","findNearestData","getDataItemPosition","datatipDisabled","setDatatipDisabled","datatipContent","dataCursorContent","datatipProps","datatipAriaDescribedby","useChartDatatipAndCursor","isDisabled","hasXYValues","plotAreaClipPathId","useId","xStartIndex","xEndIndex","gridLines","Gridlines","isLog","scale","yTicks","xTicks","hasData","contextMenuContent","contextMenuProps","useChartContextMenu","xAxisTitle","yAxisTitle","onContextMenuDismissed","gesture","dragOver","setDragOver","accepted","draggable","dndProps","dndContent","useChartDnd","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","itemsDraggable","groupDraggable","eventsProps","overviewContentRenderer","renderer","background","slidingWindow","tabIndex","ref","merge","style","role","className","baseChartStyle","ceil","PlotArea","color","dragOverStyle","hasAxisLine","Axis","axisPosition","isTextInteractive","groupDrill","focusedGroupIndex","defaultFontSize","ScrollBar","viewport","axisExtent","OverviewContext","Provider","value","overviewChartPlotArea","overviewXScale","windowCoords","xDomain","min","xRange","ScaleLinear","yDomain","yRange","transform","abs","getWindowCoords","hasHandles","OverviewSlidingWindow","onWindowDimsChange","updateViewportFromOverview","deltaX","deltaWidth","getRenderer","overviewWidth","overviewHeight","useOverviewContext","chartHeight","TrackResizeContainer","dimensionStyle"],"mappings":"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"}

package/amd/CheckboxControl-83484a5a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './CheckboxRadioContext-6a0fead0', './HiddenAccessible-037ef42d', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './classNames-08d99695', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useId-c9578d26', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormContext-5130e198', './FormFieldContext-3c44aaaa', './InputGroupContext-372087af', './Popup-d51bf3f4', './UNSAFE_Separator/themes/SeparatorStyles.css', './useFocusWithin-5a504fca', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-d2bd2691', './StyledCheckbox-616b89fc', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './useActive-bb5dc069', './stringUtils-0ae982c2', './LayoutStyles.css-c8bc984d'], (function(e,s,o,t,a,n,c,l,i,r,d,u,b,h,p,m,y,S,C,x,f,F,A,T,U,g,k,w,M,v,B,N,E,_,R,L,j,D,I,V,P,K,H,q,G,W,$,z,J,O,Q){"use strict";const X=o.forwardRef((({"aria-describedby":e,name:i,value:u,children:b,isChecked:h,isDisabled:p,isReadonly:m,isRequired:y,onChange:S,onKeyUp:C,assistiveText:x,helpSourceLink:F,helpSourceText:A,columnSpan:T=1},U=null)=>{const g=f.useId(),k=o.useRef(null),{isTabbable:w}=r.useTabbableMode(),{isActive:M,activeProps:v}=J.useActive(),{isFocusRingShown:B}=t.useCheckboxRadioContext(),N=o.createRef(),{isFocus:E,focusProps:{onFocus:_,onBlur:R}}=c.useFocus(),{classes:L,styles:{valueLabelStyle:j,checkboxSpanStyle:D}}=n.useComponentTheme(z.CheckboxRedwoodTheme,{disabled:p?"isDisabled":"notDisabled",focused:E&&B?"isFocused":"notFocused"}),I=!(p||m||!x&&!F),V=I?`${g}-help-available`:void 0,P=I?`${g}-icon-ua`:void 0,{formControl_helpAvailable:H}=d.useTranslationBundle("@oracle/oraclejet-preact"),q=H(),G=I?s.jsx(a.HiddenAccessible,{id:V,children:q}):void 0;delete v.onKeyDown;const{focusProps:X,isFocused:Y}=K.useFocusWithin();o.useEffect((()=>{E&&B&&N?.current?.scrollIntoView({block:"nearest"})}),[E,B,N]);const Z=Q.layoutSpanStyles.layoutSpanColumn[T];return s.jsxs("label",{ref:N,class:l.classNames([L,Z]),children:[s.jsx("span",{class:D,...v,children:s.jsx($.StyledCheckbox,{"aria-describedby":O.merge([e,V]),name:i,value:u,onChange:S,onBlur:R,onFocus:_,onKeyUp:C,onKeyDown:e=>{const{key:s}=e;m||void 0===s||" "!==s||e.preventDefault()},isActive:M,isChecked:h?"checked":"unchecked",isDisabled:p,isReadonly:m,isRequired:y,ref:U})}),G,s.jsxs("span",{class:j,children:[s.jsx("span",{...v,...X,onMouseDown:e=>{const s=e.target.closest("a");s&&k.current?.contains(s)?e.stopPropagation():v.onMouseDown?.(e)},ref:k,children:b}),I&&s.jsx(W.IconUserAssistance,{assistiveText:x,helpSourceLink:F,helpSourceText:A,isTabbable:w&&(E||Y),id:P})]})]})}));e.CheckboxControl=X}));
-//# sourceMappingURL=CheckboxControl-83484a5a.js.map

package/amd/CheckboxControl-83484a5a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxControl-83484a5a.js","sources":["../../src/PRIVATE_CheckboxControl/CheckboxControl.tsx"],"sourcesContent":["import { ComponentChild, ComponentProps, Ref } from 'preact';\nimport { forwardRef, createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { IconUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport {\n  CheckboxVariantOptions,\n  CheckboxStyles\n} from '../UNSAFE_Checkbox/themes/CheckboxStyles.css';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { LayoutColumnSpan, layoutSpanStyles } from '#utils/UNSAFE_styles/Layout';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\ntype StyledCheckboxProps = ComponentProps<typeof StyledCheckbox>;\n\ntype CheckboxControlProps = Pick<\n  StyledCheckboxProps,\n  | 'aria-describedby'\n  | 'name'\n  | 'value'\n  | 'onChange'\n  | 'onKeyUp'\n  | 'isReadonly'\n  | 'isDisabled'\n  | 'isRequired'\n> &\n  Pick<InlineUserAssistanceProps, 'assistiveText' | 'helpSourceLink' | 'helpSourceText'> & {\n    /**\n     * Text that describes the checkbox value.\n     */\n    children: ComponentChild;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Whether the input element is checked.\n     */\n    isChecked?: boolean;\n  };\n\n/**\n * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.\n * It handles styling, placement of label, assistive text, and accessibility text for both parent components.\n * onCommit handling is handled in the parent components.\n */\nconst CheckboxControl = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      name,\n      value,\n      children,\n      isChecked,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      onChange,\n      onKeyUp,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      columnSpan = 1\n    }: CheckboxControlProps,\n    ref: Ref<HTMLInputElement> = null\n  ) => {\n    // hooks\n    const id = useId();\n    const childWrapperRef = useRef<HTMLSpanElement>(null);\n    const { isTabbable } = useTabbableMode();\n    const { isActive, activeProps } = useActive();\n    const { isFocusRingShown } = useCheckboxRadioContext();\n    const labelRef = createRef<HTMLLabelElement>();\n    const {\n      isFocus,\n      focusProps: { onFocus, onBlur }\n    } = useFocus();\n\n    // styling\n    const {\n      classes: checkboxClasses,\n      styles: { valueLabelStyle, checkboxSpanStyle }\n    } = useComponentTheme<CheckboxVariantOptions, CheckboxStyles>(CheckboxRedwoodTheme, {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'\n    });\n\n    // help available\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 { formControl_helpAvailable } = useTranslationBundle<BundleType>(\n      '@oracle/oraclejet-preact'\n    );\n    const helpAvailableString = formControl_helpAvailable();\n    const userAssistiveHelp = hasUserAssistive ? (\n      <HiddenAccessible id={helpAvailableId}>{helpAvailableString}</HiddenAccessible>\n    ) : undefined;\n\n    // prevent auto scrolling\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!isReadonly && key !== undefined && key === ' ') {\n        event.preventDefault();\n      }\n    };\n\n    // we want to prevent mouseDown on Links to set active\n    const onMouseDownHandler = (e: Event) => {\n      // check to see if the target is within an <a> tag and the tag is within the label\n      const closestAnchor = (e.target as Element).closest('a');\n      closestAnchor && childWrapperRef.current?.contains(closestAnchor)\n        ? e.stopPropagation()\n        : activeProps['onMouseDown']?.(e);\n    };\n\n    // don't allow key down to set active state\n    delete activeProps['onKeyDown'];\n    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();\n\n    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown\n    useEffect(() => {\n      if (isFocus && isFocusRingShown) {\n        labelRef?.current?.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isFocus, isFocusRingShown, labelRef]);\n\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <label ref={labelRef} class={classNames([checkboxClasses, classes])}>\n        <span class={checkboxSpanStyle} {...activeProps}>\n          <StyledCheckbox\n            aria-describedby={merge([ariaDescribedBy, helpAvailableId])}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            isActive={isActive}\n            isChecked={isChecked ? 'checked' : 'unchecked'}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={ref}\n          />\n        </span>\n        {userAssistiveHelp}\n        <span class={valueLabelStyle}>\n          <span\n            {...activeProps}\n            {...focusProps}\n            onMouseDown={onMouseDownHandler}\n            ref={childWrapperRef}>\n            {children}\n          </span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              assistiveText={assistiveText}\n              helpSourceLink={helpSourceLink}\n              helpSourceText={helpSourceText}\n              isTabbable={isTabbable && (isFocus || isFocusedWithin)}\n              id={uaId}\n            />\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nexport { CheckboxControl };\n"],"names":["CheckboxControl","forwardRef","ariaDescribedBy","name","value","children","isChecked","isDisabled","isReadonly","isRequired","onChange","onKeyUp","assistiveText","helpSourceLink","helpSourceText","columnSpan","ref","id","useId","childWrapperRef","useRef","isTabbable","useTabbableMode","isActive","activeProps","useActive","isFocusRingShown","useCheckboxRadioContext","labelRef","createRef","isFocus","focusProps","onFocus","onBlur","useFocus","classes","checkboxClasses","styles","valueLabelStyle","checkboxSpanStyle","useComponentTheme","CheckboxRedwoodTheme","disabled","focused","hasUserAssistive","helpAvailableId","undefined","uaId","formControl_helpAvailable","useTranslationBundle","helpAvailableString","userAssistiveHelp","_jsx","HiddenAccessible","isFocused","isFocusedWithin","useFocusWithin","useEffect","current","scrollIntoView","block","layoutSpanStyles","layoutSpanColumn","_jsxs","class","classNames","jsx","StyledCheckbox","merge","onKeyDown","event","key","preventDefault","onMouseDown","e","closestAnchor","target","closest","contains","stopPropagation","IconUserAssistance"],"mappings":"i6DA0DA,MAAMA,EAAkBC,EAAAA,YACtB,EAEI,mBAAoBC,EACpBC,OACAC,QACAC,WACAC,YACAC,aACAC,aACAC,aACAC,WACAC,UACAC,gBACAC,iBACAC,iBACAC,aAAa,GAEfC,EAA6B,QAG7B,MAAMC,EAAKC,EAAAA,QACLC,EAAkBC,SAAwB,OAC1CC,WAAEA,GAAeC,EAAAA,mBACjBC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,iBAAEA,GAAqBC,EAAAA,0BACvBC,EAAWC,EAAAA,aACXC,QACJA,EACAC,YAAYC,QAAEA,EAAOC,OAAEA,IACrBC,EAAAA,YAIFC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,kBAAEA,IACzBC,EAAiBA,kBAAyCC,uBAAsB,CAClFC,SAAUnC,EAAa,aAAe,cACtCoC,QAASb,GAAWJ,EAAmB,YAAc,eAIjDkB,IAAoBrC,GAAeC,IAAiBI,IAAiBC,GACrEgC,EAAkBD,EAAmB,GAAG3B,wBAAsB6B,EAC9DC,EAAOH,EAAmB,GAAG3B,iBAAe6B,GAC5CE,0BAAEA,GAA8BC,EAAoBA,qBACxD,4BAEIC,EAAsBF,IACtBG,EAAoBP,EACxBQ,MAACC,mBAAgB,CAACpC,GAAI4B,WAAkBK,SACtCJ,SAoBGtB,EAAuB,UAC9B,MAAMO,WAAEA,EAAYuB,UAAWC,GAAoBC,EAAcA,iBAGjEC,EAAAA,WAAU,KACJ3B,GAAWJ,GACbE,GAAU8B,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAAC9B,EAASJ,EAAkBE,IAG/B,MAAMO,EAAU0B,EAAAA,iBAAiBC,iBAAiB/C,GAElD,OACEgD,OAAO,QAAA,CAAA/C,IAAKY,EAAUoC,MAAOC,EAAAA,WAAW,CAAC7B,EAAiBD,IACxD9B,SAAA,CAAA+C,EAAAA,IAAA,OAAA,CAAMY,MAAOzB,KAAuBf,EAClCnB,SAAA+C,EAAAc,IAACC,iBACmB,CAAA,mBAAAC,EAAKA,MAAC,CAAClE,EAAiB2C,IAC1C1C,KAAMA,EACNC,MAAOA,EACPM,SAAUA,EACVuB,OAAQA,EACRD,QAASA,EACTrB,QAASA,EACT0D,UAzCWC,IACjB,MAAMC,IAAEA,GAAQD,EACX9D,QAAsBsC,IAARyB,GAA6B,MAARA,GACtCD,EAAME,gBACP,EAsCKjD,SAAUA,EACVjB,UAAWA,EAAY,UAAY,YACnCC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZO,IAAKA,MAGRmC,EACDY,EAAAA,aAAMC,MAAO1B,EAAejC,SAAA,CAC1B+C,EAAAA,eACM5B,KACAO,EACJ0C,YA/CoBC,IAE1B,MAAMC,EAAiBD,EAAEE,OAAmBC,QAAQ,KACpDF,GAAiBxD,EAAgBuC,SAASoB,SAASH,GAC/CD,EAAEK,kBACFvD,EAAyB,cAAIkD,EAAE,EA2C7B1D,IAAKG,EAAed,SACnBA,IAEFuC,GACCQ,EAAAc,IAACc,qBACC,CAAApE,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBO,WAAYA,IAAeS,GAAWyB,GACtCtC,GAAI8B,SAKZ"}

package/amd/CheckboxRadioField-9733dd24.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-516b1b83', './Flex-56ecdf4c', './Label-3912beb2', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './utils-5077c092', './useTestId-3a316499', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-3c44aaaa', './Popup-d51bf3f4', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './LabelValueLayout-194e64d9', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-c8bc984d'], (function(e,s,t,a,o,n,r,i,l,c,d,u,p,m,h,b,y,A,S,U,f,x,g,C,w,F,T,E,I,B,L,R,j,M,V,_,v,N,k,P,D,H,q,$,W,G,O,z){"use strict";const J=t.forwardRef((({"aria-describedby":e,assistiveText:l,baseId:c,direction:d="column",columnSpan:u=1,hasValue:p,helpSourceLink:m,helpSourceText:b,isDisabled:y,isReadonly:A,isRequired:S,label:x,labelEdge:g,labelStartWidth:C="33%",parentComponentVariant:w,messages:F,userAssistanceDensity:T,role:E,children:I,testId:B},L=null)=>{const R=f.useTestId(B),M=`${B}-inline-user-assistance`,V=B?`${M}-top`:void 0,_=B?`${M}-bottom`:void 0,v=!(y||A||!l&&(!m||!b)),N=!y&&!A,k=t.useRef(null),{groupProps:P,labelProps:D,topUserAssistanceProps:H,bottomUserAssistanceProps:q,readonlyId:$}=W.useCheckboxRadioField({ariaDescribedBy:e,baseId:c,isRequired:S,isReadonly:A,isDisabled:y,label:x,labelEdge:g,messages:F,hasValue:p,hasTopUserAssistance:v,hasBottomUserAssistance:N,parentComponentVariant:w}),J=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly(),K="radioSet"===w;t.useImperativeHandle(L,(()=>({focus:()=>{if(!y){const e=k.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{k.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[Q,X]=a.useCollectionFocusRing(k,K?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),Y=s.jsxs(s.Fragment,{children:[v&&s.jsx("div",{id:`${c}-top-ua-container`,class:"start"===g?W.topUAContainerStyles.start:W.topUAContainerStyles.top,children:s.jsx(h.InlineUserAssistanceContainer,{...H,testId:V,children:s.jsx(i.InlineHelp,{assistiveText:l,sourceLink:m,sourceText:b})})}),s.jsx(n.Flex,{direction:d,..."row"===d&&{gap:[0,U.xUnits(8)],wrap:"wrap"},children:s.jsx(O.CheckboxRadioContext.Provider,{value:{isFocusRingShown:Q},children:I})}),N?s.jsx(h.InlineUserAssistance,{...q,requiredAlignment:"start",messages:F,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:_}):"reflow"===T?void 0:s.jsx(h.InlineUserAssistance,{id:q?.id,userAssistanceDensity:"efficient",testId:_})]}),Z=z.layoutSpanStyles.layoutSpanColumn[u];return s.jsxs("div",{role:E,ref:k,class:Z,...P,...X,...R,children:["none"===g?Y:s.jsx(G.LabelValueLayout,{parentComponentVariant:w,hasTopUserAssistance:v,label:s.jsx(r.Label,{...D,variant:g,userAssistanceDensity:"efficient",parentComponentVariant:w,children:x}),labelEdge:g,labelStartWidth:C,children:Y}),A&&s.jsx(j.HiddenAccessible,{id:$,isHidden:!0,children:J})]})}));e.CheckboxRadioField=J}));
-//# sourceMappingURL=CheckboxRadioField-9733dd24.js.map

package/amd/CheckboxRadioField-9733dd24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxRadioField-9733dd24.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.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 } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { BundleType } from '../resources/nls/bundle';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\nimport { layoutSpanStyles, LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RadioItem /> or <CheckboxItem />\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     * Value of the radio option.\n     */\n    hasValue?: boolean;\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 if the radio group is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the radio group is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the radio group requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the group of radio buttons.\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    role?: 'radiogroup' | 'group';\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    parentComponentVariant: 'radioSet' | 'checkboxSet';\n  };\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children,\n      testId\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || (!!helpSourceLink && !!helpSourceText));\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n    const isRadioSet = parentComponentVariant === 'radioSet';\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      isRadioSet ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'] : ['Tab']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex\n          direction={direction}\n          {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n          <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n            {children}\n          </CheckboxRadioContext.Provider>\n        </Flex>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        role={role}\n        ref={groupRef}\n        class={classes}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </LabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","testId","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","isRadioSet","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","top","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","wrap","jsx","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","LabelValueLayout","Label","variant","HiddenAccessible","isHidden"],"mappings":"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"}

package/amd/CheckboxSet-4582f29e.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-9733dd24'], (function(e,s,t,i,o,a,l,r,d,n,c,u){"use strict";const x=t.createContext({});var b="CheckboxSetStyles_styles_ul__68p6630";const h=o.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,direction:n="column",helpSourceLink:h,helpSourceText:m,isDisabled:C,isReadonly:p,isRequired:S=!1,label:y,labelEdge:F,labelStartWidth:k,messages:v,onCommit:R,userAssistanceDensity:D,value:f,children:g,testId:j},I)=>{const A=void 0!==f&&f.size>0,P=c.useId(),{isDisabled:T,isReadonly:_,labelEdge:E,labelStartWidth:V,userAssistanceDensity:W}=l.useFormContext(),q=C??T,L=p??_,w=F??E,z=k??V,B=D??W,M=d.useFormFieldContextProps({hasValue:A,isDisabled:q,isReadonly:L}),N=i.useMemo((()=>({name:P,value:f,onCommit:R})),[P,R,f]),G=t.toChildArray(g).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(r.FormFieldContext.Provider,{value:M,children:s.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:P,columnSpan:a,direction:n,helpSourceLink:h,helpSourceText:m,isDisabled:q,isReadonly:L,isRequired:S,label:y,labelEdge:w,labelStartWidth:z,parentComponentVariant:"checkboxSet",messages:v,userAssistanceDensity:B,hasValue:A,role:"group",testId:j,ref:I,children:s.jsx(x.Provider,{value:N,children:s.jsx("ul",{className:b,children:G})})})})}));e.CheckboxSet=h,e.CheckboxSetContext=x,e.useCheckboxSetContext=()=>i.useContext(x)}));
-//# sourceMappingURL=CheckboxSet-4582f29e.js.map

package/amd/CheckboxSet-4582f29e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxSet-4582f29e.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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<Set<string | number>>) => 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 selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = 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      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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 checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\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=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["CheckboxSetContext","createContext","CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","className","styles","useContext"],"mappings":"6UAWA,MAAMA,EAAqBC,EAAaA,cAA0B,iDC4F3D,MAAMC,EAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACxD,EAAmBoD,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIO,UAAWC,EAASjC,SAAGmB,SAIjC,mEDpLwB,IAAMe,EAAAA,WAAW3D"}

package/amd/ClearIcon-de20285c.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useTranslationBundle-516b1b83', './IconButton-ae9a01ce', './DeleteCircleS-c758067a', './TabbableModeContext-a9c97640', 'preact/hooks'], (function(e,t,n,o,a,r,c){"use strict";e.ClearIcon=function({onClick:e,testId:c}){const i=n.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return t.jsx(r.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx("div",{"aria-hidden":"true",children:t.jsx(o.IconButton,{variant:"ghost",size:"sm",onAction:e,tooltip:i,testId:c,children:t.jsx(a.SvgDeleteCircleS,{})})})})}}));
-//# sourceMappingURL=ClearIcon-de20285c.js.map

package/amd/ClearIcon-de20285c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearIcon-de20285c.js","sources":["../../src/PRIVATE_ClearIcon/ClearIcon.tsx"],"sourcesContent":["import type { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { DeleteIcon } from '#PRIVATE_ThemedIcons/DeleteIcon';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\n\ntype Props = {\n  onClick?: () => void;\n} & TestIdProps;\n\n/**\n * ClearIcon is used to clear an input value.\n * @param onClick Callback for clearing value when button is clicked\n * @param testId ID used for testing purposes\n */\nexport function ClearIcon({ onClick, testId }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div aria-hidden=\"true\">\n        <IconButton variant=\"ghost\" size=\"sm\" onAction={onClick} tooltip={clearStr} testId={testId}>\n          <DeleteIcon />\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\n  );\n}\n"],"names":["onClick","testId","clearStr","useTranslationBundle","formControl_clear","_jsx","TabbableModeContext","Provider","value","isTabbable","jsx","IconButton","variant","size","onAction","tooltip","DeleteIcon"],"mappings":"yOAgB0BA,QAAEA,EAAOC,OAAEA,IACnC,MACMC,EADeC,uBAAiC,4BACxBC,oBAE9B,OACEC,EAAAA,IAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAO,CAAEC,YAAY,YACjDJ,EAAiBK,IAAA,MAAA,CAAA,cAAA,gBACfL,EAACK,IAAAC,aAAW,CAAAC,QAAQ,QAAQC,KAAK,KAAKC,SAAUd,EAASe,QAASb,EAAUD,OAAQA,WAClFI,EAACK,IAAAM,4BAKX"}

package/amd/ComboChart-71c0f51f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './chartUtils-ed1b8cf4', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Common/themes/themeContract.css', './BarGroup-76ef0839', './Chart-e2807ff7'], (function(e,t,i,r,s,o,n,a,l,d,c,g,h){"use strict";function p(e){return t.jsx(x,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const I=.5,m=.2,u=.2;function x({width:e,height:d,selectedIds:x=[],hiddenIds:y=[],highlightedIds:f,hideAndShowBehavior:S="none",orientation:v="vertical",yAxis:b,series:C,groups:A,isStacked:D=!1,getDataItem:T,selectionMode:L="none",drilling:k="off",dataItemGaps:j=.5,dataLabelEffect:M="outline",...R}){const{direction:w,forcedColors:U}=a.useUser(),W="active"===U,z=C.filter((e=>"bar"===e.type)),E="rtl"===w,G="log"===b?.scale,B=R.xAxis?.timeAxisType,F=new Set(y),P=new Set(x),H=new Set(f),N="horizontal"===v,q=l.getColorRamp(),O=s.getSeriesData(C.length,A.length,T,F,G),V=O.some(((e,t)=>"area"===C[t].type||"lineWithArea"===C[t].type)),J=O.some(((e,t)=>"bar"===C[t].type)),K=(e,t)=>D?{...T(e,t),value:O[e][t]}:T(e,t),Q=s.getMarkers(),X=[];return t.jsx(h.Chart,{width:e,height:d,selectedIds:P,hiddenIds:y,hideAndShowBehavior:S,orientation:v,yAxis:b,series:C,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:A,series:C,getDataItem:T}),groups:A,selectionMode:L,drilling:k,isStacked:D,getDataItem:T,findNearest:(e,t)=>i.findNearestDataPoint(C,A,e,t,K,D,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),G,0,F,B),getDataItemPos:(e,t,i,s)=>{const o=J?g.getBarPosition(z,A,T,e,t,F,j,i,s,"log"===b?.scale,D,E,N,B):void 0;return(i,s)=>"bar"===C[i].type?o?o(i,s):void 0:r.getLineAreaChartItemPosition(i,s,O,T,A,N,e,t,B)},getMarkerInfo:(e,t)=>({color:n.getItemColor(e,t,C,T),markerType:n.getMarkerType(e,t,T)}),renderGridLinesInFront:V,getNavUtil:(e,t)=>n.getLineAreaChartNavUtil(T,C.length,e,t,D,E,N),getGapRatio:()=>1,offset:J?I:m,isRtl:E,...R,children:({xStartIndex:e,xEndIndex:i,xScale:n,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:h,isPointInsideMarquee:p,getTextDimensions:I,defaultFontSize:m,groupWidth:x})=>{let y=-1;return t.jsx(t.Fragment,{children:O.map(((S,w)=>{const U=C[w],V="lineWithArea"===U.type?u:1,J="area"===U.type||"lineWithArea"===U.type,Y="area"===U.type;if(0===S.length)return;const Z=s.getLineAreaSegments(a,n,S,e,i,N,G,A,w,K,B);X[w]=Z[0];const $="bar"!==U.type?"curved"===U.lineType&&D&&O.length>1&&w>0:D&&O.length>1&&w>0,_=void 0===f||0===H.size||H.has(U.id),ee=D&&0!=w?X.reduce(((e,t,i)=>i>=w?e:t.length>0?i:e),0):void 0;return"bar"===U.type&&(y+=1),t.jsxs(t.Fragment,{children:["bar"===U.type&&A.slice(e,i+1).map(((r,s)=>t.jsx(g.BarGroup,{yScale:a,xScale:n,groupIndex:s+e,selectedIds:P,hiddenIds:F,highlightedIds:f?H:f,isDrillEnabled:"on"===k,series:z,barGapRatio:g.getBarGapRatio(D,e,i),dataItemGaps:j,isPointInsideMarquee:p,isStacked:D,groupWidth:x,group:A[s],timeAxisType:R.xAxis?.timeAxisType,colors:q,activeId:l,isLog:"log"===b?.scale,orientation:v,getDataItem:T,isSelectionEnabled:"none"!=L,isRtl:E,focusedItemInfo:d,hoveredItemInfo:h,getTextDimensions:I,defaultFontSize:m,seriesIndex:y}))),J&&t.jsx(r.AreaSeries,{yScale:a,lineType:U.lineType,color:U.areaColor||q[w%q.length],isHorizontal:N,areaColorOpacity:V,isBottomSegmentCurved:$,bottomCoords:void 0!==ee&&X[ee].some((e=>null!=e))?X[ee]:void 0,lineSegments:Z,isLog:G,isHighlighted:_,seriesIndex:w}),"line"===U.type&&t.jsx(o.LineSeries,{lineType:U.lineType,lineColor:Y?c.colorSchemeVars.dvt.contrastLine:U.lineColor,lineWidth:Y?1.25:U.lineWidth,lineStyle:U.lineStyle||"solid",color:U.lineColor||q[w%q.length],lineSegmentCoords:Z,isHorizontal:N,isHighlighted:_,seriesIndex:w}),!D&&("line"===U.type||J)&&t.jsx(o.MarkersWithLabel,{yScale:a,xScale:n,groups:A,series:U,timeAxisType:B,color:q[w%q.length],seriesIndex:w,startIndex:e,endIndex:i,markerType:Q[w%Q.length],orientation:v,isLog:G,activeId:l,getDataItem:T,isPointInsideMarquee:p,selectedIds:P,focusedItemIndex:d.seriesIndex!==w||!d.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:h?.isCurrent&&h.seriesIndex===w?h.groupIndex:void 0,isSelectionEnabled:"single"===L||"multiple"===L,isDrillEnabled:"on"===k,defaultFontSize:m,dataLabelEffect:M,isHighContrast:W})]})}))})}})}e.ComboChart=x}));
-//# sourceMappingURL=ComboChart-71c0f51f.js.map

package/amd/ComboChart-71c0f51f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboChart-71c0f51f.js","sources":["../../src/UNSAFE_ComboChart/OverviewComboChart.tsx","../../src/UNSAFE_ComboChart/ComboChart.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 { ComboChart } from './ComboChart';\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\n\nexport function OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\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 { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '#Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\nimport { OverviewComboChart } from './OverviewComboChart';\n\nconst BAR_AXIS_OFFSET = 0.5;\n\nconst AXIS_OFFSET = 0.2;\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\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  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  const renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const hasArea = renderedSeries.some(\n    (_, index) => series[index].type === 'area' || series[index].type === 'lineWithArea'\n  );\n  const hasBar = renderedSeries.some((_, index) => series[index].type === 'bar');\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\n          groups,\n          getDataItem,\n          xScale,\n          yScale,\n          hiddenSet,\n          dataItemGaps,\n          groupWidth,\n          gapRatio,\n          yAxis?.scale === 'log',\n          isStacked,\n          isRtl,\n          isHoriz,\n          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\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      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={hasBar ? BAR_AXIS_OFFSET : AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        groupWidth\n      }) => {\n        let barSeriesIndex = -1;\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                valueSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          yScale={yScale}\n                          xScale={xScale}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          groupWidth={groupWidth}\n                          group={groups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\n                          activeId={activeId}\n                          isLog={yAxis?.scale === 'log'}\n                          orientation={orientation}\n                          getDataItem={getDataItem}\n                          isSelectionEnabled={selectionMode != 'none'}\n                          isRtl={isRtl}\n                          focusedItemInfo={focusedItemInfo}\n                          hoveredItemInfo={hoveredItemInfo}\n                          getTextDimensions={getTextDimensions}\n                          defaultFontSize={defaultFontSize}\n                          seriesIndex={barSeriesIndex}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\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                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["OverviewComboChart","props","_jsx","ComboChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","overview","BAR_AXIS_OFFSET","AXIS_OFFSET","LINE_WITH_AREA_OPACITY","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataItemGaps","dataLabelEffect","direction","forcedColors","useUser","isHighContrast","filteredBarSeries","filter","currentSeries","type","isRtl","isLog","scale","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","hasArea","some","_","index","hasBar","renderedGetDataItem","seriesIndex","groupIndex","value","markers","getMarkers","allLineSegmentCoords","jsx","Chart","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","groupWidth","gapRatio","_getBarPosition","getBarPosition","undefined","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","markerType","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","barSeriesIndex","_Fragment","Fragment","map","valueSeries","areaOpacity","isAreaRendered","isContrastLineNeeded","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","lineType","isHighlighted","size","has","id","prevCoords","reduce","prevValue","newValue","j","_jsxs","slice","BarGroup","isDrillEnabled","barGapRatio","getBarGapRatio","group","isSelectionEnabled","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","lineSegments","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent"],"mappings":"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"}

package/amd/CompactUserAssistance-3370a318.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-8028ba70', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './Popup-d51bf3f4', './Separator-181f7541', './CompactHelpSource-74498e92', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,c,r,l,p,d,m,h,u,g,y,C,S,F,x,A,U,f,M,T,B,b,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:c,isReadonly:r}=E.useFormFieldContext(),{isFocused:l,popupProps:p}=j.usePopupFocusWithin(),d=!0===c||!0===l,{baseTheme:m}=t.useComponentTheme(B.UserAssistanceRedwoodTheme);return!0!==r&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(b.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
-//# sourceMappingURL=CompactUserAssistance-3370a318.js.map

package/amd/CompactUserAssistance-3370a318.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactUserAssistance-3370a318.js","sources":["../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx"],"sourcesContent":["import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Separator } from '../UNSAFE_Separator';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\"\n        maxWidth={'296px'}>\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Separator />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n"],"names":["anchorRef","assistiveText","fieldLabel","id","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","useComponentTheme","UserAssistanceRedwoodTheme","length","_jsx","jsx","Popup","placement","flipOptions","mainAxis","crossAxis","tail","maxWidth","children","_jsxs","jsxs","class","ComponentMessageContainer","dividerStyle","Separator","assistiveStyles"],"mappings":"u1CAoBgB,UAAsBA,UACpCA,EAASC,cACTA,EAAaC,WACbA,EAAUC,GACVA,EAAEC,SACFA,EAAW,KAEX,MAAMC,eAAEA,EAAcC,WAAEA,GAAeC,EAAmBA,uBAElDC,UAAWC,EAAcC,WAAEA,GAAeC,EAAmBA,sBAC/DC,GAA4B,IAAnBP,IAA8C,IAAnBI,GAEpCI,UAAEA,GAAcC,EAAiBA,kBAACC,EAA0BA,4BA0BlE,OAvBiB,IAAfT,IAAwBF,EAASY,OAAS,GAAKf,GAC7CgB,EAACC,IAAAC,EAAKA,MACA,IAAAT,EACJU,UAAU,iBACVR,OAAQA,EACRZ,UAAWA,EACXqB,YAbO,CAAEC,UAAU,EAAMC,WAAW,GAcpCC,KAAK,SACLC,SAAU,QAAOC,SACjBC,EAAKC,KAAA,MAAA,CAAAzB,GAAIA,EAAI0B,MAAOhB,YACjBT,EAASY,OAAS,GACjBC,EAACC,IAAAY,EAAyBA,0BAAC,CAAA5B,WAAYA,EAAYE,SAAUA,IAE9DA,EAASY,OAAS,GAAKf,GACtBgB,EAAAA,IAAM,OAAA,CAAAY,MAAOE,eACXL,SAAAT,EAAAA,IAACe,EAAAA,UAAS,CAAA,KAGb/B,GAAiBgB,EAAAC,IAAA,OAAA,CAAMW,MAAOI,EAAeA,gBAAGP,SAAAzB,SAGnD,IAGR"}

package/amd/ComponentMessageContainer-8028ba70.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-3a316499', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './useComponentTheme-5aa41a8f', './classNames-08d99695', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,o,n,i,r,d,c,l,m,g,p,y,h,u,M,T,f,v,C,S,A,x,I,U,N,B){"use strict";function F({detail:e,fieldLabel:t,severity:a="error",testId:o}){const{classes:n}=C.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=C.useComponentTheme(N.UserAssistanceRedwoodTheme),r=S.classNames([n,i]),d=c.useTestId(o);return s.jsxs("div",{class:r,"aria-live":"assertive","aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),v.isSeverityIconNeeded(a)&&s.jsx(v.MessageStartIcon,{severity:a,testId:o?`${o}-icon`:void 0,variant:"inline"}),s.jsx(v.MessageSummary,{testId:o?`${o}-summary`:void 0,text:e,variant:"inline"})]})}function b(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=F,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const o=c.useTestId(a);return s.jsx("div",{class:B.componentMessageContainerBase,...o,children:s.jsx(v.MessagesManager,{data:b(t),children:({item:t})=>s.jsx(F,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
-//# sourceMappingURL=ComponentMessageContainer-8028ba70.js.map

package/amd/ComponentMessageContainer-8028ba70.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessageContainer-8028ba70.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { UserAssistanceRedwoodTheme } from '#UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme';\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = TestIdProps & {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error', testId }: Props) {\n  const { classes } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n  const styleClasses = classNames([classes, baseTheme]);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={styleClasses} aria-live=\"assertive\" aria-atomic=\"true\" {...testIdProps}>\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          severity={severity}\n          testId={testId ? `${testId}-icon` : undefined}\n          variant=\"inline\"\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary\n        testId={testId ? `${testId}-summary` : undefined}\n        text={detail}\n        variant=\"inline\"\n      />\n    </div>\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 { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = TestIdProps & {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [], testId }: Props) {\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={componentMessageContainerBase} {...testIdProps}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n            testId={testId ? `${testId}-message-${item.key}` : undefined}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["ComponentMessage","detail","fieldLabel","severity","testId","classes","useComponentTheme","ComponentMessageRedwoodTheme","baseTheme","UserAssistanceRedwoodTheme","styleClasses","classNames","testIdProps","useTestId","_jsxs","class","children","_jsx","HiddenAccessible","isSeverityIconNeeded","MessageStartIcon","undefined","variant","MessageSummary","text","generateMessagesData","messages","map","message","index","key","data","closeAffordance","jsx","componentMessageContainerBase","MessagesManager","item"],"mappings":"ilCAgDgB,SAAAA,GAAiBC,OAAEA,EAAMC,WAAEA,EAAUC,SAAEA,EAAW,QAAOC,OAAEA,IACzE,MAAMC,QAAEA,GAAYC,EAAiBA,kBACnCC,+BACA,CACEJ,SAAUA,GAAY,UAIpBK,UAAEA,GAAcF,EAAiBA,kBAACG,EAA0BA,4BAC5DC,EAAeC,EAAUA,WAAC,CAACN,EAASG,IACpCI,EAAcC,YAAUT,GAE9B,OACEU,OAAK,MAAA,CAAAC,MAAOL,cAAwB,YAAW,cAAa,UAAWE,EACpEI,SAAA,CAAAd,GAAce,EAAAA,IAACC,EAAgBA,2BAAEhB,IACjCiB,uBAAqBhB,IACpBc,EAAAA,IAACG,EAAgBA,iBAAA,CACfjB,SAAUA,EACVC,OAAQA,EAAS,GAAGA,cAAgBiB,EACpCC,QAAQ,WAIZL,EAAAA,IAACM,EAAAA,gBACCnB,OAAQA,EAAS,GAAGA,iBAAmBiB,EACvCG,KAAMvB,EACNqB,QAAQ,aAIhB,CC1DA,SAASG,EAAqBC,GAC5B,OAAOA,EAASC,KAAwC,CAACC,EAASC,KACzD,CACLC,IAAKD,EACLE,KAAM,CACJC,gBAAiB,MACjB7B,SAAUyB,EAAQzB,UAAY,QAC9BF,OAAQ2B,EAAQ3B,WAIxB,kDAiBM,UAAoCC,WAAEA,EAAUwB,SAAEA,EAAW,GAAEtB,OAAEA,IACrE,MAAMQ,EAAcC,YAAUT,GAC9B,OACEa,EAAAgB,IAAA,MAAA,CAAKlB,MAAOmB,EAAAA,iCAAmCtB,EAC7CI,SAAAC,EAAAgB,IAACE,kBAAgB,CAAAJ,KAAMN,EAAqBC,GACzCV,SAAA,EAAGoB,UACFnB,MAACjB,EAAgB,CAEfC,OAAQmC,EAAKL,KAAK9B,OAClBC,WAAYA,EACZC,SAAUiC,EAAKL,KAAK5B,SACpBC,OAAQA,EAAS,GAAGA,aAAkBgC,EAAKN,WAAQT,GAJ9Ce,EAAKN,QAUtB"}

package/amd/ConveyorBeltItem-08720127.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-19a622bc', './ButtonLabelLayout-2e0e8d09', './ChevronRight-fa7a624c', './ChevronUp-421d2392', './ChevronDown-64f938c5', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-85c781ea', './clientHints-4f5a07b0', './ConveyorBeltContext-d8653090', './useTestId-3a316499', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme', './useConveyorBeltItem-ce9e4c40'], (function(e,t,r,o,n,s,i,l,c,u,f,h,a,d,m,v,g,C){"use strict";function b(){return"phone"===h.getClientHints().deviceType}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),o=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)o+=r.offsetLeft,r=p(r);return o}function y(e,t){let r=p(e),o=e.offsetTop;for(;r!==t;)null!=r&&(o+=r.offsetTop,r=p(r));return o}const W=m.forwardRef((({children:e,scrollPosition:h,onScrollPositionChanged:C,arrowVisibility:p="auto",orientation:W="horizontal",testId:T},B=null)=>{const[H,R]=r.useState(!1),[I,j]=r.useState(!1),w=r.useRef(null),E=r.useRef(null),S=r.useRef(null),L=r.useRef(null),N=r.useRef(null),z=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),[U,$]=r.useState(b()&&"auto"===p||"hidden"===p),{direction:F}=f.useUser(),{itemElementsRef:P,addItem:D}=((e,t,o,n,s)=>{const i=r.useRef(),l=r.useRef([]),[c]=r.useState([]),u=r.useCallback((e=>{null!==l.current&&(l.current.push(e),c.push(e))}),[c]);r.useEffect((()=>{if(c&&c.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`${n?-n.offsetHeight:0}px 0px ${o?-o.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of c)null!=e&&i.current.observe(e.element)}return()=>{for(const e of c)i.current&&null!=e&&i.current.unobserve(e.element)}}),[c,c.length,e,n,o,s,t]);const f=e=>{const t=l.current.map(((t,r)=>{const o=e.find((e=>e.target===t.element));return o?{element:o.target,isVisible:o.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));l.current=t};return r.useMemo((()=>({itemElementsRef:l,addItem:u})),[l,u])})(w.current,W,L.current,S.current,F);m.useImperativeHandle(B,(()=>({scrollElementIntoView:e=>{Y(e)},scrollPrevious:()=>{te()},scrollNext:()=>{re()}})));const q=d.useTestId(T),M="leftArrow"+T,O="rightArrow"+T,{variantClasses:_}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{orientation:W}),{variantClasses:G}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{content:W}),{variantClasses:J}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{pagination:H&&I?"both":H?"next":I?"previous":"none",direction:F,orientation:W,overflow:W,arrowVisibility:!0===U?"hidden":"visible"}),{classes:K}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{nextButton:W,direction:F}),{classes:Q}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{previousButton:W,direction:F});r.useEffect((()=>{(()=>{const e=E.current?Array.from(E.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;for(const r of e){t++;const e=r;e&&null==P.current.find((t=>t.element===e))&&D({element:e,isVisible:!1,index:t,isCurrent:!1})}}})()}));const X=r.useCallback((()=>{C&&C(w.current?.scrollLeft)}),[C]);r.useEffect((()=>{$(b()&&"auto"===p||"hidden"===p)}),[p]),r.useEffect((()=>{w.current&&w.current.scrollTo({left:h})}),[h]),r.useEffect((()=>{const e=w.current,t=z.current,r=k.current;return e&&t&&r&&(U||(A.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?j(!e.isIntersecting):R(!e.isIntersecting)}))}),{root:e}),A.current.observe(t),A.current.observe(r)),e.addEventListener("scrollend",X)),()=>{e&&(e.removeEventListener("scrollend",X),A.current?.unobserve(t),A.current?.unobserve(r))}}),[U,X]);const Y=r.useCallback((e=>{const t=((e,t,r)=>{if(!t||!r)return!1;let o,n,s,i;if(r===document.documentElement)o=0,n=document.documentElement.clientWidth,s=0,i=document.documentElement.clientHeight;else{const e=r.getBoundingClientRect();o=I?e.left+L.current?.offsetWidth:e.left,n=H?e.right-S.current?.offsetWidth:e.right,s=I?e.top+L.current?.offsetHeight:e.top,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=t.getBoundingClientRect();return"horizontal"===e?l.left<=n&&l.right<=n&&l.left>=o&&l.right>=o:l.top<=i&&l.bottom<=i&&l.top>=s&&l.bottom>=s})(W,e,w.current);if(t)return;const r=((e,t,r)=>{if(!t||!r)return!1;const o=t.getBoundingClientRect(),n=r.getBoundingClientRect();let s=n.width,i=n.height;return"horizontal"===e?(s=I&&L.current?s-L.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=I&&L.current?i-L.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?o.width>s:o.height>i})(W,e,w.current);if(!w.current||!E.current)return;const o=((e,t,r,o)=>{if(!r||!o)return!1;let n,s,i;if(o===document.documentElement)s=0,n=document.documentElement.clientWidth,i=document.documentElement.clientHeight;else{const e=o.getBoundingClientRect();n=H?e.right-S.current?.offsetWidth:e.right,s=H?e.left-S.current?.offsetWidth:e.left,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=r.getBoundingClientRect();return"horizontal"===t?e?l.right>n:l.left<s:l.bottom>i})("ltr"===F,W,e,w.current);"vertical"!==W?"ltr"===F?o&&!r?w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-w.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({left:x(e,E.current)-E.current.offsetWidth+w.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-E.current.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({top:y(e,E.current)+e.offsetHeight-w.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):w.current.scrollTo({top:y(e,E.current)-(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,I,F,W]),Z=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index>=1&&1==P.current[e.index-1].isVisible));return e?.element}),[P]),ee=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index<P.current.length-1&&1==P.current[e.index+1].isVisible));return e?.element}),[P]),te=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)+r.offsetHeight-e.offsetHeight+(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:x(r,E.current)+r.offsetWidth-e.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,E.current)-E.current?.offsetWidth+e.offsetWidth-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[F,W,ee]),re=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=Z();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:(x(r,E.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-(E.current?.offsetWidth-(x(r,E.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[F,W,Z]),oe=r.useCallback((e=>{if(V.current!==e){const t=P.current.find((t=>t.element===e)),r=P.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,V.current=e,e&&Y(e)}}),[P,Y]),ne=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(P.current.length>0){const t=P.current.find((t=>t.element.contains(e.target)));t&&Y(t.element)}else Y(e.target)}),[Y,P]),se=c.classNames([u.styles.buttonContainer,Q]),ie=c.classNames([u.styles.buttonContainer,K]);return t.jsx(a.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:ne,ref:N,className:c.classNames([u.styles.conveyorStyle,_]),...q,children:[I&&!U&&t.jsx("div",{ref:L,class:se,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>te(),"aria-hidden":!0,testId:M,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronLeft,{}):t.jsx(s.SvgChevronRight,{}):t.jsx(i.SvgChevronUp,{})})})}),t.jsx("div",{className:c.classNames([u.styles.overflowContainer,J]),ref:w,tabIndex:-1,children:t.jsxs("div",{className:c.classNames([u.styles.contentContainer,_,G]),ref:E,children:[t.jsx("div",{"data-intersection-id":"left",ref:z,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:k,style:{minWidth:1,minHeight:1}})]})}),H&&!U&&t.jsx("div",{ref:S,class:ie,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=W,e.ConveyorBeltItem=({children:e,isCurrent:r})=>{const o=C.useConveyorBeltItem({isCurrent:r});return t.jsx("div",{className:c.classNames([u.styles.conveyorBeltItemStyle]),...o,children:e})}}));
-//# sourceMappingURL=ConveyorBeltItem-08720127.js.map