@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/amd/BaseNavigationListItem-fe9cb691.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavigationListItem-fe9cb691.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts","../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\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 { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix } =\n    useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChildren } from 'preact';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label?: string;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: { iconLabelContainer, iconContainer, navigationItemMetadata }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata]);\n\n  const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const removeClass = classNames([navigationlistRemoveIcon]);\n\n  return (\n    <li\n      role=\"tab\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      id={itemId}\n      class={itemClasses}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n      {(metadata || severityRequirement || badge || removeIcon) && (\n        <Flex gap=\"2x\" align=\"center\" justify=\"end\" flex=\"1 1 auto\">\n          {' '}\n          {badge && (\n            <span class={endIconContainerClasses}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={navigationItemMatadata}>\n              <Text>{'( ' + metadata + ' )'}</Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n          )}\n          {removeIcon && <span class={removeClass}>{removeIcon}</span>}\n        </Flex>\n      )}\n    </li>\n  );\n}\n"],"names":["NavigationListContext","createContext","useNavigationListContext","useContext","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","itemKey","label","badge","metadata","severity","removeIcon","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","onSelectionChange","selection","currentKey","showFocusRing","navigationListItemPrefix","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","classes","listItemClasses","styles","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","current","selected","hybridHover","pseudoHover","active","handlePress","useCallback","value","reason","pressProps","usePress","mergeProps","classNames","useNavigationListItem","severityRequirement","undefined","iconLabelContainer","iconContainer","navigationItemMetadata","navigationItemMatadata","endIconContainerClasses","navigationlistRemoveIcon","removeClass","_jsxs","jsxs","role","id","ref","children","_jsx","jsx","style","Text","size","weight","variant","Flex","gap","align","justify","flex","Badge","severityValue","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","IconComponent"],"mappings":"mhBAgCA,MAAMA,EAAwBC,EAAaA,cAA8C,MChBzF,SAASC,IACP,OAAOC,EAAAA,WAAWH,EACpB,CCDA,MAAMI,EAA8BC,EAAAA,oBAAmC,IAClEC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAkCC,GAC/CP,EAA4B,CAC1BQ,UAAW,8CC4BmDC,QAChEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAW,OAAMC,WACjBA,IAEA,MAAMC,EAAUC,SAA6B,OAGvCC,OACJA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,sBACVA,EAAqBC,oBACrBA,GD1CY,UAAiDb,QAAEA,IACjE,MAAMc,kBAAEA,EAAiBC,UAAEA,EAASC,WAAEA,EAAUC,cAAEA,EAAaC,yBAAEA,GAC/D7B,IAGI8B,EAAYH,IAAehB,EAE3BW,EAAaI,IAAcf,GAG3BoB,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,EAAeC,iBAAEA,GAChEC,EAAAA,uBAGAC,QAASC,EACTC,QAAQf,sBAAEA,IACRgB,EAAiBA,kBACnBC,iCACA,CACEC,UAAWb,EAAgB,cAAgB,eAC3Cc,QAASZ,EAAY,YAAc,cACnCa,SAAUrB,EAAa,aAAe,cACtCsB,YAAaX,EAAkB,gBAAkB,iBACjDY,YAAab,EAAwB,gBAAkB,iBACvDc,OAAQZ,EAAmB,WAAa,cAKtCa,EAAcC,EAAAA,aAAY,KAC9BvB,IAAoB,CAAEwB,MAAOtC,EAAcuC,OAAQ,WAAY,GAC9D,CAACvC,EAASc,KAIP0B,WAAEA,GAAeC,EAAQA,SAACL,GAEhC,MAAO,CACL5B,OAAQU,EAA2BlB,EACnCS,aAAciC,EAAAA,WAAWtB,EAAkBoB,GAC3C9B,YAAaiC,EAAAA,WAAW,CAACjB,IACzBf,aACAC,sBAAuB+B,EAAUA,WAAC,CAAC/B,EAAuBf,IAC1DgB,oBAAqBf,EAEzB,CCFM8C,CAAsB,CACxB5C,YAGI6C,IAAqC,SAAbzC,QAAoC0C,IAAb1C,IAkBnDuB,QAAQoB,mBAAEA,EAAkBC,cAAEA,EAAaC,uBAAEA,IAC3CrB,oBACFC,EAAAA,gCAGIqB,EAAyBP,EAAAA,WAAW,CAACM,IAErCE,EAA0BR,EAAUA,WAAC,CAACI,EAAoBC,KAE9DrB,QAAQyB,yBAAEA,IACRxB,EAAAA,kBACFC,EAAAA,gCAGIwB,EAAcV,EAAAA,WAAW,CAACS,IAEhC,OACEE,EACEC,KAAA,KAAA,CAAAC,KAAK,SACD/C,EAAY,cACHT,EACbyD,GAAIjD,EACJZ,MAAOc,EAAW,gBACHC,EACf+C,IAAKpD,EACJqD,SAAA,CAAA1D,GACC2D,EAAAC,IAAA,OAAA,CAAMjE,MAAOgB,EAAuBkD,MAAOjD,EAAmB8C,SAC5DC,MAACG,OAAI,CAACC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAASP,SACpD1D,OAILE,GAAY0C,GAAuB3C,GAASG,IAC5CiD,EAACC,KAAAY,OAAK,CAAAC,IAAI,KAAKC,MAAM,SAASC,QAAQ,MAAMC,KAAK,WAC9CZ,SAAA,CAAA,IACAzD,GACC0D,EAAAA,IAAA,OAAA,CAAMhE,MAAOuD,EACXQ,SAAAC,EAAAC,IAACW,EAAKA,MAAC,CAAAR,KAAK,KAAKE,QAAQ,gBAAeP,SACrCzD,MAINC,GACCyD,EAAAA,YAAMhE,MAAOsD,EACXS,SAAAC,EAAAA,IAACG,EAAAA,KAAI,CAAAJ,SAAE,KAAOxD,EAAW,SAG5B0C,GACCe,EAAAA,IAAA,OAAA,CAAMhE,MAAOuD,EAA0BQ,SAhE3B,CAACc,IACrB,OAAQA,GACN,IAAK,QACH,OAAOb,MAACc,EAAMC,UAAA,CAACC,MAAM,WACvB,IAAK,UACH,OAAOhB,MAACiB,EAAQC,YAAA,CAACF,MAAM,YACzB,IAAK,OACH,OAAOhB,MAACmB,EAAYC,gBAAA,CAACJ,MAAM,SAC7B,IAAK,eACH,OAAOhB,MAACqB,EAAQC,YAAA,CAACN,MAAM,YACzB,QACE,OAAO,KACV,EAoD8CO,CAAc/E,KAEtDC,GAAcuD,EAAAA,IAAM,OAAA,CAAAhE,MAAOyD,WAAchD,SAKpD"}

