@oracle/oraclejet-preact 19.0.5 → 19.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amd/{BarChart-8521c53a.js → BarChart-d94f9c56.js} +2 -2
- package/amd/{BarChart-8521c53a.js.map → BarChart-d94f9c56.js.map} +1 -1
- package/amd/{Chart-061335fe.js → Chart-3108fa88.js} +2 -2
- package/amd/{Chart-061335fe.js.map → Chart-3108fa88.js.map} +1 -1
- package/amd/CheckboxSet-678ea1d4.js +2 -0
- package/{es/CheckboxSet-751d4298.js.map → amd/CheckboxSet-678ea1d4.js.map} +1 -1
- package/amd/ColorPicker-8ef0b6e0.js +2 -0
- package/amd/{ColorPicker-d8bda48d.js.map → ColorPicker-8ef0b6e0.js.map} +1 -1
- package/amd/{ComboChart-f3876b51.js → ComboChart-e61b5581.js} +2 -2
- package/amd/{ComboChart-f3876b51.js.map → ComboChart-e61b5581.js.map} +1 -1
- package/amd/{InputColor-192a309b.js → InputColor-5315b76a.js} +2 -2
- package/amd/{InputColor-192a309b.js.map → InputColor-5315b76a.js.map} +1 -1
- package/amd/InputDatePicker-c5ceeb44.js +2 -0
- package/amd/{InputDatePicker-8c8e14ca.js.map → InputDatePicker-c5ceeb44.js.map} +1 -1
- package/amd/{LineAreaChart-68050d87.js → LineAreaChart-f8aefe07.js} +2 -2
- package/amd/{LineAreaChart-68050d87.js.map → LineAreaChart-f8aefe07.js.map} +1 -1
- package/amd/NavigationListItem-82b0c382.js +2 -0
- package/amd/{NavigationListItem-cdbcc394.js.map → NavigationListItem-82b0c382.js.map} +1 -1
- package/amd/{OverflowTabBar-587b7c2a.js → OverflowTabBar-e2b5f36e.js} +2 -2
- package/amd/{OverflowTabBar-587b7c2a.js.map → OverflowTabBar-e2b5f36e.js.map} +1 -1
- package/amd/{OverflowTabBarItem-bcf24ceb.js → OverflowTabBarItem-e01e53ae.js} +2 -2
- package/amd/{OverflowTabBarItem-bcf24ceb.js.map → OverflowTabBarItem-e01e53ae.js.map} +1 -1
- package/amd/PRIVATE_Chart.js +1 -1
- package/amd/{ScatterChart-6fc3c47e.js → ScatterChart-1999acf0.js} +2 -2
- package/amd/{ScatterChart-6fc3c47e.js.map → ScatterChart-1999acf0.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +187 -187
- package/amd/Theme-stable/theme.css +173 -173
- package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
- package/amd/UNSAFE_BarChart.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js.map +1 -1
- package/amd/UNSAFE_CheckboxSet.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js.map +1 -1
- package/amd/UNSAFE_ColorPicker.js +1 -1
- package/amd/UNSAFE_ComboChart.js +1 -1
- package/amd/UNSAFE_InputColor.js +1 -1
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/amd/UNSAFE_LineAreaChart.js +1 -1
- package/amd/UNSAFE_NavigationList.js +1 -1
- package/amd/UNSAFE_OverflowTabBar.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/amd/UNSAFE_RichSelectionItem.js +1 -1
- package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
- package/amd/UNSAFE_ScatterChart.js +1 -1
- package/amd/UNSAFE_TabBar.js +1 -1
- package/amd/UNSAFE_TabBarCommon.js +1 -1
- package/amd/UNSAFE_TabBarMixed.js +1 -1
- package/cjs/{Chart-55c4cd8f.js → Chart-c07adbbd.js} +2 -2
- package/cjs/{Chart-55c4cd8f.js.map → Chart-c07adbbd.js.map} +1 -1
- package/cjs/{ColorPalette-ea5e1bed.js → ColorPalette-f8fbe6a4.js} +2 -2
- package/cjs/{ColorPalette-ea5e1bed.js.map → ColorPalette-f8fbe6a4.js.map} +1 -1
- package/cjs/{ColorPicker-03036ee3.js → ColorPicker-efe1edb3.js} +2 -2
- package/cjs/{ColorPicker-03036ee3.js.map → ColorPicker-efe1edb3.js.map} +1 -1
- package/cjs/{Expander-96ce2888.js → Expander-01af6642.js} +2 -2
- package/cjs/{Expander-96ce2888.js.map → Expander-01af6642.js.map} +1 -1
- package/cjs/MaxLengthCounter-39055ba1.js +27 -0
- package/cjs/MaxLengthCounter-39055ba1.js.map +1 -0
- package/cjs/{NavigationListItem-24abe2ab.js → NavigationListItem-843e014d.js} +4 -2
- package/cjs/{NavigationListItem-24abe2ab.js.map → NavigationListItem-843e014d.js.map} +1 -1
- package/cjs/{NavigationListLinkItem-35f33123.js → NavigationListLinkItem-0931af4d.js} +2 -2
- package/cjs/{NavigationListLinkItem-35f33123.js.map → NavigationListLinkItem-0931af4d.js.map} +1 -1
- package/cjs/{OverflowTabBarItem-c8809159.js → OverflowTabBarItem-6c3c9629.js} +4 -4
- package/cjs/{OverflowTabBarItem-c8809159.js.map → OverflowTabBarItem-6c3c9629.js.map} +1 -1
- package/cjs/PRIVATE_Chart.js +4 -4
- package/cjs/PRIVATE_Expander.js +55 -55
- package/cjs/PRIVATE_Table.js +5 -5
- package/cjs/{SortControl-7be650eb.js → SortControl-5ca85c6b.js} +2 -2
- package/cjs/{SortControl-7be650eb.js.map → SortControl-5ca85c6b.js.map} +1 -1
- package/cjs/{TabBar-afd26c75.js → TabBar-1885c9c5.js} +3 -1
- package/cjs/{TabBar-afd26c75.js.map → TabBar-1885c9c5.js.map} +1 -1
- package/cjs/{TabBarLinkItem-4e4f8da0.js → TabBarLinkItem-cdff6676.js} +2 -2
- package/cjs/{TabBarLinkItem-4e4f8da0.js.map → TabBarLinkItem-cdff6676.js.map} +1 -1
- package/cjs/{Table-0bca32d4.js → Table-49575528.js} +2 -2
- package/cjs/{Table-0bca32d4.js.map → Table-49575528.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +148 -148
- package/cjs/Theme-stable/theme.css +239 -239
- package/cjs/UNSAFE_BarChart.js +4 -4
- package/cjs/UNSAFE_ColorPalette.js +69 -69
- package/cjs/UNSAFE_ColorPicker.js +64 -64
- package/cjs/UNSAFE_ComboChart.js +4 -4
- package/cjs/UNSAFE_FlatTreeView.js +30 -30
- package/cjs/UNSAFE_InputColor.js +12 -12
- package/cjs/UNSAFE_InputDatePicker.js +92 -92
- package/cjs/UNSAFE_LineAreaChart.js +4 -4
- package/cjs/UNSAFE_NavigationList.js +13 -13
- package/cjs/UNSAFE_NavigationListCommon.js +2 -2
- package/cjs/UNSAFE_OverflowTabBar.js +35 -35
- package/cjs/UNSAFE_ReorderableTabBar.js +30 -9
- package/cjs/UNSAFE_ReorderableTabBar.js.map +1 -1
- package/cjs/UNSAFE_ScatterChart.js +4 -4
- package/cjs/UNSAFE_SortControl.js +47 -47
- package/cjs/UNSAFE_TabBar.js +35 -35
- package/cjs/UNSAFE_TabBarCommon.js +55 -55
- package/cjs/UNSAFE_TabBarMixed.js +34 -34
- package/cjs/UNSAFE_TableView.js +5 -5
- package/cjs/UNSAFE_TextArea.js +216 -106
- package/cjs/UNSAFE_TextArea.js.map +1 -1
- package/cjs/UNSAFE_TextAreaAutosize.js +2 -2
- package/cjs/UNSAFE_TextAreaAutosize.js.map +1 -1
- package/es/CheckboxSetContext-1be56556.js +9 -0
- package/{amd/CheckboxSetContext-2e486ea8.js.map → es/CheckboxSetContext-1be56556.js.map} +1 -1
- package/es/{ColorPicker-3bb4cad3.js → ColorPicker-b0f5a7f2.js} +2 -2
- package/es/{ColorPicker-3bb4cad3.js.map → ColorPicker-b0f5a7f2.js.map} +1 -1
- package/es/DiagramStyles.styles.css +10 -16
- package/es/DiagramStyles.styles2.css +16 -10
- package/es/PRIVATE_ContainerDiagram/themes/DiagramStyles.css.js +1 -1
- package/es/PRIVATE_ContainerDiagram.js +1 -1
- package/es/Theme-redwood/theme.css +406 -406
- package/es/Theme-stable/theme.css +457 -457
- package/es/UNSAFE_CheckboxItem.js +47 -101
- package/es/UNSAFE_CheckboxItem.js.map +1 -1
- package/es/UNSAFE_CheckboxSet.js +44 -10
- package/es/UNSAFE_CheckboxSet.js.map +1 -1
- package/es/UNSAFE_ColorPicker.js +25 -25
- package/es/UNSAFE_Diagram/themes/DiagramStyles.css.js +1 -1
- package/es/UNSAFE_Diagram.js +1 -1
- package/es/UNSAFE_InputColor.js +2 -2
- package/es/UNSAFE_InputDatePicker.js +92 -92
- package/es/UNSAFE_RichCheckboxSet.js +25 -29
- package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/es/UNSAFE_RichSelectionItem.js +29 -172
- package/es/UNSAFE_RichSelectionItem.js.map +1 -1
- package/package.json +2 -2
- package/amd/CheckboxSetContext-2e486ea8.js +0 -2
- package/amd/ColorPicker-d8bda48d.js +0 -2
- package/amd/InputDatePicker-8c8e14ca.js +0 -2
- package/amd/NavigationListItem-cdbcc394.js +0 -2
- package/cjs/TextArea-8608dba1.js +0 -187
- package/cjs/TextArea-8608dba1.js.map +0 -1
- package/es/CheckboxSet-751d4298.js +0 -49
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './RichSelectionStartContext-0912e7b0', './RadioItemContext-70878de8', './TruncatingText-459021db', './classNames-08d99695', './UNSAFE_RichSelectionItem/themes/RichSelectionItemStyles.css', './View-5520bcf5', './useTestId-a2e433c2', './AspectRatio-06435b1e', './Avatar-27526b67', './Center-45b0c778', './Flex-4bc3a394', './useId-c9578d26', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './usePress-949a0d03', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './StyledCheckbox-7e4522ca', './Check-7fed684d', './RadioButtonOff-6f07a04e', './RadioButtonOn-90743fd5', './HiddenAccessible-037ef42d', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/RadioStyles.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './CheckboxSetContext-2e486ea8', './useFocusableTextField-8b755b15', './StyledCard-f72bdcc4', 'preact', './useTooltipOnTruncation-e6d20cc0', './useDetectTruncation-d9046081', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useHover-8b8a1496', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useThemeInterpolations-1dff2f9d', './useColorScheme-f2a81610', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useScale-5d246769', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', './Floating-366a30f8', './useFloating-0df4b3d3', './useUser-988f7da2', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './arrayUtils-6ee96a35', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './logger-0f873e29', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './clientHints-6d361eaa', 'css!./RichSelectionItemStyles.styles.css', './borders-e15a6927', './dimensions-f24f9a2b', './size-0127b66b', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './colors-17f17162', './padding-2e7f02fe', './aria-232c9168', './equals-e73adbe3', './_isArray-32602db6', './_isString-d0ada3cb', 'css!./AspectRatioStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarTheme', './UNSAFE_Avatar/themes/AvatarStyles.css', 'css!./AvatarStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css', 'css!./ImageVars.styles.css', 'module', './UNSAFE_Avatar/themes/redwood/AvatarVariants.css', 'css!./AvatarVariants.styles.css', './ImageVars.css-17386400', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './useActive-bb5dc069', './CheckboxOff-e4b2819a', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOn-33fadf25', './CheckboxMixed-3966149d', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'css!./HiddenAccessibleStyles.styles.css', 'css!./RadioStyles.styles.css', './UNSAFE_RadioItem/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './useFocusWithin-5a504fca', './PRIVATE_StyledCard/themes/StyledCardStyles.css', 'css!./StyledCardStyles.styles.css'], (function(e,s,t,a,l,o,i,c,n,d,r,b,u,m,y,h,x,S,f,C,p,F,v,A,I,R,T,g,_,k,N,E,j,U,D,L,w,B,V,O,M,H,P,$,z,W,X,q,K,G,J,Q,Y,Z,ee,se,te,ae,le,oe,ie,ce,ne,de,re,be,ue,me,ye,he,xe,Se,fe,Ce,pe,Fe,ve,Ae,Ie,Re,Te,ge,_e,ke,Ne,Ee,je,Ue,De,Le,we,Be,Ve,Oe,Me,He,Pe,$e,ze,We,Xe,qe,Ke,Ge,Je,Qe,Ye,Ze,es,ss,ts,as,ls,os,is,cs,ns,ds,rs,bs,us,ms,ys,hs,xs,Ss,fs,Cs,ps,Fs,vs,As,Is,Rs,Ts,gs,_s,ks,Ns,Es,js,Us,Ds,Ls,ws,Bs,Vs,Os,Ms,Hs,Ps,$s,zs,Ws,Xs,qs,Ks,Gs,Js,Qs,Ys,Zs,et,st){"use strict";const tt=({secondaryTextId:e,isDisabled:t,isLayoutXL:a,label:l,labelId:o,secondaryText:i})=>{const r=s.jsx(c.TruncatingText,{variant:t?"disabled":"primary",lineClamp:a?1:2,id:o,children:l}),b=n.classNames([a?d.styles.densityWrapper:d.styles.growOneColumn,!a&&!i&&d.styles.labelOnly]);return s.jsxs("div",{className:b,children:[r,i&&s.jsx(c.TruncatingText,{size:"sm",variant:t?"disabled":"secondary",lineClamp:3,id:e,children:i})]})},at=({thumbnailSrc:e,mediaAccessibleLabel:t,testId:a,isDisabled:l})=>{const o=b.useTestId(a?`${a}_thumbnail`:void 0);return s.jsx(u.AspectRatio,{ratio:"4/3",children:s.jsx("img",{alt:t,className:n.classNames([d.styles.thumbnailImage,l&&d.styles.mediaDisabledOpacity]),role:t?void 0:"presentation",src:e,...o})})},lt=({thumbnailSrc:e,mediaAccessibleLabel:t,layout:a,testId:l,isDisabled:o})=>{const i=n.classNames(["md"===a?d.styles.mdMediaVariant:d.styles.smMediaVariant,o&&d.styles.mediaDisabledOpacity]),c=b.useTestId(l?`${l}_thumbnail`:void 0);return s.jsx("img",{alt:t,className:i,role:t?void 0:"presentation",src:e,...c})},ot=({mediaAccessibleLabel:e,thumbnailSrc:t,layout:a,avatar:l,testId:o,isDisabled:i})=>{const c=b.useTestId(o?`${o}_medium`:void 0);let n;if(l){const t=s.jsx(m.Avatar,{...l,"aria-label":e,size:"md",...c});n=i?s.jsx("span",{className:d.styles.mediaDisabledOpacity,children:t}):t}else n=s.jsx(lt,{thumbnailSrc:t,mediaAccessibleLabel:e,layout:a,testId:o,isDisabled:i});return s.jsx(y.Center,{children:n})},it=({avatar:e,iconClass:t,isDisabled:a,layout:l,thumbnailSrc:o,mediaAccessibleLabel:i,testId:c})=>{const r=b.useTestId(c?`${c}_small`:void 0),{iconWrapper:u,iconEnabledColor:h,iconDisabledColor:x,mediaDisabledOpacity:S}=d.styles;let f;if(e){const t=s.jsx(m.Avatar,{...e,"aria-label":i,size:"xs",...r});f=a?s.jsx("span",{className:S,children:t}):t}else if(o)f=s.jsx(lt,{thumbnailSrc:o,mediaAccessibleLabel:i,layout:l,testId:c,isDisabled:a,...r});else if(t){const e=n.classNames([t,u,a?x:h]);f=s.jsx("div",{class:e,...r})}return s.jsx(y.Center,{children:f})},ct=({avatar:e,iconClass:t,isDisabled:a,hasSecondaryText:l,mediaAccessibleLabel:o,layout:i,thumbnailSrc:c,testId:n})=>{if(!i)return null;switch(i){case"xl":return s.jsx(at,{thumbnailSrc:c,mediaAccessibleLabel:o,testId:n,isDisabled:a});case"md":const d=e?{avatar:e}:c?{thumbnailSrc:c}:void 0;return s.jsx(r.View,{alignSelf:l?"start":"center",children:s.jsx(ot,{mediaAccessibleLabel:o,layout:i,testId:n,isDisabled:a,...d})});case"sm":const b=e?{avatar:e,mediaAccessibleLabel:o}:c?{thumbnailSrc:c,mediaAccessibleLabel:o}:t?{iconClass:t}:void 0;return s.jsx(r.View,{alignSelf:l?"start":"center",children:s.jsx(it,{...b,layout:i,testId:n,isDisabled:a})});default:return null}},nt=({value:e,inputRef:a,inputReadonlyRef:l,isFocus:o,isDisabled:c,isLayoutXL:r,isReadonly:b,isSelected:u,describedBy:m,labelledBy:y,onBlur:h,onFocus:x})=>{const{name:S,value:f,onCommit:C}=i.useRadioSetContext(),v=b?u?R.SvgCheck:T.SvgRadioButtonOff:u?g.SvgRadioButtonOn:T.SvgRadioButtonOff,I=t.useRef(null),{interactionProps:j,applyActiveStyle:U}=F.useInteractionStyle(),D=t.useCallback((s=>{s.stopPropagation(),C?.({previousValue:f,value:e})}),[e,f,C]);t.useEffect((()=>{!(document.activeElement===a?.current)&&o&&I?.current?.scrollIntoView({block:"nearest"})}),[a,o,I]);const L=c?N.radioDisabledColor:N.radioDefaultColor,{classes:w}=p.useComponentTheme(E.RadioIconRedwoodTheme,{disabled:c?"isDisabled":"notDisabled",selected:u?"isSelected":"notSelected",active:U?"isActive":"notActive",richSelection:r?"isLayoutXL":"notLayoutXL"}),{isTabbable:B}=A.useTabbableMode(),{index:V}=i.useRadioItemContext(),O=!1!==B&&(0===V&&!f||u)?0:-1,M=s.jsx(_.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:S,value:e,...!b&&!c&&{onChange:D},checked:u,disabled:c,"aria-labelledby":y,"aria-describedby":m,tabIndex:O,onBlur:h,onFocus:x,ref:b?l:a})});return!u&&b?s.jsx("span",{class:d.styles.inputElement,children:M}):s.jsxs("span",{ref:I,class:n.classNames([L,r?d.styles.radioWrapper:void 0]),children:[M,s.jsx("span",{"aria-hidden":"true",class:w,...j,children:s.jsx(v,{size:k.radioIconVars.iconSize,color:"currentColor"})})]})},dt=({value:e,inputRef:t,inputReadonlyRef:a,isSelected:l,isLayoutXL:o,isDisabled:i,isReadonly:c,describedBy:n,labelledBy:r,onBlur:b,onFocus:u})=>{const{name:m}=j.useCheckboxSetContext(),{isTabbable:y}=A.useTabbableMode(),h=o?d.styles.checkboxWrapper:d.styles.checkboxAlign;return!l&&c?s.jsx("span",{class:d.styles.inputElement,children:s.jsx(_.HiddenAccessible,{children:s.jsx("input",{"aria-readonly":!0,"aria-labelledby":r,"aria-describedby":n,type:"checkbox",name:m,value:e,checked:!1,disabled:i,tabIndex:y?0:-1,onBlur:b,onFocus:u,ref:a})})}):s.jsx("span",{class:h,children:s.jsx(I.StyledCheckbox,{"aria-describedby":n,"aria-labelledby":r,isDisabled:i,isReadonly:c,isChecked:l?"checked":"unchecked",name:m,value:e,onBlur:b,onFocus:u,ref:c?a:t})})},rt=e=>{e.preventDefault()};e.RichSelectionItem=({avatar:e,iconClass:a,isReadonly:c,mediaAccessibleLabel:r,secondaryText:b,thumbnailSrc:u,label:m,value:y,testId:S})=>{const{isReadonly:p,isDisabled:F}=f.useFormContext(),v=t.useRef(null),A=t.useRef(null),I=t.useRef(null),{selection:R,layout:T,messageSeverity:g}=o.useRichSelectionContext(),{isDisabled:_,isReadonly:k}=l.useFormFieldContext(),{value:N,onCommit:E}=i.useRadioSetContext(),{value:L,onCommit:w}=j.useCheckboxSetContext(),B="error"===g?"danger":void 0,V=_??F,O=k||p||c,M=!V&&!O,H=x.useId(),P="xl"===T,$=!!e||!!u||!!a,z=`${H}-labelled-text`,W=b?`${H}-secondary-text`:void 0,X="single"===R,q=X?N===y:!!L?.has(y),{isFocused:K,focusProps:{onFocusIn:G,onFocusOut:J},methods:Q}=U.useFocusableTextField({enabledElementRef:A,readonlyElementRef:I,isReadonly:O,isDisabled:V});t.useEffect((()=>{K&&v?.current?.scrollIntoView({block:"nearest"})}),[K,v]);const Y=s.jsx(tt,{secondaryTextId:W,labelId:z,isDisabled:V,isLayoutXL:P,label:m,secondaryText:b}),Z=e?{avatar:e,mediaAccessibleLabel:r,layout:T}:u?{thumbnailSrc:u,mediaAccessibleLabel:r,layout:T}:a?{iconClass:a,layout:T}:void 0,ee=$?s.jsx(ct,{...Z,isDisabled:V,hasSecondaryText:!!b,testId:S?`${S}_media`:void 0}):void 0,se=s.jsx(h.Flex,{align:b?"start":"center",children:X?s.jsx(nt,{onFocus:G,onBlur:J,value:y,inputRef:A,inputReadonlyRef:I,isFocus:K,isLayoutXL:P,isDisabled:V,isReadonly:O,isSelected:q,describedBy:W,labelledBy:`${H}-labelled-text`}):s.jsx(dt,{onFocus:G,onBlur:J,value:y,inputRef:A,inputReadonlyRef:I,isFocus:K,isDisabled:V,isLayoutXL:P,isReadonly:O,isSelected:q,describedBy:W,labelledBy:`${H}-labelled-text`})}),te=t.useCallback((()=>{Q.focus();const e=new Set(L);e.has(y)?e.delete(y):e.add(y),w?.({previousValue:L,value:e.size>0?e:void 0})}),[L,Q,w,y]),ae=t.useCallback((()=>{N!==y&&(Q.focus(),E?.({previousValue:N,value:y}))}),[N,y,Q,E]),le=t.useMemo((()=>({hasMedia:$,hasSecondaryText:!!b})),[$,b]),oe=o.useRichSelectionStartContext();oe?.isFirst&&oe?.setStartData?.(le);const{pressProps:ie}=C.usePress(X?ae:te,{isDisabled:!M});return s.jsx(D.StyledCard,{cursor:M?"pointer":"arrow",display:"inlineFlex",height:"100%",isDisabled:!M,isFocusWithin:K,isSelected:"danger"!==B&&M&&q,onMouseDown:rt,parentComponentVariant:"richSelectionItemCard",ref:v,role:"listitem",styleVariant:B,testId:S?`${S}_styled_card`:void 0,width:"100%",...O?{onClick:()=>Q.focus()}:ie,children:P?s.jsxs(h.Flex,{direction:"column",height:"100%",width:"100%",children:[ee,s.jsx("div",{class:d.styles.selectionElement,children:se}),Y]}):s.jsx("div",{className:n.classNames([d.styles.densityWrapper,!P&&!$&&!b&&null!==oe&&d.styles.startMinHeight]),children:s.jsxs(h.Flex,{direction:"row",gap:"4x",height:"100%",width:"100%",children:[se,Y,ee]})})})},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './RichSelectionStartContext-0912e7b0', './CheckboxSet-678ea1d4', './RadioItemContext-70878de8', './TruncatingText-459021db', './classNames-08d99695', './UNSAFE_RichSelectionItem/themes/RichSelectionItemStyles.css', './View-5520bcf5', './useTestId-a2e433c2', './AspectRatio-06435b1e', './Avatar-27526b67', './Center-45b0c778', './Flex-4bc3a394', './useId-c9578d26', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './usePress-949a0d03', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './StyledCheckbox-7e4522ca', './Check-7fed684d', './RadioButtonOff-6f07a04e', './RadioButtonOn-90743fd5', './HiddenAccessible-037ef42d', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/RadioStyles.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './useFocusableTextField-8b755b15', './StyledCard-f72bdcc4', 'preact', 'preact/compat', './useFormFieldContextProps-08e673cf', 'css!./CheckboxSetStyles.styles.css', './CheckboxRadioField-18bf3cc2', './useCollectionFocusRing-35d278f5', './collectionUtils-26e6c87c', './keys-4755c121', './clientHints-6d361eaa', './useTranslationBundle-27bf6340', './LayerHost-7d4aa6d3', './index-f7ad24df', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './Label-3c17bcc9', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useHover-8b8a1496', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useThemeInterpolations-1dff2f9d', './useColorScheme-f2a81610', './useScale-5d246769', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './unsafeDomAccess-602c5dde', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', './Floating-366a30f8', './useFloating-0df4b3d3', './useUser-988f7da2', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './arrayUtils-6ee96a35', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', 'css!./IconStyle.styles.css', './IconButton-232d63fc', './BaseButton-2c9850cb', './useActive-bb5dc069', './dimensions-f24f9a2b', './size-0127b66b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePressClick-b5bf4243', './buttonUtils-cbbb0130', './id-c70ab33c', './ButtonLabelLayout-9cc087dc', './Text-9e32c423', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './logger-0f873e29', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './getLocale-ae79e654', './stringUtils-4ffd9d59', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-062b66ff', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-d06ac102', './FocusTracker-558a10ff', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-9f80595b', './useAnimationStatus-4b135f52', './popupAnimationUtils-49b93365', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './colors-17f17162', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', './CompactLabelAssistance-7ec99e08', './CompactHelpSource-103a8263', './Help-99314e05', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './InlineHelp-1fc7b3a9', './InlineHelpSource-34ec0779', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './InlineUserAssistance-e406e352', './ComponentMessageContainer-7d775a43', './MessagesManager-1a6283c1', './SuccessS-8dafd1a1', './ErrorS-8d91fdff', './InformationS-015cd288', './WarningS-c50c4022', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './useInputGroupContext-e6e19f4f', './CheckboxRadioFieldStyles.css-bf7d0e95', './useMessageSeverity-1d69e1ae', 'css!./CheckboxRadioFieldStyles.styles.css', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', 'css!./LayoutStyles.styles.css', './CheckboxRadioLabelValueLayout-edb44215', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./RadioStyles.styles.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './UNSAFE_Checkbox/themes/CheckboxStyles.css', 'module', 'css!./CheckboxStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', 'css!./CheckboxVariants.styles.css', './StyledLabelValueLayout-5a476d38', 'css!./LabelValueLayoutStyles.styles.css', 'css!./CheckboxRadioLabelValueLayoutStyles.styles.css', './formControlUtils-a737ac5e', './useTooltipOnTruncation-e6d20cc0', './useDetectTruncation-d9046081', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', './useBusyStateContext-26bb2acb', 'css!./RichSelectionItemStyles.styles.css', './borders-e15a6927', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './padding-2e7f02fe', './aria-232c9168', './equals-e73adbe3', 'css!./AspectRatioStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarTheme', './UNSAFE_Avatar/themes/AvatarStyles.css', 'css!./AvatarStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css', 'css!./ImageVars.styles.css', 'module', './UNSAFE_Avatar/themes/redwood/AvatarVariants.css', 'css!./AvatarVariants.styles.css', './ImageVars.css-17386400', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './CheckboxOff-e4b2819a', './CheckboxOn-33fadf25', './CheckboxMixed-3966149d', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './UNSAFE_RadioItem/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './PRIVATE_StyledCard/themes/StyledCardStyles.css', 'css!./StyledCardStyles.styles.css'], (function(e,s,t,a,o,l,c,i,d,n,r,u,b,m,y,h,S,x,F,A,p,f,C,T,U,_,E,N,B,L,v,w,g,R,I,k,V,M,j,D,O,P,W,H,$,z,X,G,q,K,J,Q,Y,Z,ee,se,te,ae,oe,le,ce,ie,de,ne,re,ue,be,me,ye,he,Se,xe,Fe,Ae,pe,fe,Ce,Te,Ue,_e,Ee,Ne,Be,Le,ve,we,ge,Re,Ie,ke,Ve,Me,je,De,Oe,Pe,We,He,$e,ze,Xe,Ge,qe,Ke,Je,Qe,Ye,Ze,es,ss,ts,as,os,ls,cs,is,ds,ns,rs,us,bs,ms,ys,hs,Ss,xs,Fs,As,ps,fs,Cs,Ts,Us,_s,Es,Ns,Bs,Ls,vs,ws,gs,Rs,Is,ks,Vs,Ms,js,Ds,Os,Ps,Ws,Hs,$s,zs,Xs,Gs,qs,Ks,Js,Qs,Ys,Zs,et,st,tt,at,ot,lt,ct,it,dt,nt,rt,ut,bt,mt,yt,ht,St,xt,Ft,At,pt,ft,Ct,Tt,Ut,_t,Et,Nt,Bt,Lt,vt,wt,gt,Rt,It,kt,Vt,Mt,jt,Dt,Ot,Pt,Wt,Ht,$t,zt,Xt,Gt,qt,Kt,Jt,Qt,Yt,Zt,ea,sa,ta,aa,oa,la,ca,ia,da,na,ra,ua,ba,ma,ya,ha,Sa,xa,Fa,Aa,pa,fa,Ca,Ta,Ua,_a,Ea,Na,Ba,La,va,wa,ga,Ra,Ia,ka,Va,Ma,ja,Da,Oa,Pa,Wa,Ha,$a,za,Xa,Ga,qa,Ka,Ja,Qa,Ya,Za,eo,so,to,ao,oo,lo,co,io,no,ro,uo,bo,mo,yo,ho,So,xo,Fo,Ao,po,fo,Co,To,Uo,_o,Eo,No,Bo,Lo,vo,wo,go,Ro,Io,ko,Vo,Mo,jo,Do){"use strict";const Oo=({secondaryTextId:e,isDisabled:t,isLayoutXL:a,label:o,labelId:l,secondaryText:c})=>{const i=s.jsx(d.TruncatingText,{variant:t?"disabled":"primary",lineClamp:a?1:2,id:l,children:o}),u=n.classNames([a?r.styles.densityWrapper:r.styles.growOneColumn,!a&&!c&&r.styles.labelOnly]);return s.jsxs("div",{className:u,children:[i,c&&s.jsx(d.TruncatingText,{size:"sm",variant:t?"disabled":"secondary",lineClamp:3,id:e,children:c})]})},Po=({thumbnailSrc:e,mediaAccessibleLabel:t,testId:a,isDisabled:o})=>{const l=b.useTestId(a?`${a}_thumbnail`:void 0);return s.jsx(m.AspectRatio,{ratio:"4/3",children:s.jsx("img",{alt:t,className:n.classNames([r.styles.thumbnailImage,o&&r.styles.mediaDisabledOpacity]),role:t?void 0:"presentation",src:e,...l})})},Wo=({thumbnailSrc:e,mediaAccessibleLabel:t,layout:a,testId:o,isDisabled:l})=>{const c=n.classNames(["md"===a?r.styles.mdMediaVariant:r.styles.smMediaVariant,l&&r.styles.mediaDisabledOpacity]),i=b.useTestId(o?`${o}_thumbnail`:void 0);return s.jsx("img",{alt:t,className:c,role:t?void 0:"presentation",src:e,...i})},Ho=({mediaAccessibleLabel:e,thumbnailSrc:t,layout:a,avatar:o,testId:l,isDisabled:c})=>{const i=b.useTestId(l?`${l}_medium`:void 0);let d;if(o){const t=s.jsx(y.Avatar,{...o,"aria-label":e,size:"md",...i});d=c?s.jsx("span",{className:r.styles.mediaDisabledOpacity,children:t}):t}else d=s.jsx(Wo,{thumbnailSrc:t,mediaAccessibleLabel:e,layout:a,testId:l,isDisabled:c});return s.jsx(h.Center,{children:d})},$o=({avatar:e,iconClass:t,isDisabled:a,layout:o,thumbnailSrc:l,mediaAccessibleLabel:c,testId:i})=>{const d=b.useTestId(i?`${i}_small`:void 0),{iconWrapper:u,iconEnabledColor:m,iconDisabledColor:S,mediaDisabledOpacity:x}=r.styles;let F;if(e){const t=s.jsx(y.Avatar,{...e,"aria-label":c,size:"xs",...d});F=a?s.jsx("span",{className:x,children:t}):t}else if(l)F=s.jsx(Wo,{thumbnailSrc:l,mediaAccessibleLabel:c,layout:o,testId:i,isDisabled:a,...d});else if(t){const e=n.classNames([t,u,a?S:m]);F=s.jsx("div",{class:e,...d})}return s.jsx(h.Center,{children:F})},zo=({avatar:e,iconClass:t,isDisabled:a,hasSecondaryText:o,mediaAccessibleLabel:l,layout:c,thumbnailSrc:i,testId:d})=>{if(!c)return null;switch(c){case"xl":return s.jsx(Po,{thumbnailSrc:i,mediaAccessibleLabel:l,testId:d,isDisabled:a});case"md":const n=e?{avatar:e}:i?{thumbnailSrc:i}:void 0;return s.jsx(u.View,{alignSelf:o?"start":"center",children:s.jsx(Ho,{mediaAccessibleLabel:l,layout:c,testId:d,isDisabled:a,...n})});case"sm":const r=e?{avatar:e,mediaAccessibleLabel:l}:i?{thumbnailSrc:i,mediaAccessibleLabel:l}:t?{iconClass:t}:void 0;return s.jsx(u.View,{alignSelf:o?"start":"center",children:s.jsx($o,{...r,layout:c,testId:d,isDisabled:a})});default:return null}},Xo=({value:e,inputRef:a,inputReadonlyRef:o,isFocus:l,isDisabled:c,isLayoutXL:d,isReadonly:u,isSelected:b,describedBy:m,labelledBy:y,onBlur:h,onFocus:S})=>{const{name:x,value:F,onCommit:A}=i.useRadioSetContext(),p=u?b?E.SvgCheck:N.SvgRadioButtonOff:b?B.SvgRadioButtonOn:N.SvgRadioButtonOff,T=t.useRef(null),{interactionProps:_,applyActiveStyle:R}=C.useInteractionStyle(),I=t.useCallback((s=>{s.stopPropagation(),A?.({previousValue:F,value:e})}),[e,F,A]);t.useEffect((()=>{!(document.activeElement===a?.current)&&l&&T?.current?.scrollIntoView({block:"nearest"})}),[a,l,T]);const k=c?w.radioDisabledColor:w.radioDefaultColor,{classes:V}=f.useComponentTheme(g.RadioIconRedwoodTheme,{disabled:c?"isDisabled":"notDisabled",selected:b?"isSelected":"notSelected",active:R?"isActive":"notActive",richSelection:d?"isLayoutXL":"notLayoutXL"}),{isTabbable:M}=U.useTabbableMode(),{index:j}=i.useRadioItemContext(),D=!1!==M&&(0===j&&!F||b)?0:-1,O=s.jsx(L.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:x,value:e,...!u&&!c&&{onChange:I},checked:b,disabled:c,"aria-labelledby":y,"aria-describedby":m,tabIndex:D,onBlur:h,onFocus:S,ref:u?o:a})});return!b&&u?s.jsx("span",{class:r.styles.inputElement,children:O}):s.jsxs("span",{ref:T,class:n.classNames([k,d?r.styles.radioWrapper:void 0]),children:[O,s.jsx("span",{"aria-hidden":"true",class:V,..._,children:s.jsx(p,{size:v.radioIconVars.iconSize,color:"currentColor"})})]})},Go=({value:e,inputRef:t,inputReadonlyRef:a,isSelected:o,isLayoutXL:l,isDisabled:i,isReadonly:d,describedBy:n,labelledBy:u,onBlur:b,onFocus:m})=>{const{name:y}=c.useCheckboxSetContext(),{isTabbable:h}=U.useTabbableMode(),S=l?r.styles.checkboxWrapper:r.styles.checkboxAlign;return!o&&d?s.jsx("span",{class:r.styles.inputElement,children:s.jsx(L.HiddenAccessible,{children:s.jsx("input",{"aria-readonly":!0,"aria-labelledby":u,"aria-describedby":n,type:"checkbox",name:y,value:e,checked:!1,disabled:i,tabIndex:h?0:-1,onBlur:b,onFocus:m,ref:a})})}):s.jsx("span",{class:S,children:s.jsx(_.StyledCheckbox,{"aria-describedby":n,"aria-labelledby":u,isDisabled:i,isReadonly:d,isChecked:o?"checked":"unchecked",name:y,value:e,onBlur:b,onFocus:m,ref:d?a:t})})},qo=e=>{e.preventDefault()};e.RichSelectionItem=({avatar:e,iconClass:a,isReadonly:d,mediaAccessibleLabel:u,secondaryText:b,thumbnailSrc:m,label:y,value:h,testId:F})=>{const{isReadonly:f,isDisabled:C}=A.useFormContext(),T=t.useRef(null),U=t.useRef(null),_=t.useRef(null),{selection:E,layout:N,messageSeverity:B}=l.useRichSelectionContext(),{isDisabled:L,isReadonly:v}=o.useFormFieldContext(),{value:w,onCommit:g}=i.useRadioSetContext(),{value:k,onCommit:V}=c.useCheckboxSetContext(),M="error"===B?"danger":void 0,j=L??C,D=v||f||d,O=!j&&!D,P=x.useId(),W="xl"===N,H=!!e||!!m||!!a,$=`${P}-labelled-text`,z=b?`${P}-secondary-text`:void 0,X="single"===E,G=X?w===h:!!k?.has(h),{isFocused:q,focusProps:{onFocusIn:K,onFocusOut:J},methods:Q}=R.useFocusableTextField({enabledElementRef:U,readonlyElementRef:_,isReadonly:D,isDisabled:j});t.useEffect((()=>{q&&T?.current?.scrollIntoView({block:"nearest"})}),[q,T]);const Y=s.jsx(Oo,{secondaryTextId:z,labelId:$,isDisabled:j,isLayoutXL:W,label:y,secondaryText:b}),Z=e?{avatar:e,mediaAccessibleLabel:u,layout:N}:m?{thumbnailSrc:m,mediaAccessibleLabel:u,layout:N}:a?{iconClass:a,layout:N}:void 0,ee=H?s.jsx(zo,{...Z,isDisabled:j,hasSecondaryText:!!b,testId:F?`${F}_media`:void 0}):void 0,se=s.jsx(S.Flex,{align:b?"start":"center",children:X?s.jsx(Xo,{onFocus:K,onBlur:J,value:h,inputRef:U,inputReadonlyRef:_,isFocus:q,isLayoutXL:W,isDisabled:j,isReadonly:D,isSelected:G,describedBy:z,labelledBy:`${P}-labelled-text`}):s.jsx(Go,{onFocus:K,onBlur:J,value:h,inputRef:U,inputReadonlyRef:_,isFocus:q,isDisabled:j,isLayoutXL:W,isReadonly:D,isSelected:G,describedBy:z,labelledBy:`${P}-labelled-text`})}),te=t.useCallback((()=>{Q.focus();const e=new Set(k);e.has(h)?e.delete(h):e.add(h),V?.({previousValue:k,value:e.size>0?e:void 0})}),[k,Q,V,h]),ae=t.useCallback((()=>{w!==h&&(Q.focus(),g?.({previousValue:w,value:h}))}),[w,h,Q,g]),oe=t.useMemo((()=>({hasMedia:H,hasSecondaryText:!!b})),[H,b]),le=l.useRichSelectionStartContext();le?.isFirst&&le?.setStartData?.(oe);const{pressProps:ce}=p.usePress(X?ae:te,{isDisabled:!O});return s.jsx(I.StyledCard,{cursor:O?"pointer":"arrow",display:"inlineFlex",height:"100%",isDisabled:!O,isFocusWithin:q,isSelected:"danger"!==M&&O&&G,onMouseDown:qo,parentComponentVariant:"richSelectionItemCard",ref:T,role:"listitem",styleVariant:M,testId:F?`${F}_styled_card`:void 0,width:"100%",...D?{onClick:()=>Q.focus()}:ce,children:W?s.jsxs(S.Flex,{direction:"column",height:"100%",width:"100%",children:[ee,s.jsx("div",{class:r.styles.selectionElement,children:se}),Y]}):s.jsx("div",{className:n.classNames([r.styles.densityWrapper,!W&&!H&&!b&&null!==le&&r.styles.startMinHeight]),children:s.jsxs(S.Flex,{direction:"row",gap:"4x",height:"100%",width:"100%",children:[se,Y,ee]})})})},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_RichSelectionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </span>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["RichSelectionTextContent","secondaryTextId","isDisabled","isLayoutXL","label","labelId","secondaryText","labelContent","_jsx","TruncatingText","variant","lineClamp","id","classes","classNames","styles","densityWrapper","growOneColumn","labelOnly","_jsxs","className","children","size","ThumbnailXL","thumbnailSrc","mediaAccessibleLabel","testId","testIdProps","useTestId","undefined","AspectRatio","ratio","alt","thumbnailImage","mediaDisabledOpacity","role","src","Thumbnail","layout","thumbnailClass","mdMediaVariant","smMediaVariant","MediumRenderer","avatar","mediumMediaItem","avatarElement","jsx","Avatar","Center","SmallRenderer","iconClass","iconWrapper","iconEnabledColor","iconDisabledColor","smallMediaItem","class","RichSelectionMediaItem","hasSecondaryText","mediumMedia","View","alignSelf","smallMedia","RadioControl","value","inputRef","inputReadonlyRef","isFocus","isReadonly","isSelected","describedBy","labelledBy","onBlur","onFocus","name","radioGroupValue","onCommit","useRadioSetContext","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","spanRef","useRef","interactionProps","applyActiveStyle","useInteractionStyle","onChangeHandler","useCallback","event","stopPropagation","previousValue","useEffect","document","activeElement","current","scrollIntoView","block","radioColor","radioDisabledColor","radioDefaultColor","radioIconClasses","useComponentTheme","RadioIconRedwoodTheme","disabled","selected","active","richSelection","isTabbable","useTabbableMode","index","useRadioItemContext","tabIndex","hiddenInput","HiddenAccessible","type","onChange","checked","ref","inputElement","radioWrapper","radioIconVars","iconSize","color","CheckboxControl","useCheckboxSetContext","checkboxStyles","checkboxWrapper","checkboxAlign","StyledCheckbox","isChecked","onMouseDown","preventDefault","propsIsReadonly","isFormReadonly","isFormDisabled","useFormContext","styledCardRef","selection","messageSeverity","useRichSelectionContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","onRadioCommit","checkboxGroupValue","onCheckboxCommit","styledCardVariant","isEnabled","useId","hasMedia","isSingleSelection","has","isFocused","focusProps","onFocusIn","onFocusOut","methods","useFocusableTextField","enabledElementRef","readonlyElementRef","textContent","media","mediaContent","selectionControl","Flex","align","triggerCheckBoxAction","focus","newGroupValue","Set","delete","add","triggerRadioAction","startData","useMemo","richSelectionStartContext","useRichSelectionStartContext","isFirst","setStartData","pressProps","usePress","StyledCard","cursor","display","height","isFocusWithin","parentComponentVariant","styleVariant","width","onClick","jsxs","direction","selectionElement","startMinHeight","gap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n value: string | number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /**\n * When focused the view should have the respective RichSelectionItem.\n */\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n />\n </span>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n TestIdProps & {\n /**\n * Specifies if the card is read-only.\n */\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["RichSelectionTextContent","secondaryTextId","isDisabled","isLayoutXL","label","labelId","secondaryText","labelContent","_jsx","TruncatingText","variant","lineClamp","id","classes","classNames","styles","densityWrapper","growOneColumn","labelOnly","_jsxs","className","children","size","ThumbnailXL","thumbnailSrc","mediaAccessibleLabel","testId","testIdProps","useTestId","undefined","AspectRatio","ratio","alt","thumbnailImage","mediaDisabledOpacity","role","src","Thumbnail","layout","thumbnailClass","mdMediaVariant","smMediaVariant","MediumRenderer","avatar","mediumMediaItem","avatarElement","jsx","Avatar","Center","SmallRenderer","iconClass","iconWrapper","iconEnabledColor","iconDisabledColor","smallMediaItem","class","RichSelectionMediaItem","hasSecondaryText","mediumMedia","View","alignSelf","smallMedia","RadioControl","value","inputRef","inputReadonlyRef","isFocus","isReadonly","isSelected","describedBy","labelledBy","onBlur","onFocus","name","radioGroupValue","onCommit","useRadioSetContext","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","spanRef","useRef","interactionProps","applyActiveStyle","useInteractionStyle","onChangeHandler","useCallback","event","stopPropagation","previousValue","useEffect","document","activeElement","current","scrollIntoView","block","radioColor","radioDisabledColor","radioDefaultColor","radioIconClasses","useComponentTheme","RadioIconRedwoodTheme","disabled","selected","active","richSelection","isTabbable","useTabbableMode","index","useRadioItemContext","tabIndex","hiddenInput","HiddenAccessible","type","onChange","checked","ref","inputElement","radioWrapper","radioIconVars","iconSize","color","CheckboxControl","useCheckboxSetContext","checkboxStyles","checkboxWrapper","checkboxAlign","StyledCheckbox","isChecked","onMouseDown","preventDefault","propsIsReadonly","isFormReadonly","isFormDisabled","useFormContext","styledCardRef","selection","messageSeverity","useRichSelectionContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","onRadioCommit","checkboxGroupValue","onCheckboxCommit","styledCardVariant","isEnabled","useId","hasMedia","isSingleSelection","has","isFocused","focusProps","onFocusIn","onFocusOut","methods","useFocusableTextField","enabledElementRef","readonlyElementRef","textContent","media","mediaContent","selectionControl","Flex","align","triggerCheckBoxAction","focus","newGroupValue","Set","delete","add","triggerRadioAction","startData","useMemo","richSelectionStartContext","useRichSelectionStartContext","isFirst","setStartData","pressProps","usePress","StyledCard","cursor","display","height","isFocusWithin","parentComponentVariant","styleVariant","width","onClick","jsxs","direction","selectionElement","startMinHeight","gap"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './ScatterChart-6fc3c47e', 'preact/jsx-runtime', './utils-8ccd1b88', './themeContract.css-2e4b066d', './utils-ad4761c9', './colorUtils-b9dc1bd1', './_curry1-df649359', './getLocale-ae79e654', './stringUtils-4ffd9d59', './labelUtils-a0808e76', './textUtils-ae0a246c', './accUtils-acd70e81', './clientHints-6d361eaa', './utils-cd60c9d4', './datatipUtils-6846028e', './clientUtils-df9caee0', './dimensionUtils-61978138', './scale-2f3251e1', './LineSeries-53e65053', './Marker-cf672e83', 'css!./SvgShapesStyles.styles.css', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './classNames-08d99695', './lineUtils-81206f70', './dataStyleUtils-9895ff76', './colorUtils-7aaca9f1', './useUser-988f7da2', 'preact/hooks', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './Chart-061335fe', './TrackResizeContainer-a4999df9', './useSize-165f7da4', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './size-0127b66b', './useTextDimensions-f254e8f5', './useCssVars-d782da3d', './useTheme-af7bfac1', './useColorScheme-f2a81610', './useScale-5d246769', './Gridlines-545ae30a', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './useId-c9578d26', './Axis-3b37075a', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-a4fcc3cb', './PRIVATE_Axis/themes/redwood/AxisTheme', './PRIVATE_Axis/themes/redwood/AxisBaseTheme.css', 'module', './PRIVATE_Axis/themes/redwood/AxisVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useChartViewport-167a8e6b', './eventsUtils-5fb81c3e', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './useChartNav-a162c821', './layoutUtils-641af87a', './useVisHover-28319fef', './ScrollBar-fae26188', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css', './useSelectDrill-05d4e28f', './useChartDataCursor-622da975', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './useChartDatatip-cdfc4089', './useDatatip-36aa820b', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './Floating-366a30f8', './useFloating-0df4b3d3', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './arrayUtils-6ee96a35', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-ab3b0b91', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './useChartDrill-287d3f36', './useVisDrill-b08ba7e5', './useDoubleTap-b6bf5458', './clientUtils-f1eea2db', './useSelection-bb7d04ee', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './dimensions-f24f9a2b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-a2e433c2', './Text-9e32c423', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-27bf6340', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useContextMenu-4bd1c23a', './Menu-45a26116', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './Dropdown-9d52501e', './keyboardUtils-fb6219eb', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4bc3a394', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useContextMenuGesture-69b54d61', './textSelectionUtils-06c7855d', './useChartDnd-e1facca9', './utils-a2a190fa', './useDnd-33ec1cdf', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-33a329da', './useVisDragModeControls-4fcf2261', './Button-c1b41673', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './useButtonSetContext-dffdaea3', './ButtonSet-ce95318d', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-0ebe4c56', './useRovingTabIndexContainer-b11a404b', './ButtonSetItem-0f8f7660', './ButtonSetButton-af5f14b6', './ToggleButtonLabel-03111248', './ButtonLabelLayout-9cc087dc', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './ButtonSetIconButton-f3c6a05e', './useButtonSetPositionContext-b8534679', './IconToggleButton-b783604a', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-c1224a99'], (function(e,s,t,a,o,l,n,c,i,r,d,u,S,y,h,m,b,f,A,T,B,U,_,F,E,p,w,C,M,N,x,V,g,L,v,I,D,k,P,R,O,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,de,ue,Se,ye,he,me,be,fe,Ae,Te,Be,Ue,_e,Fe,Ee,pe,we,Ce,Me,Ne,xe,Ve,ge,Le,ve,Ie,De,ke,Pe,Re,Oe,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,ds,us,Ss,ys,hs,ms,bs,fs,As,Ts,Bs,Us,_s,Fs,Es,ps,ws,Cs,Ms,Ns,xs,Vs,gs,Ls,vs,Is,Ds,ks,Ps,Rs,Os,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,dt,ut,St,yt,ht,mt,bt,ft,At,Tt,Bt,Ut,_t,Ft,Et,pt,wt,Ct,Mt,Nt,xt,Vt,gt,Lt,vt,It,Dt,kt,Pt,Rt,Ot,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,da,ua,Sa,ya,ha,ma,ba,fa,Aa,Ta,Ba,Ua,_a,Fa,Ea,pa,wa,Ca,Ma,Na,xa,Va,ga,La,va,Ia,Da,ka,Pa,Ra,Oa,Wa,Ha,qa,za,Ga,ja,Ka,Za,Ja,Qa,Xa,Ya,$a,eo,so,to,ao,oo,lo,no,co,io,ro,uo,So,yo,ho,mo){"use strict";e.ScatterChart=s.ScatterChart,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
define(['exports', './ScatterChart-1999acf0', 'preact/jsx-runtime', './utils-8ccd1b88', './themeContract.css-2e4b066d', './utils-ad4761c9', './colorUtils-b9dc1bd1', './_curry1-df649359', './getLocale-ae79e654', './stringUtils-4ffd9d59', './labelUtils-a0808e76', './textUtils-ae0a246c', './accUtils-acd70e81', './clientHints-6d361eaa', './utils-cd60c9d4', './datatipUtils-6846028e', './clientUtils-df9caee0', './dimensionUtils-61978138', './scale-2f3251e1', './LineSeries-53e65053', './Marker-cf672e83', 'css!./SvgShapesStyles.styles.css', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './classNames-08d99695', './lineUtils-81206f70', './dataStyleUtils-9895ff76', './colorUtils-7aaca9f1', './useUser-988f7da2', 'preact/hooks', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './Chart-3108fa88', './TrackResizeContainer-a4999df9', './useSize-165f7da4', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './size-0127b66b', './useTextDimensions-f254e8f5', './useCssVars-d782da3d', './useTheme-af7bfac1', './useColorScheme-f2a81610', './useScale-5d246769', './Gridlines-545ae30a', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './useId-c9578d26', './Axis-3b37075a', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-a4fcc3cb', './PRIVATE_Axis/themes/redwood/AxisTheme', './PRIVATE_Axis/themes/redwood/AxisBaseTheme.css', 'module', './PRIVATE_Axis/themes/redwood/AxisVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useChartViewport-167a8e6b', './eventsUtils-5fb81c3e', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './useChartNav-a162c821', './layoutUtils-641af87a', './useVisHover-28319fef', './useSelectDrill-05d4e28f', './useChartDataCursor-622da975', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './useChartDatatip-cdfc4089', './useDatatip-36aa820b', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './Floating-366a30f8', './useFloating-0df4b3d3', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './arrayUtils-6ee96a35', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-ab3b0b91', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './useChartDrill-287d3f36', './useVisDrill-b08ba7e5', './useDoubleTap-b6bf5458', './clientUtils-f1eea2db', './useSelection-bb7d04ee', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './dimensions-f24f9a2b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-a2e433c2', './Text-9e32c423', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-27bf6340', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useContextMenu-4bd1c23a', './Menu-45a26116', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './Dropdown-9d52501e', './keyboardUtils-fb6219eb', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4bc3a394', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useContextMenuGesture-69b54d61', './textSelectionUtils-06c7855d', './useChartDnd-e1facca9', './utils-a2a190fa', './useDnd-33ec1cdf', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-33a329da', './useVisDragModeControls-4fcf2261', './Button-c1b41673', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './useButtonSetContext-dffdaea3', './ButtonSet-ce95318d', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-0ebe4c56', './useRovingTabIndexContainer-b11a404b', './ButtonSetItem-0f8f7660', './ButtonSetButton-af5f14b6', './ToggleButtonLabel-03111248', './ButtonLabelLayout-9cc087dc', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './ButtonSetIconButton-f3c6a05e', './useButtonSetPositionContext-b8534679', './IconToggleButton-b783604a', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-c1224a99', './ScrollBar-fae26188', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css'], (function(e,s,t,a,o,l,n,c,i,r,d,u,S,y,h,m,b,f,A,T,B,U,_,F,E,p,w,C,M,N,x,V,g,L,v,I,D,k,P,R,O,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,de,ue,Se,ye,he,me,be,fe,Ae,Te,Be,Ue,_e,Fe,Ee,pe,we,Ce,Me,Ne,xe,Ve,ge,Le,ve,Ie,De,ke,Pe,Re,Oe,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,ds,us,Ss,ys,hs,ms,bs,fs,As,Ts,Bs,Us,_s,Fs,Es,ps,ws,Cs,Ms,Ns,xs,Vs,gs,Ls,vs,Is,Ds,ks,Ps,Rs,Os,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,dt,ut,St,yt,ht,mt,bt,ft,At,Tt,Bt,Ut,_t,Ft,Et,pt,wt,Ct,Mt,Nt,xt,Vt,gt,Lt,vt,It,Dt,kt,Pt,Rt,Ot,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,da,ua,Sa,ya,ha,ma,ba,fa,Aa,Ta,Ba,Ua,_a,Fa,Ea,pa,wa,Ca,Ma,Na,xa,Va,ga,La,va,Ia,Da,ka,Pa,Ra,Oa,Wa,Ha,qa,za,Ga,ja,Ka,Za,Ja,Qa,Xa,Ya,$a,eo,so,to,ao,oo,lo,no,co,io,ro,uo,So,yo,ho,mo){"use strict";e.ScatterChart=s.ScatterChart,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_ScatterChart.js.map
|
package/amd/UNSAFE_TabBar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './TabBar-3fe1e19e', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-
|
|
1
|
+
define(['exports', './TabBar-3fe1e19e', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-e01e53ae', './useTabBarContext-15a23bb6', './useProgressiveTruncation-d09a4840', './TabBarLinkItem-67ae56f5', 'preact/jsx-runtime', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './LiveRegion-4b9317e5', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-a2e433c2', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Flex-4bc3a394', './classNames-08d99695', './boxalignment-6cee1ef3', './size-0127b66b', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-f24f9a2b', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./TabBarItemVariants.styles.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', './Floating-366a30f8', './useFloating-0df4b3d3', './useUser-988f7da2', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './useColorScheme-f2a81610', './useScale-5d246769', './theme-a8f3d819', './Theme-d945adae', './useDensity-bee3cef4', './unsafeDomAccess-602c5dde', './useModal-536cb7ff', './useComponentTheme-5aa41a8f', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', 'css!./IconStyle.styles.css', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './useTabbableMode-df433329', './useId-c9578d26', './buttonUtils-cbbb0130', './id-c70ab33c', './ButtonLabelLayout-9cc087dc', './Text-9e32c423', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './useTranslationBundle-27bf6340', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-9f802535', './UNSAFE_TabBar/themes/TabBarStyles.css', 'css!./TabBarStyles.styles.css', './useTabBar-ce36c510', './collectionUtils-26e6c87c', './keys-4755c121', './useCollectionFocusRing-35d278f5', './useCurrentKey-2f1ca19e', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useContextMenuGesture-69b54d61', './textSelectionUtils-06c7855d', './TabBarContextMenu-cad0a362', './Menu-45a26116', './Dropdown-9d52501e', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './SelectMenuGroupContext-67f24a8f', './Separator-181f7541', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './tabBarUtils-6cb47f4d', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './useBusyStateContext-26bb2acb', './WarningS-c50c4022', './Icon-865b3c78', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './UNSAFE_Icon/themes/IconStyle.css', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084', './UNSAFE_Badge/themes/redwood/BadgeTheme', './UNSAFE_Badge/themes/BadgeStyles.css', 'css!./BadgeStyles.styles.css', './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', 'css!./BadgeVariants.styles.css', './EmbeddedIconButton-7a2a1a8c', './Close-7a1f81d8', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-82b0c382', './clientUtils-f1eea2db', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './BaseNavigationListItem-cb5c260b', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css', './NavigationListLinkItem-77705dba'], (function(e,s,t,a,o,n,l,r,c,d,i,m,S,u,b,y,B,h,T,F,N,U,f,A,_,E,w,g,L,v,I,p,C,M,x,k,O,V,W,R,D,P,H,j,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,le,re,ce,de,ie,me,Se,ue,be,ye,Be,he,Te,Fe,Ne,Ue,fe,Ae,_e,Ee,we,ge,Le,ve,Ie,pe,Ce,Me,xe,ke,Oe,Ve,We,Re,De,Pe,He,je,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,ls,rs,cs,ds,is,ms,Ss,us,bs,ys,Bs,hs,Ts,Fs,Ns,Us,fs,As,_s,Es,ws,gs,Ls,vs,Is,ps,Cs,Ms,xs,ks,Os,Vs,Ws,Rs,Ds,Ps,Hs,js,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,at,ot,nt,lt,rt,ct,dt,it,mt,St,ut,bt,yt,Bt,ht,Tt,Ft,Nt,Ut,ft,At,_t,Et,wt,gt,Lt,vt,It,pt,Ct,Mt,xt,kt,Ot,Vt,Wt,Rt,Dt,Pt,Ht,jt,zt,Gt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,ea,sa,ta,aa,oa,na,la,ra,ca,da,ia,ma,Sa,ua,ba,ya,Ba,ha,Ta,Fa,Na,Ua,fa,Aa,_a,Ea,wa,ga){"use strict";e.TabBar=s.TabBar,e.TabBarItem=t.TabBarItem,e.RemovableTabBarItem=a.RemovableTabBarItem,e.OverflowTabBarItem=o.OverflowTabBarItem,e.TabBarContext=n.TabBarContext,e.useTabBarContext=n.useTabBarContext,e.useProgressiveTruncation=l.useProgressiveTruncation,e.TabBarLinkItem=r.TabBarLinkItem,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_TabBar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-
|
|
1
|
+
define(['exports', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-e01e53ae', './TabBarLinkItem-67ae56f5', './useTabBarContext-15a23bb6', './TabBarLayout-9f802535', './useProgressiveTruncation-d09a4840', 'preact/jsx-runtime', './BaseTabBarItem-cdec0e90', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-988f7da2', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './Text-9e32c423', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './clientHints-6d361eaa', './Flex-4bc3a394', './useTestId-a2e433c2', './boxalignment-6cee1ef3', './size-0127b66b', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-f24f9a2b', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTranslationBundle-27bf6340', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css', 'css!./TabBarItemStyles.styles.css', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./TabBarItemVariants.styles.css', './useConveyorBeltItem-ce9e4c40', './ConveyorBeltContext-d8653090', './useId-c9578d26', './useDetectTruncation-d9046081', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './WarningS-c50c4022', './Icon-865b3c78', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useHover-8b8a1496', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useThemeInterpolations-1dff2f9d', './useColorScheme-f2a81610', './useScale-5d246769', './theme-a8f3d819', './Theme-d945adae', './useDensity-bee3cef4', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', './Floating-366a30f8', './useFloating-0df4b3d3', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084', './UNSAFE_Badge/themes/redwood/BadgeTheme', './UNSAFE_Badge/themes/BadgeStyles.css', 'css!./BadgeStyles.styles.css', './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', 'css!./BadgeVariants.styles.css', './EmbeddedIconButton-7a2a1a8c', './BaseButton-2c9850cb', './useActive-bb5dc069', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePressClick-b5bf4243', './buttonUtils-cbbb0130', './id-c70ab33c', './ButtonLabelLayout-9cc087dc', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './Close-7a1f81d8', './Dropdown-9d52501e', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './usePopupAnimation-9f80595b', './useAnimationStatus-4b135f52', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-b0021878', './popupUtils-e19b93b5', './animationUtils-716a9aa6', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', 'css!./OverflowTabBarItemStyles.styles.css', './NavigationListItem-82b0c382', './clientUtils-f1eea2db', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './collectionUtils-26e6c87c', './keys-4755c121', './useCollectionFocusRing-35d278f5', './useCurrentKey-2f1ca19e', './useContextMenuGesture-69b54d61', './textSelectionUtils-06c7855d', './TabBarContextMenu-cad0a362', './Menu-45a26116', './MenuItem-ff1cd14d', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', './SelectMenuGroupContext-67f24a8f', './Separator-181f7541', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './tabBarUtils-6cb47f4d', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './BaseNavigationListItem-cb5c260b', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css', './NavigationListLinkItem-77705dba'], (function(e,s,t,a,o,n,l,r,c,d,i,m,u,S,y,b,B,h,T,F,N,U,f,A,_,E,w,g,L,v,I,p,C,M,x,k,O,V,W,R,D,P,H,j,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,le,re,ce,de,ie,me,ue,Se,ye,be,Be,he,Te,Fe,Ne,Ue,fe,Ae,_e,Ee,we,ge,Le,ve,Ie,pe,Ce,Me,xe,ke,Oe,Ve,We,Re,De,Pe,He,je,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,ls,rs,cs,ds,is,ms,us,Ss,ys,bs,Bs,hs,Ts,Fs,Ns,Us,fs,As,_s,Es,ws,gs,Ls,vs,Is,ps,Cs,Ms,xs,ks,Os,Vs,Ws,Rs,Ds,Ps,Hs,js,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,at,ot,nt,lt,rt,ct,dt,it,mt,ut,St,yt,bt,Bt,ht,Tt,Ft,Nt,Ut,ft,At,_t,Et,wt,gt,Lt,vt,It,pt,Ct,Mt,xt,kt,Ot,Vt,Wt,Rt,Dt,Pt,Ht,jt,zt,Gt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,ea,sa,ta,aa,oa,na,la,ra,ca,da,ia,ma,ua,Sa,ya,ba,Ba,ha,Ta,Fa,Na,Ua){"use strict";e.TabBarItem=s.TabBarItem,e.RemovableTabBarItem=t.RemovableTabBarItem,e.OverflowTabBarItem=a.OverflowTabBarItem,e.TabBarLinkItem=o.TabBarLinkItem,e.TabBarContext=n.TabBarContext,e.useTabBarContext=n.useTabBarContext,e.TabBarLayout=l.TabBarLayout,e.useProgressiveTruncation=r.useProgressiveTruncation,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_TabBarCommon.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './TabBarMixed-090b4984', './TabBarMixedSeparator-4c6ad368', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-
|
|
1
|
+
define(['exports', './TabBarMixed-090b4984', './TabBarMixedSeparator-4c6ad368', './TabBarItem-5c91efc9', './RemovableTabBarItem-8c254100', './OverflowTabBarItem-e01e53ae', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-7d4aa6d3', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4bc3a394', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './TabBarLayout-9f802535', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './useColorScheme-f2a81610', './classNames-08d99695', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'module', './useComponentTheme-5aa41a8f', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './useTabbableMode-df433329', './useId-c9578d26', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-a2e433c2', './unsafeDomAccess-602c5dde', './ButtonLabelLayout-9cc087dc', './Text-9e32c423', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './Floating-366a30f8', './useFloating-0df4b3d3', './useUser-988f7da2', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './arrayUtils-6ee96a35', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './useScale-5d246769', './theme-a8f3d819', './Theme-d945adae', './useDensity-bee3cef4', './useModal-536cb7ff', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './useTranslationBundle-27bf6340', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', 'css!./TabBarMixedStyles.styles.css', './useTabBar-ce36c510', './collectionUtils-26e6c87c', './keys-4755c121', './useCollectionFocusRing-35d278f5', './useCurrentKey-2f1ca19e', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useContextMenuGesture-69b54d61', './textSelectionUtils-06c7855d', './TabBarContextMenu-cad0a362', './Menu-45a26116', './Dropdown-9d52501e', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', './SelectMenuGroupContext-67f24a8f', './Separator-181f7541', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './tabBarUtils-6cb47f4d', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './View-5520bcf5', './colors-17f17162', './padding-2e7f02fe', './size-0127b66b', './aria-232c9168', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', './equals-e73adbe3', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css', 'css!./TabBarMixedSeparator.styles.css', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css', 'css!./TabBarItemVariants.styles.css', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './useBusyStateContext-26bb2acb', './WarningS-c50c4022', './Icon-865b3c78', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084', './UNSAFE_Badge/themes/redwood/BadgeTheme', './UNSAFE_Badge/themes/BadgeStyles.css', 'css!./BadgeStyles.styles.css', './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', 'css!./BadgeVariants.styles.css', './EmbeddedIconButton-7a2a1a8c', './Close-7a1f81d8', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-82b0c382', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './BaseNavigationListItem-cb5c260b', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css', './NavigationListLinkItem-77705dba', './index-f7ad24df', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./TextStyles.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./FlexStyles.styles.css', 'css!./flexitem.styles.css', 'css!./boxalignment.styles.css'], (function(e,s,t,a,o,n,l,r,d,c,i,m,S,b,y,u,B,h,T,F,N,f,U,A,_,E,w,g,L,p,v,M,I,x,C,k,O,V,W,R,D,H,P,j,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,le,re,de,ce,ie,me,Se,be,ye,ue,Be,he,Te,Fe,Ne,fe,Ue,Ae,_e,Ee,we,ge,Le,pe,ve,Me,Ie,xe,Ce,ke,Oe,Ve,We,Re,De,He,Pe,je,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,ls,rs,ds,cs,is,ms,Ss,bs,ys,us,Bs,hs,Ts,Fs,Ns,fs,Us,As,_s,Es,ws,gs,Ls,ps,vs,Ms,Is,xs,Cs,ks,Os,Vs,Ws,Rs,Ds,Hs,Ps,js,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,at,ot,nt,lt,rt,dt,ct,it,mt,St,bt,yt,ut,Bt,ht,Tt,Ft,Nt,ft,Ut,At,_t,Et,wt,gt,Lt,pt,vt,Mt,It,xt,Ct,kt,Ot,Vt,Wt,Rt,Dt,Ht,Pt,jt,zt,Gt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,ea,sa,ta,aa,oa,na,la,ra,da,ca,ia,ma,Sa,ba,ya,ua,Ba,ha,Ta,Fa,Na,fa,Ua,Aa,_a,Ea,wa,ga,La,pa,va,Ma,Ia,xa){"use strict";e.TabBarMixed=s.TabBarMixed,e.TabBarMixedSeparator=t.TabBarMixedSeparator,e.TabBarItem=a.TabBarItem,e.RemovableTabBarItem=o.RemovableTabBarItem,e.OverflowTabBarItem=n.OverflowTabBarItem,e.TabBarLayout=p.TabBarLayout,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_TabBarMixed.js.map
|
|
@@ -14,6 +14,7 @@ var useChartViewport = require('./useChartViewport-d2e8c46f.js');
|
|
|
14
14
|
var utils = require('./utils-7c1b4abe.js');
|
|
15
15
|
var useChartNav = require('./useChartNav-b079ab1e.js');
|
|
16
16
|
var mergeProps = require('./mergeProps-e3da7237.js');
|
|
17
|
+
var ScrollBar = require('./ScrollBar-76e58249.js');
|
|
17
18
|
var useSelectDrill = require('./useSelectDrill-97935ff4.js');
|
|
18
19
|
var useUser = require('./useUser-081e5bd5.js');
|
|
19
20
|
var useTestId = require('./useTestId-15ee37d6.js');
|
|
@@ -40,7 +41,6 @@ var OverviewSlidingWindow = require('./OverviewSlidingWindow-09c08dc9.js');
|
|
|
40
41
|
var PRIVATE_VisOverview_themes_VisOverview_css = require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
|
|
41
42
|
var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
|
|
42
43
|
var useChartDatatip = require('./useChartDatatip-488151ad.js');
|
|
43
|
-
var ScrollBar = require('./ScrollBar-76e58249.js');
|
|
44
44
|
|
|
45
45
|
/**
|
|
46
46
|
* @license
|
|
@@ -614,4 +614,4 @@ function Chart({ width, height, ...props }) {
|
|
|
614
614
|
}
|
|
615
615
|
|
|
616
616
|
exports.Chart = Chart;
|
|
617
|
-
//# sourceMappingURL=Chart-
|
|
617
|
+
//# sourceMappingURL=Chart-c07adbbd.js.map
|