package/amd/BaseRichSelection-a292f625.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-516b1b83', './Label-4601e8e6', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a1ae959b', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-3a316499', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-d1646f51', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './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', './CheckboxRadioContext-6a0fead0', './LabelValueLayout-2883514d', './LayoutStyles.css-c8bc984d', './Grid-160f4885', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionContext-aaaa548c', './View-ce970ed7', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,n,r,i,l,d,c,u,p,m,x,h,b,y,g,S,f,A,C,F,U,T,w,R,v,I,E,B,V,j,L,M,k,D,P,_,N,H,q,$,G,z,O,J,K,Q,W,X,Y,Z,ee,se){"use strict";const te=["xl","lg","md","sm","xs"],ae={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},oe={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},ne=(e,s)=>{for(const t of te)if(e[t])return ae[t][s];return ae.xs[s]},re=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:n,columnSpan:r=1,hasValue:i,helpSourceLink:p,helpSourceText:m,isDisabled:x,isReadonly:h,isRequired:b,label:g,labelEdge:S,messages:f,parentComponentVariant:A,role:C,testId:U,userAssistanceDensity:T},w=null)=>{const R=F.useTestId(U),v=`${U}-inline-user-assistance`,I=U?`${v}-top`:void 0,E=U?`${v}-bottom`:void 0,B=!(x||h||!a&&(!p||!m)),V=!x&&!h,j=t.useRef(null),{groupProps:L,labelProps:k,topUserAssistanceProps:D,bottomUserAssistanceProps:P,readonlyId:_}=O.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:b,isReadonly:h,isDisabled:x,label:g,labelEdge:S,messages:f,hasValue:i,hasTopUserAssistance:B,hasBottomUserAssistance:V,parentComponentVariant:A}),N=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(w,(()=>({focus:()=>{if(!x){const e=j.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{j.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[H,q]=l.useCollectionFocusRing(j,"radioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:$,ref:G}=(()=>{const e=Z.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Y.useContainerBreakpoints(oe);return{ref:t,gridTemplateColumns:null!==e?`repeat(${ne(s,e.layout)}, 1fr)`:""}})(),z=s.jsxs(s.Fragment,{children:[B&&s.jsx("div",{id:`${o}-top-ua-container`,class:O.topUAContainerStyles.start,children:s.jsx(y.InlineUserAssistanceContainer,{...D,testId:I,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:p,sourceText:m})})}),s.jsx(ee.View,{padding:["2x",0],width:"100%",children:s.jsx(W.Grid,{gridTemplateColumns:$,gap:"6x",role:"list",children:s.jsx(J.CheckboxRadioContext.Provider,{value:{isFocusRingShown:H},children:n})})}),V?s.jsx(y.InlineUserAssistance,{...P,requiredAlignment:"start",messages:f,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:E}):"reflow"===T?void 0:s.jsx(y.InlineUserAssistance,{id:P?.id,userAssistanceDensity:"efficient",testId:E})]}),se=Q.layoutSpanStyles.layoutSpanColumn[r];return s.jsxs("div",{ref:X.mergeRefs(j,G),class:se,role:C,...L,...q,...R,children:["none"===S?z:s.jsx(K.LabelValueLayout,{parentComponentVariant:A,hasTopUserAssistance:B,label:s.jsx(c.Label,{...k,variant:S,userAssistanceDensity:"efficient",parentComponentVariant:A,children:g}),labelEdge:S,children:z}),h&&s.jsx(M.HiddenAccessible,{id:_,isHidden:!0,children:N})]})})),ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:r,columnSpan:l,helpSourceLink:d,helpSourceText:c,isDisabled:u,isReadonly:p,isRequired:m,label:x,labelEdge:h,layout:b,messages:y,selection:g,testId:S,userAssistanceDensity:f,value:A},C=null)=>{const F=null!=A&&("single"===g||A.size>0),{isDisabled:U,isReadonly:T,labelEdge:w,userAssistanceDensity:R}=o.useFormContext(),v=u??U,I=p??T,E=h??w,B=f??R,V=i.useFormFieldContextProps({hasValue:F,isDisabled:v,isReadonly:I}),j="error"===se.useMessageSeverity(y)?"error":void 0;return s.jsx(n.FormFieldContext.Provider,{value:V,children:s.jsx(Z.RichSelectionContext.Provider,{value:{selection:g,layout:b,messageSeverity:j},children:s.jsx(re,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:l,hasValue:F,helpSourceLink:d,helpSourceText:c,isDisabled:v,isReadonly:I,isRequired:m,label:x,labelEdge:"start"===E?"top":E,messages:y,parentComponentVariant:"single"===g?"radioSet":"checkboxSet",ref:C,role:"single"===g?"radiogroup":"group",testId:S,userAssistanceDensity:B,children:r})})})}));e.BaseRichSelection=ie}));
+//# sourceMappingURL=BaseRichSelection-a292f625.js.map

package/amd/BaseRichSelection-a292f625.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRichSelection-a292f625.js","sources":["../../src/PRIVATE_RichSelectionCommon/useRichSelectionGrid.ts","../../src/PRIVATE_RichSelectionCommon/RichSelectionField.tsx","../../src/PRIVATE_RichSelectionCommon/BaseRichSelection.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 { Ref } from 'preact';\nimport { useContainerBreakpoints } from '#hooks/UNSAFE_useContainerBreakpoints';\nimport {\n  useRichSelectionContext,\n  type RichSelectionContextValue\n} from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\n\nconst sizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nconst columnMatrix = {\n  xl: { xl: 6, md: 4, sm: 4 },\n  lg: { xl: 4, md: 3, sm: 3 },\n  md: { xl: 3, md: 2, sm: 2 },\n  sm: { xl: 2, md: 2, sm: 2 },\n  xs: { xl: 1, md: 1, sm: 1 }\n} as const;\n\nconst breakpointSizes = {\n  xs: '0px',\n  sm: '600px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px'\n} as const;\n\nconst breakpointColumns = (\n  breakpoints: Record<(typeof sizes)[number], boolean>,\n  layout: RichSelectionContextValue['layout']\n) => {\n  // incrementally go from largest to smallest breakpoint\n  for (const size of sizes) {\n    if (breakpoints[size]) {\n      return columnMatrix[size][layout];\n    }\n  }\n  // defaults to xs columns if no breakpoints are true\n  return columnMatrix['xs'][layout];\n};\n/**\n * Hook to be used with rich selection items that are in a grid layout within RichSelectionField\n * @returns An object containing a ref to be placed on the container and a string\n * with the calculated grid template columns to be placed on the Grid component\n */\nconst useRichSelectionGrid = () => {\n  const context = useRichSelectionContext()!;\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpointSizes);\n\n  return {\n    ref: ref as Ref<HTMLDivElement>,\n    gridTemplateColumns:\n      context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''\n  };\n};\n\nexport { useRichSelectionGrid };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { topUAContainerStyles } from '#PRIVATE_CheckboxRadioField/CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { useCheckboxRadioField } from '#PRIVATE_CheckboxRadioField/useCheckboxRadioField';\nimport { LabelValueLayout } from '#UNSAFE_LabelValueLayout';\nimport { layoutSpanStyles, type LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { useRichSelectionGrid } from './useRichSelectionGrid';\nimport { View } from '#UNSAFE_View';\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     * <RichSelectionItems />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Value of the 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 set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field. Maps to \"top\" in forms using \"start\".\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the parent field type.\n     */\n    parentComponentVariant: 'radioSet' | 'checkboxSet';\n    /**\n     * Specifies the ARIA role type.\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\n/**\n * Internal component use by rich selection components to manage focus and layout labels and messages\n */\nexport const RichSelectionField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      messages,\n      parentComponentVariant,\n      role,\n      testId,\n      userAssistanceDensity\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\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      parentComponentVariant === 'radioSet'\n        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n        : ['Tab']\n    );\n\n    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div id={`${baseId}-top-ua-container`} class={topUAContainerStyles.start}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <View padding={['2x', 0]} width=\"100%\">\n          <Grid gridTemplateColumns={gridTemplateColumns} gap=\"6x\" role=\"list\">\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {children}\n            </CheckboxRadioContext.Provider>\n          </Grid>\n        </View>\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        ref={mergeRefs(groupRef, breakpointRef)}\n        class={classes}\n        role={role}\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            {content}\n          </LabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\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 type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { RichSelectionField } from './RichSelectionField';\nimport { RichSelectionContext, type RichSelectionContextValue } from './RichSelectionContext';\nimport { useMessageSeverity } from '#hooks/PRIVATE_useMessageSeverity';\n\ntype RichSelectionFieldProps = ComponentProps<typeof RichSelectionField>;\n\ntype Props = TestIdProps &\n  Pick<\n    RichSelectionFieldProps,\n    | 'aria-describedby'\n    | 'assistiveText'\n    | 'baseId'\n    | 'children'\n    | 'columnSpan'\n    | 'helpSourceLink'\n    | 'helpSourceText'\n    | 'isDisabled'\n    | 'isReadonly'\n    | 'isRequired'\n    | 'label'\n    | 'messages'\n    | 'userAssistanceDensity'\n  > & {\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: RichSelectionContextValue['layout'];\n  } & (\n    | {\n        selection: 'single';\n        value?: string | number;\n      }\n    | {\n        selection: 'multiple';\n        value?: Set<string | number>;\n      }\n  );\n\n/**\n * Internal component used by Rich Selection components to provide context and wrap RichSelectionField\n */\nexport const BaseRichSelection = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      label,\n      labelEdge: propLabelEdge,\n      layout,\n      messages,\n      selection,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasValue = value != null && (selection === 'single' || value.size > 0);\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    // rich selection only need to be aware of error severity\n    const messageSeverity = useMessageSeverity(messages) === 'error' ? 'error' : undefined;\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <RichSelectionContext.Provider\n          value={{\n            selection,\n            layout,\n            messageSeverity\n          }}>\n          <RichSelectionField\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            baseId={baseId}\n            columnSpan={columnSpan}\n            hasValue={hasValue}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            label={label}\n            // start is not supported by Rich Selection and will default to \"top\" if the form is using \"start\"\n            labelEdge={labelEdge === 'start' ? 'top' : labelEdge}\n            messages={messages}\n            parentComponentVariant={selection === 'single' ? 'radioSet' : 'checkboxSet'}\n            ref={ref}\n            role={selection === 'single' ? 'radiogroup' : 'group'}\n            testId={testId}\n            userAssistanceDensity={userAssistanceDensity}>\n            {children}\n          </RichSelectionField>\n        </RichSelectionContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["sizes","columnMatrix","xl","md","sm","lg","xs","breakpointSizes","breakpointColumns","breakpoints","layout","size","RichSelectionField","forwardRef","ariaDescribedBy","assistiveText","baseId","children","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","messages","parentComponentVariant","role","testId","userAssistanceDensity","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","gridTemplateColumns","breakpointRef","context","useRichSelectionContext","breakpointMatches","useContainerBreakpoints","useRichSelectionGrid","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","jsx","View","padding","width","Grid","gap","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","mergeRefs","LabelValueLayout","Label","variant","HiddenAccessible","isHidden","BaseRichSelection","propIsDisabled","propIsReadonly","propLabelEdge","selection","propUserAssistanceDensity","isFormDisabled","isFormReadonly","formLabelEdge","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","messageSeverity","useMessageSeverity","FormFieldContext","RichSelectionContext"],"mappings":"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"}

package/amd/Button-861a26f0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseButton-9f103e94', './ButtonLabelLayout-2e0e8d09', 'preact/compat'], (function(e,t,o,n,a){"use strict";const s=a.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:r="button",endIcon:d,startIcon:l,autofocus:c,edge:b,testId:p,onAction:y,label:B="","aria-label":f,"aria-describedby":h,width:m,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E},M)=>{const g=!l&&!d||"label"===u,j={type:"button",buttonType:r},w=g?B:t.jsx(n.ButtonLabelLayout,{display:u,startIcon:l,endIcon:d,size:i,children:B});return t.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:c,edge:b,variant:e,styling:[g?"default":"min"],onAction:y,"aria-label":f??B,"aria-describedby":h,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E,testId:p,children:w})}));s.displayName="Button",e.Button=s}));
+//# sourceMappingURL=Button-861a26f0.js.map

package/amd/Button-861a26f0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-861a26f0.js","sources":["../../src/UNSAFE_Button/Button.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, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\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 button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. 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     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\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 * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","type","buttonType","endIcon","startIcon","autofocus","edge","testId","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","elementDetails","content","_jsx","jsx","ButtonLabelLayout","children","BaseButton","styling","displayName"],"mappings":"iJAiHO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,UACAC,YACAC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAchB,IAAcD,GAAwB,UAAZH,EACxCqB,EAAiB,CACrBpB,KAAM,SACNC,WAAYA,GAERoB,EAAUF,IAGdG,EAAAC,IAACC,oBAAkB,CAAAzB,QAASA,EAASI,UAAWA,EAAWD,QAASA,EAASJ,KAAMA,EAAI2B,SACpFjB,IAIL,OACEc,MAACI,EAAAA,WAAU,CACTR,IAAKA,EACLE,eAAgBA,EAChBxB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNa,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNV,QAASA,EACTgC,QAAS,CAACR,EAAY,UAAY,OAClCZ,SAAUA,EACE,aAAAE,GAAmBD,EAAK,mBAClBE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,EACdX,OAAQA,EACPmB,SAAAJ,GAEH,IAIN5B,EAAOmC,YAAc"}

package/amd/ButtonSetButton-208e92a4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-9f103e94', './mergeProps-bcfa6a92', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-330c8f8b', './toggleButtonUtils-c8f12580', './buttonUtils-97878e90'], (function(t,e,o,s,a,n,l,i,u){"use strict";const r=o.forwardRef((({startIcon:t,endIcon:o,isSelected:r=!1,onToggle:d,position:c,autofocus:p,testId:b,label:g,value:B,"aria-label":f,"aria-describedby":y,width:S,...m},x)=>{const I=n.useButtonSetContext(),{inputProps:P,buttonSetButtonProps:h,globalEventProps:v,isDisabled:w}=u.processSetButtonProps(m,I),j={...P,display:I.display??m.display??"all"},D=i.toggleStyling(h.layoutWidth,r,!1,!0,"outlined"===h.variant,c,!0,!1);return e.jsx(s.BaseButton,{...a.mergeProps(v,h),ref:x,onAction:()=>{d?.({value:r})},elementDetails:{type:"span",isFocusable:!1,isLabel:!0},width:I.width?"100%":S,autofocus:p,styling:D,"aria-describedby":y,testId:b,children:e.jsx(l.ToggleButtonLabel,{label:g,isSelected:r,isDisabled:w,startIcon:t,endIcon:o,value:B,...j})})}));r.displayName="ButtonSetButton",t.ButtonSetButton=r}));
+//# sourceMappingURL=ButtonSetButton-208e92a4.js.map

package/amd/ButtonSetButton-208e92a4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetButton-208e92a4.js","sources":["../../src/UNSAFE_ButtonSetButton/ButtonSetButton.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\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  LayoutWidths,\n  ButtonSetPosition,\n  type InputTypes,\n  type ButtonIntrinsicProps\n} from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Input type indicate if the toggle is intended as a radio or checkbox.\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * Specifies that the buttonsetbutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - buttonsetbutton label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * value - buttonsetbutton value\n     */\n    value?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the buttonsetbutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttonsetbuttons are a more prominent variation. Borderless\n     * buttonsetbuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttonsetbuttons are salient, but lighter weight than\n     * solid buttonsetbuttons. Outlined buttonsetbuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the buttonsetbutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\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     * Display indicates whether only the label or all elements should be rendered by the buttonsetbutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the buttonsetbutton.\n     */\n    'aria-describedby'?: string;\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 * Toggle buttons allow users to switch between states when pressed.\n */\nexport const ButtonSetButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      isSelected = false,\n      onToggle,\n      position,\n      autofocus,\n      testId,\n      label,\n      value,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ButtonSetButtonProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const {\n      inputProps: baseInputProps,\n      buttonSetButtonProps,\n      globalEventProps,\n      isDisabled\n    } = processSetButtonProps(props, buttonSetProps);\n    const inputProps = {\n      ...baseInputProps,\n      display: buttonSetProps.display ?? props.display ?? 'all'\n    };\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false, // switch\n      true, // label\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      true, // hasLabel\n      false // iconOnly\n    );\n\n    return (\n      <BaseButton\n        {...mergeProps(globalEventProps, buttonSetButtonProps)}\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        onAction={() => {\n          onToggle?.({ value: isSelected });\n        }}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        width={buttonSetProps.width ? '100%' : width}\n        autofocus={autofocus}\n        styling={styling}\n        aria-describedby={ariaDescribedBy}\n        testId={testId}>\n        <ToggleButtonLabel\n          label={label}\n          isSelected={isSelected}\n          isDisabled={isDisabled}\n          startIcon={startIcon}\n          endIcon={endIcon}\n          value={value}\n          {...inputProps}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nButtonSetButton.displayName = 'ButtonSetButton';\n"],"names":["ButtonSetButton","forwardRef","startIcon","endIcon","isSelected","onToggle","position","autofocus","testId","label","value","accessibleLabel","ariaDescribedBy","width","props","ref","buttonSetProps","useButtonSetContext","inputProps","baseInputProps","buttonSetButtonProps","globalEventProps","isDisabled","processSetButtonProps","display","styling","toggleStyling","layoutWidth","variant","_jsx","BaseButton","mergeProps","onAction","elementDetails","type","isFocusable","isLabel","children","ToggleButtonLabel","displayName"],"mappings":"gRAyHaA,EAAkBC,EAAAA,YAC7B,EAEIC,YACAC,UACAC,cAAa,EACbC,WACAC,WACAC,YACAC,SACAC,QACAC,QACA,aAAcC,EACd,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBAErBC,WAAYC,EAAcC,qBAC1BA,EAAoBC,iBACpBA,EAAgBC,WAChBA,GACEC,EAAqBA,sBAACT,EAAOE,GAC3BE,EAAa,IACdC,EACHK,QAASR,EAAeQ,SAAWV,EAAMU,SAAW,OAGhDC,EAAUC,EAAaA,cAC3BN,EAAqBO,YACrBvB,GACA,GACA,EACiC,aAAjCgB,EAAqBQ,QACrBtB,GACA,GACA,GAGF,OACEuB,MAACC,EAAAA,eACKC,aAAWV,EAAkBD,GACjCL,IAAKA,EACLiB,SAAU,KACR3B,IAAW,CAAEK,MAAON,GAAa,EAEnC6B,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DvB,MAAOG,EAAeH,MAAQ,OAASA,EACvCN,UAAWA,EACXkB,QAASA,EACS,mBAAAb,EAClBJ,OAAQA,EAAM6B,SACdR,MAACS,oBAAiB,CAChB7B,MAAOA,EACPL,WAAYA,EACZkB,WAAYA,EACZpB,UAAWA,EACXC,QAASA,EACTO,MAAOA,KACHQ,KAER,IAINlB,EAAgBuC,YAAc"}

package/amd/ButtonSetIconButton-2d242fd9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-9f103e94', './useTooltip-7b11fd35', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-330c8f8b', './toggleButtonUtils-c8f12580', './buttonUtils-97878e90'], (function(t,e,o,s,n,i,l,a,r,u,c,d,p,b,g,B,f,h){"use strict";const y=s.forwardRef((({children:t,tooltip:s,value:r,accessibleLabel:u,isSelected:c=!1,onToggle:d,position:p,testId:b,width:y,"aria-describedby":S,...m},T)=>{const x=g.useButtonSetContext(),{inputProps:v,buttonSetButtonProps:w,isDisabled:C}=h.processSetButtonProps(m,x),I=n.useRef(null);n.useImperativeHandle(T,(()=>I.current),[I]);const{tooltipContent:P,tooltipProps:L}=l.useTooltip({text:s??u,isDisabled:C}),U=f.toggleStyling(w.layoutWidth,c,!1,!0,"outlined"===w.variant,p,void 0,!0),j={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,j),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>d?.({value:c}),styling:U,width:x.width?"100%":y,ref:I,testId:b,children:e.jsx(B.ToggleButtonLabel,{...L,label:u??s,display:"icons",isSelected:c,...v,value:r,startIcon:t})}),P]})}));y.displayName="ButtonSetIconButton",t.ButtonSetIconButton=y}));
+//# sourceMappingURL=ButtonSetIconButton-2d242fd9.js.map

package/amd/ButtonSetIconButton-2d242fd9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetIconButton-2d242fd9.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-591966c2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonSetButton-208e92a4', './ButtonSetIconButton-2d242fd9', '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:B,isDisabled:S,buttonSetValue:r,onCommit:v,...f}=s.useButtonSetContext(),p=l.useButtonSetPositionContext(),x=t??S,b={tooltip:i.label,value:i.value},g="radio"===B,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:d(i.value,r),onToggle:g?C:m,isDisabled:x,...b,...p,...f,children:i.startIcon}):e.jsx(o.ButtonSetButton,{isSelected:d(i.value,r),onToggle:g?C:m,isDisabled:x,...i,...p,...f})};function d(t,e){return!!e&&e?.indexOf(t)>-1}c.displayName="ButtonSetItem",t.ButtonSetItem=c}));
+//# sourceMappingURL=ButtonSetItem-591966c2.js.map

package/amd/ButtonSetItem-591966c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetItem-591966c2.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-bb5c4369.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-275c3e83', './BaseCardView-70b177ed'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,d]=i.useState({}),n=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&d((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,n);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)=>{d((i=>({...i,cardWidth:e,cardHeight:t})))}})}}));
+//# sourceMappingURL=CardFlexView-bb5c4369.js.map

package/amd/CardFlexView-bb5c4369.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFlexView-bb5c4369.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-c28ff2f7.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-70b177ed'], (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-c28ff2f7.js.map

package/amd/CardGridView-c28ff2f7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGridView-c28ff2f7.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-25d4c94f.js

@@ -0,0 +1,2 @@
+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-8e441eec', './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-d51da206', './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,A,b,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:A="vertical",xAxis:b,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 Ae=v.useTestId(he),be=n.useRef(null),Me=void 0!==Ae["data-testid"],Te="horizontal"===A,{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!=b?.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,b,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:be}),{activeId:Dt,focusedItemInfo:At,hoveredItemInfo:bt,focusedGroupInfo:Mt,navProps:Tt,onFocusUpdate:Pt}=x.useChartNav({rootRef:be,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!=be.current){const t=I.getElementData(be,e),o=t?.ojText;if(!o)return;if(o===b?.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===be.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:be,drilling:Y,onItemDrill:ee,onGroupDrill:te,focusedGroupInfo:Mt,focusedItemInfo:At,groups:N,getDataItem:X,getDataById:e=>at.get(e)}),Vt=c.useChartViewport({rootRef:be,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:bt,focusedItemInfo:At,getDataItem:X,getMarkerInfo:xe,getDataItemPos:Gt,datatip:re,valueFormats:ce,isHoriz:Te,touchResponse:St,isDisabled:Nt,xScale:We,yScale:Ke,timeAxisType:b?.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:At,rootRef:be,xAxisTitle:b?.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:be,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:be,"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,...Ae,...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!=b?.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:At,hoveredItemInfo:bt,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-25d4c94f.js.map

package/amd/Chart-25d4c94f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart-25d4c94f.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-61b1d7bc.js

@@ -0,0 +1,2 @@
+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-d1646f51', '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-61b1d7bc.js.map

package/amd/CheckboxControl-61b1d7bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxControl-61b1d7bc.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-831db563.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-516b1b83', './Flex-56ecdf4c', './Label-4601e8e6', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a1ae959b', '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-d1646f51', '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-2883514d', './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,f,U,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=U.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,f.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-831db563.js.map

package/amd/CheckboxRadioField-831db563.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioField-831db563.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-8f09078f.js

@@ -0,0 +1,2 @@
+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-831db563'], (function(e,s,t,i,o,a,l,r,n,d,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:d="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=n.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:d,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-8f09078f.js.map

package/amd/CheckboxSet-8f09078f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-8f09078f.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/CheckboxStyles.styles.css

@@ -26,4 +26,10 @@
   padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5);
   padding-block-end: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5);
   font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+}
+.CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0, :root.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: -5px;
 }

package/amd/ClearIcon-5b3f9722.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTranslationBundle-516b1b83', './IconButton-d1646f51', './DeleteCircleS-c758067a', './TabbableModeContext-a9c97640', 'preact/hooks'], (function(e,t,n,o,r,a,c){"use strict";e.ClearIcon=function({onClick:e,testId:c}){const i=n.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return t.jsx(a.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(r.SvgDeleteCircleS,{})})})})}}));
+//# sourceMappingURL=ClearIcon-5b3f9722.js.map

package/amd/ClearIcon-5b3f9722.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-5b3f9722.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"}