npm - @vibe/core - Versions diffs - 3.87.0 → 4.0.0-alpha.1 - Mend

@vibe/core 3.87.0 → 4.0.0-alpha.1

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.

Files changed (2022) hide show

package/dist/src/components/AvatarGroup/AvatarGroupCounter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,M=void 0===j?"medium":j,P=v.type,g=v.counterAriaLabel,E=v.disabled,A=v.counterProps||{},z=A.color,L=void 0===z?"light":z,N=A.count,T=void 0===N?b.length:N,h=A.prefix,y=void 0===h?"+":h,G=A.maxDigits,k=void 0===G?3:G,B=A.ariaLabelItemsName,D=void 0===B?"items":B,H=A.noAnimation,O=A.dialogContainerSelector,R=A.tabIndex,S=void 0===R?0:R,V=m(p,null==M?void 0:""+M),_=p[L],U=t(null),q=t(null),w=t(null),F=r((function(){return o.createElement(i,{color:L,count:T,prefix:y,maxDigits:k,ariaLabel:g||"Tab for more ".concat(D),noAnimation:H,counterClassName:n(e({},p.disabled,E)),size:"xs"===M?"xs":void 0})}),[g,D,L,k,y,T,E,H]);return b.length||T?E?o.createElement("div",{ref:w,className:n(p.counterContainer,p.disabled,V,_)},F()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:F,zIndex:1,className:n(p.counterContainer,V,_),ariaLabel:g||"".concat(T," additional ").concat(D),dialogContainerSelector:O},o.createElement(l,{id:"menu",size:l.sizes.MEDIUM,className:p.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:U,focusNextPlaceholderRef:q,counterContainerRef:w,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:P},o.createElement("div",{tabIndex:-1,ref:U}),o.createElement("div",{tabIndex:S,className:n(p.counterContainer,V,_),ref:w},F(),o.createElement("div",{tabIndex:-1,ref:q}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=m(p,null==P?void 0:""+P),_=p[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},p.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length||h?A?o.createElement("div",{ref:F,className:n(p.counterContainer,p.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:J,zIndex:1,className:n(p.counterContainer,V,_),"aria-label":M||"".concat(h," additional ").concat(H),dialogContainerSelector:R},o.createElement(l,{id:"menu",size:"medium",className:p.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(p.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n The list of avatars hidden behind the counter.\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n Props for customizing the counter appearance.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props for customizing the counter tooltip.\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n The size of the counter.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the counter.\n /\n type?: AvatarType;\n /\n The label of the counter for accessibility.\n /\n counterAriaLabel?: string;\n /\n If true, the counter is disabled and non-interactive.\n /\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n ~~ariaLabel~~={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ~~ariaLabel~~={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size~~={Menu.sizes.MEDIUM}~~ className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.~~ariaLabel~~,\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n ~~ariaLabel~~: \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","~~ariaLabel","~~concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","~~sizes","MEDIUM","~~menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"unBAoDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,~~EACXsB~~,~~UAAWtC~~,~~mBAAmCuC~~,~~OAAmBpB~~,~~GACjEC~~,YAAaA,~~EACboB~~,iBAAkBC,EAAEC,EAAA,CAAA,~~EAAIf~~,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,~~UAAO6C~~,GAGnC,GAAG,~~CACD3C~~,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,~~CAAAQ~~,~~IAAKZ~~,~~EACLa~~,UAAWJ,~~EAAGd~~,~~EAAOmB~~,~~iBAAkBnB~~,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,~~EAAsBsD~~,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,~~IAGxEhB~~,EAACC,~~cAAAgB~~,GACCC,~~UAAWpB~~,~~EACXqB~~,OAAQ,EACRT,UAAWJ,~~EAAGd~~,~~EAAOmB~~,~~iBAAkBrB~~,EAAkBG,~~GACzDU~~,~~UAAWtC~~,~~GAAmCuC~~,GAAAA,~~OAAM9B~~,~~EAAY8B~~,gBAAAA,~~OAAepB~~,~~GAC/EE~~,wBAAyBA,GAEzBc,EAAAC,~~cAACmB~~,EAAI,CAACC,GAAG,~~OAAO1D~~,~~KAAMyD~~,~~EAAKE~~,~~MAAMC~~,~~OAAQb~~,~~UAAWlB,EAAOgC,~~KAAMC,sBAAuB,~~GACrFnE~~,~~EAAsBoE~~,KAAI,SAACC,EAAQC,eAClC,~~OAEE5B~~,EAACC,~~cAAA4B~~,EACC,CAAAC,cAAe,CACbC,KAAmB,~~QAAdjB~~,~~EAAAa~~,~~EAAOZ~~,aAAO,IAAAD,OAAA,EAAAA,EAAAO,~~KAAaO~~,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,~~EAAOZ~~,aAAO,~~IAAAoB~~,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,~~WAAqC~~,~~QAAfC~~,EAAAX,~~aAAM~~,~~EAANA~~,~~EAAQZ~~,~~aAAO~~,~~IAAAuB~~,OAAA,EAAAA,~~EAAAnC~~,~~WACzEa~~,QAAS,~~SAACuB~~,GAA6C,OAAKC,EAAcD,EAAOZ,~~EAAOZ~~,MAAM,~~GAEhG0B~~,2CACKd,~~EAAOZ~~,OACV,~~CAAA2B~~,WAAYC,~~EACZxC~~,~~UAAW~~,~~GACXf~~,UAAW,KAIlB,MAOPY,EAAAC,~~cAAC2C~~,EAAkC,~~CACjClD~~,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,~~EACrBgD~~,~~QAASvF~~,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,~~EAAGqB~~,~~IAAKf~~,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,~~EACVqB~~,UAAWJ,~~EAAGd~~,~~EAAOmB~~,~~iBAAkBrB~~,EAAkBG,~~GACzDgB~~,~~IAAKZ~~,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,~~EAAGqB~~,~~IAAKb~~,MAnErB,IAuEX"}
1	+ {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n The list of avatars hidden behind the counter.\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n Props for customizing the counter appearance.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props for customizing the counter tooltip.\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n The size of the counter.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the counter.\n /\n type?: AvatarType;\n /\n The label of the counter for accessibility.\n /\n counterAriaLabel?: string;\n /\n If true, the counter is disabled and non-interactive.\n /\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.[\"aria-label\"],\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n \"aria-label\": \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"unBAoDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACC,aAAAhB,mBAAmCsC,OAAmBnB,GAClEC,YAAaA,EACbmB,iBAAkBC,EAAEC,EAAA,CAAA,EAAId,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO4C,GAGnC,GAAG,CACD1C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAO,IAAKX,EACLY,UAAWJ,EAAGb,EAAOkB,iBAAkBlB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBqD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEf,EAACC,cAAAe,GACCC,UAAWnB,EACXoB,OAAQ,EACRT,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GAAkB,aAC/D5B,GAAmCsC,GAAAA,OAAM7B,EAAY6B,gBAAAA,OAAenB,GAChFE,wBAAyBA,GAEzBc,EAAAC,cAACkB,EAAI,CAACC,GAAG,OAAOzD,KAAK,SAAS8C,UAAWjB,EAAO6B,KAAMC,sBAAuB,GAC1EhE,EAAsBiE,KAAI,SAACC,EAAQC,eAClC,OAEEzB,EAACC,cAAAyB,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdf,EAAAW,EAAOV,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaK,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOV,aAAO,IAAAkB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAmC,QAAbC,EAAAX,aAAA,EAAAA,EAAQV,aAAK,IAAAqB,OAAA,EAAAA,EAAG,eAC1EpB,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZ,aAAc,GACdpD,UAAW,KAIlB,MAOPY,EAAAC,cAACwC,EAAkC,CACjC/C,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB6C,QAASpF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGoB,IAAKd,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVoB,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GACzDe,IAAKX,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGoB,IAAKZ,MAnErB,IAuEX"}

package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={counterContainer:"counterContainer_9e5f697889","focus-visible":"focus-visible_b76eef893d",xs:"xs_d04a7acb46",small:"small_0dd5db4bed",medium:"medium_b897777ae6",large:"large_011f5b46f9",primary:"primary_8e009155a7",dark:"dark_44ddbc5977",negative:"negative_2fff47e19e",light:"light_98017be460",disabled:"disabled_ccc7518066",menu:"menu_8b1fed9e6e"};!function(e){const n="s_id-7f36163b89a3_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_9e5f697889.counterContainer_9e5f697889 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889:focus-visible, .counterContainer_9e5f697889.counterContainer_9e5f697889.focus-visible_b76eef893d { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889:focus-visible:focus-visible, .counterContainer_9e5f697889.counterContainer_9e5f697889:focus-visible.focus-visible_b76eef893d, .counterContainer_9e5f697889.counterContainer_9e5f697889.focus-visible_b76eef893d:focus-visible, .counterContainer_9e5f697889.counterContainer_9e5f697889.focus-visible_b76eef893d.focus-visible_b76eef893d {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889:focus-visible:focus:not(.focus-visible_b76eef893d), .counterContainer_9e5f697889.counterContainer_9e5f697889.focus-visible_b76eef893d:focus:not(.focus-visible_b76eef893d) {\n  outline: none;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.xs_d04a7acb46 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.small_0dd5db4bed {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.medium_b897777ae6 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.large_011f5b46f9 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.primary_8e009155a7 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.dark_44ddbc5977 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.negative_2fff47e19e {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889.light_98017be460 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_9e5f697889.counterContainer_9e5f697889 .disabled_ccc7518066, .counterContainer_9e5f697889.counterContainer_9e5f697889.disabled_ccc7518066 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_8b1fed9e6e {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_8b1fed9e6e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_8b1fed9e6e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={counterContainer:"counterContainer_ecb9c25d35","focus-visible":"focus-visible_c769b5006e",xs:"xs_9d22cd9e2e",small:"small_040358730b",medium:"medium_78921eb6de",large:"large_fd7ee465a0",primary:"primary_8305398a03",dark:"dark_f059a673b6",negative:"negative_76110f5697",light:"light_7500facd22",disabled:"disabled_4be632ba62",menu:"menu_e8285c39fd"};!function(e){const n="s_id-98062d6d439a_4_0_0-alpha_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35:focus-visible, .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.focus-visible_c769b5006e { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35:focus-visible:focus-visible, .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35:focus-visible.focus-visible_c769b5006e, .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.focus-visible_c769b5006e:focus-visible, .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.focus-visible_c769b5006e.focus-visible_c769b5006e {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35:focus-visible:focus:not(.focus-visible_c769b5006e), .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.focus-visible_c769b5006e:focus:not(.focus-visible_c769b5006e) {\n  outline: none;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.xs_9d22cd9e2e {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.small_040358730b {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.medium_78921eb6de {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.large_fd7ee465a0 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.primary_8305398a03 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.dark_f059a673b6 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.negative_76110f5697 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.light_7500facd22 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_ecb9c25d35.counterContainer_ecb9c25d35 .disabled_4be632ba62, .counterContainer_ecb9c25d35.counterContainer_ecb9c25d35.disabled_4be632ba62 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_e8285c39fd {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_e8285c39fd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_e8285c39fd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{useCallback as o,useMemo as r}from"react";import e from"classnames";import n from"./AvatarGroupCounterTooltipContentVirtualizedList.js";import{avatarRenderer as a}from"./AvatarGroupCounterTooltipHelper.js";import i from"./AvatarGroupCounterTooltipContent.module.scss.js";import l from"../../../components/layout/dist/Flex/Flex.js";var s=function(s){var p=s.avatars,u=void 0===p?[]:p,m=s.type,c=s.className,d=s.isVirtualizedList,v=void 0!==d&&d,C=s.tooltipContentContainerRef,f=o((function(t){var o;return(null===(o=null==t?void 0:t.tooltipProps)||void 0===o?void 0:o.content)||(null==t?void 0:t.ariaLabel)}),[]),b=r((function(){var t=u.map((function(t){return{value:Object.assign(Object.assign({},t.props),{tooltipContent:f(t.props)})}})),o=!t.some((function(t){return t.value.tooltipContent})),r=o?void 0:t.map((function(t){return t.value.tooltipContent})).join(",");return{avatarItems:t,displayAsGrid:o,tooltipContainerAriaLabel:r}}),[u,f]),L=b.avatarItems,A=b.displayAsGrid,j=b.tooltipContainerAriaLabel,g=r((function(){return L.map((function(t,o){return a(t,o,void 0,m,A)}))}),[L,A,m]);if(v)return t.createElement(n,{avatarRenderer:a,tooltipContentContainerRef:C,tooltipContainerAriaLabel:j,avatarItems:L,type:m});var G={ref:C,tabIndex:-1,role:"treegrid",ariaLabel:j,className:A?e(i.scrollableContainer,i.tooltipContainer,i.tooltipGridContainer,c):e(i.scrollableContainer,i.tooltipContainer,c),direction:A?l.directions.ROW:l.directions.COLUMN,gap:A?l.gaps.XS:l.gaps.SMALL,wrap:A};return t.createElement(l,Object.assign({},G),g)};export{s as default};
+import t,{useCallback as o,useMemo as r}from"react";import e from"classnames";import n from"./AvatarGroupCounterTooltipContentVirtualizedList.js";import{avatarRenderer as a}from"./AvatarGroupCounterTooltipHelper.js";import i from"./AvatarGroupCounterTooltipContent.module.scss.js";import l from"../../../components/layout/dist/Flex/Flex.js";var s=function(s){var p=s.avatars,u=void 0===p?[]:p,m=s.type,c=s.className,v=s.isVirtualizedList,d=void 0!==v&&v,C=s.tooltipContentContainerRef,f=o((function(t){var o;return(null===(o=null==t?void 0:t.tooltipProps)||void 0===o?void 0:o.content)||(null==t?void 0:t["aria-label"])}),[]),b=r((function(){var t=u.map((function(t){return{value:Object.assign(Object.assign({},t.props),{tooltipContent:f(t.props)})}})),o=!t.some((function(t){return t.value.tooltipContent})),r=o?void 0:t.map((function(t){return t.value.tooltipContent})).join(",");return{avatarItems:t,displayAsGrid:o,tooltipContainerAriaLabel:r}}),[u,f]),j=b.avatarItems,A=b.displayAsGrid,G=b.tooltipContainerAriaLabel,g=r((function(){return j.map((function(t,o){return a(t,o,void 0,m,A)}))}),[j,A,m]);if(d)return t.createElement(n,{avatarRenderer:a,tooltipContentContainerRef:C,tooltipContainerAriaLabel:G,avatarItems:j,type:m});var x={ref:C,tabIndex:-1,role:"treegrid","aria-label":G,className:A?e(i.scrollableContainer,i.tooltipContainer,i.tooltipGridContainer,c):e(i.scrollableContainer,i.tooltipContainer,c),direction:A?"row":"column",gap:A?"xs":"small",wrap:A};return t.createElement(l,Object.assign({},x),g)};export{s as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { type ReactElement, type Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n /*\n The type of avatars displayed inside the tooltip.\n /\n type?: AvatarType;\n /\n The avatars shown in the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n isVirtualizedList?: boolean;\n /\n Ref for the tooltip content container.\n */\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n avatars = [],\n type,\n className,\n isVirtualizedList = false,\n tooltipContentContainerRef\n}) => {\n const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n return avatarProps?.tooltipProps?.content \|\| avatarProps?.~~ariaLabel~~;\n }, []);\n\n const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n const avatarItems = avatars.map(avatar => ({\n value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n }));\n const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n const tooltipContainerAriaLabel = !displayAsGrid\n ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n : undefined;\n return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n }, [avatars, getTooltipContent]);\n\n const renderedItems = useMemo(\n () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n [avatarItems, displayAsGrid, type]\n );\n\n if (isVirtualizedList) {\n return (\n <AvatarGroupCounterTooltipContentVirtualizedList\n avatarRenderer={avatarRenderer}\n tooltipContentContainerRef={tooltipContentContainerRef}\n tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n avatarItems={avatarItems}\n type={type}\n />\n );\n }\n\n const flexProps = {\n ref: tooltipContentContainerRef,\n tabIndex: -1,\n role: \"treegrid\",\n ~~ariaLabel~~: tooltipContainerAriaLabel,\n className: displayAsGrid\n ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n direction: displayAsGrid ? ~~Flex.directions.ROW~~ : ~~Flex.directions.COLUMN~~,\n gap: displayAsGrid ? ~~Flex.gaps.XS~~ : ~~Flex.gaps.SMALL~~,\n wrap: displayAsGrid\n };\n\n return <Flex {...flexProps}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","~~ariaLabel","~~_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","~~Flex","directions","ROW","COLUMN","~~gap","~~gaps~~","XS"~~,"SMALL","wrap"~~],"mappings":"qVA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,~~EAAaI~~,~~UAC3D~~,GAAE,~~IAEHC~~,EAAkEC,GAAQ,WACxE,IAAMC,~~EAAcf~~,~~EAAQgB~~,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,~~eAAgBhB~~,~~EAAkBW~~,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,~~CAAC1B~~,EAASM,~~IATLS~~,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,~~EAAW1B~~,~~EAAMsB~~,KAAe,GACnG,CAACR,EAAaQ,~~EAAetB~~,IAG/B,GAAIG,EACF,~~OACE4B~~,EAACC,cAAAC,EACC,CAAAH,eAAgBA,~~EAChB1B~~,2BAA4BA,~~EAC5BqB~~,0BAA2BA,EAC3BX,YAAaA,~~EACbd~~,KAAMA,IAKZ,~~IAAMkC~~,EAAY,CAChBC,~~IAAK/~~B,~~EACLgC,~~UAAW,EACXC,KAAM,~~WACN1B~~,~~UAAWc~~,~~EACXxB~~,~~UAAWqB~~,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,~~qBAAsBzC~~,~~GACrFqC~~,EAAGC,EAAOC,oBAAqBD,EAAOE,~~iBAAkBxC~~,~~GAC5D0C~~,UAAWrB,~~EAAgBsB~~,~~EAAKC~~,~~WAAWC~~,~~IAAMF~~,~~EAAKC~~,~~WAAWE~~,~~OACjEC~~,~~IAAK1B~~,~~EAAgBsB,EAAKK,KAAKC,GAAKN,EAAKK,KAAKE,MAC9CC,KAAM9B,~~GAGR,OAAOS,~~gBAACa~~,~~EAAI1B~~,OAAAC,OAAA,~~GAAKe~~,~~GAAYN~~,~~EAC/B~~"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { type ReactElement, type Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { Flex, type FlexProps } from \"@vibe/layout\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n /*\n The type of avatars displayed inside the tooltip.\n /\n type?: AvatarType;\n /\n The avatars shown in the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n isVirtualizedList?: boolean;\n /\n Ref for the tooltip content container.\n */\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n avatars = [],\n type,\n className,\n isVirtualizedList = false,\n tooltipContentContainerRef\n}) => {\n const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n return avatarProps?.tooltipProps?.content \|\| avatarProps?.[\"aria-label\"];\n }, []);\n\n const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n const avatarItems = avatars.map(avatar => ({\n value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n }));\n const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n const tooltipContainerAriaLabel = !displayAsGrid\n ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n : undefined;\n return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n }, [avatars, getTooltipContent]);\n\n const renderedItems = useMemo(\n () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n [avatarItems, displayAsGrid, type]\n );\n\n if (isVirtualizedList) {\n return (\n <AvatarGroupCounterTooltipContentVirtualizedList\n avatarRenderer={avatarRenderer}\n tooltipContentContainerRef={tooltipContentContainerRef}\n tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n avatarItems={avatarItems}\n type={type}\n />\n );\n }\n\n const flexProps = {\n ref: tooltipContentContainerRef,\n tabIndex: -1,\n role: \"treegrid\",\n \"aria-label\": tooltipContainerAriaLabel,\n className: displayAsGrid\n ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n direction: displayAsGrid ? \"row\" : \"column\",\n gap: displayAsGrid ? \"xs\" : \"small\",\n wrap: displayAsGrid\n };\n\n return <Flex {...(flexProps as FlexProps)}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","gap","wrap","Flex"],"mappings":"qVA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAc,cAC5D,GAAE,IAEHI,EAAkEC,GAAQ,WACxE,IAAMC,EAAcd,EAAQe,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBf,EAAkBU,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAACzB,EAASM,IATLQ,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAWzB,EAAMqB,KAAe,GACnG,CAACR,EAAaQ,EAAerB,IAG/B,GAAIG,EACF,OACE2B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChBzB,2BAA4BA,EAC5BoB,0BAA2BA,EAC3BX,YAAaA,EACbb,KAAMA,IAKZ,IAAMiC,EAAY,CAChBC,IAAK9B,EACL+B,UAAW,EACXC,KAAM,WACN,aAAcZ,EACdvB,UAAWoB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBxC,GACrFoC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBvC,GAC5DyC,UAAWrB,EAAgB,MAAQ,SACnCsB,IAAKtB,EAAgB,KAAO,QAC5BuB,KAAMvB,GAGR,OAAOS,gBAACe,EAAI5B,OAAAC,OAAA,GAAMe,GAA0BN,EAC9C"}

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_7f76f3d39f",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_50b5aea8c1",tooltipContainer:"tooltipContainer_ccb2e957fb","focus-visible":"focus-visible_b76eef893d",tooltipGridContainer:"tooltipGridContainer_64f8f423b6",scrollableContainer:"scrollableContainer_0c33c2d735"};!function(t){const e="s_id-f3cc0fae9cc4_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_7f76f3d39f {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_50b5aea8c1 {\n  flex-shrink: 0;\n}\n.tooltipContainer_ccb2e957fb {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.tooltipContainer_ccb2e957fb:focus, .tooltipContainer_ccb2e957fb:focus-visible, .tooltipContainer_ccb2e957fb.focus-visible_b76eef893d { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_64f8f423b6 {\n  max-width: 160px;\n  padding-right: 0;\n}\n.scrollableContainer_0c33c2d735::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0c33c2d735::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_7fc28a72ed",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_f03d3394b2",tooltipContainer:"tooltipContainer_855e233309","focus-visible":"focus-visible_c769b5006e",tooltipGridContainer:"tooltipGridContainer_084a3c354a",scrollableContainer:"scrollableContainer_29ac8aa7bd"};!function(e){const t="s_id-886ef7c132b6_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_7fc28a72ed {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_f03d3394b2 {\n  flex-shrink: 0;\n}\n.tooltipContainer_855e233309 {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer_855e233309:focus, .tooltipContainer_855e233309:focus-visible, .tooltipContainer_855e233309.focus-visible_c769b5006e { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_084a3c354a {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer_29ac8aa7bd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_29ac8aa7bd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_5601848db3",virtualizedTooltipContainer:"virtualizedTooltipContainer_462d70d18a","focus-visible":"focus-visible_b76eef893d"};!function(e){const i="s_id-700dae3ddae4_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_5601848db3::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5601848db3::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_462d70d18a {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_462d70d18a:focus, .virtualizedTooltipContainer_462d70d18a:focus-visible, .virtualizedTooltipContainer_462d70d18a.focus-visible_b76eef893d { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_41c5d9090c",virtualizedTooltipContainer:"virtualizedTooltipContainer_6d15604dc0","focus-visible":"focus-visible_c769b5006e"};!function(e){const i="s_id-21f61936150a_4_0_0-alpha_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_41c5d9090c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_41c5d9090c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_6d15604dc0 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_6d15604dc0:focus, .virtualizedTooltipContainer_6d15604dc0:focus-visible, .virtualizedTooltipContainer_6d15604dc0.focus-visible_c769b5006e { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useCallback as t}from"react";import o from"../../hooks/useKeyEvent/index.js";import r from"../Avatar/Avatar.js";import i from"./AvatarGroupCounterTooltipContent.module.scss.js";import n from"../../hooks/useEventListener/index.js";import a from"../../hooks/useListenFocusTriggers/index.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as l,AVATAR_GROUP_COUNTER_AVATAR_SIZE as s}from"./AvatarGroupConstants.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import u from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import f from"../../../components/layout/dist/Flex/Flex.js";var m=[c.TAB],d=[c.ESCAPE];function p(e){var r=e.counterContainerRef,i=void 0===r?void 0:r,s=e.tooltipContentContainerRef,c=e.focusPrevPlaceholderRef,u=e.focusNextPlaceholderRef,f=e.isKeyboardTooltipVisible,p=e.setIsKeyboardTooltipVisible,v=t((function(){f||setTimeout((function(){return p(!0)}),l)}),[f,p]),b=t((function(){f&&p(!1)}),[f,p]);a({ref:i,onFocusByKeyboard:v}),n({eventName:"blur",ref:s,callback:b}),o({keys:m,ref:i,withoutAnyModifier:!0,preventDefault:!0,callback:t((function(){f&&(null==s?void 0:s.current)&&s.current.focus()}),[f,s])}),o({keys:m,modifier:o.modifiers.SHIFT,ref:i,callback:b}),o({keys:m,ref:s,withoutAnyModifier:!0,callback:t((function(){(null==u?void 0:u.current)&&u.current.focus(),f&&p(!1)}),[u,f,p])}),o({keys:m,ref:s,modifier:o.modifiers.SHIFT,callback:t((function(){(null==c?void 0:c.current)&&c.current.focus(),f&&p(!1)}),[c,f,p])}),o({keys:d,ref:s,callback:t((function(){(null==i?void 0:i.current)&&i.current.focus(),f&&p(!1)}),[i,f,p])}),o({keys:d,ref:i,callback:b}),n({eventName:"focus",ref:u,callback:b})}var v=function(t,o,n,a,l){var c=t.value,m=Object.assign(Object.assign({},n),{width:l?void 0:"100%"}),d="tooltip-item-".concat(o,"-label");return e.createElement(u,{key:o,isClickable:!!(null==c?void 0:c.onClick),clickableProps:{onClick:function(e){return c.onClick(e,c.id)},tabIndex:"-1"}},e.createElement("div",{style:m},e.createElement(f,{direction:"row",gap:"xs",ariaLabelledby:d},e.createElement(r,Object.assign({},c,{tooltipProps:void 0,ariaLabel:"",customSize:s,type:a||(null==c?void 0:c.type),tabIndex:-1,size:r.sizes.SMALL,className:i.tooltipAvatarItemAvatar})),!l&&e.createElement("div",{id:d,className:i.tooltipAvatarItemTitle},c.tooltipContent))))};export{v as avatarRenderer,p as useTooltipContentTabNavigation};
+import e,{useCallback as t}from"react";import o from"../../hooks/useKeyEvent/index.js";import r from"../Avatar/Avatar.js";import i from"./AvatarGroupCounterTooltipContent.module.scss.js";import n from"../../hooks/useEventListener/index.js";import l from"../../hooks/useListenFocusTriggers/index.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as a,AVATAR_GROUP_COUNTER_AVATAR_SIZE as c}from"./AvatarGroupConstants.js";import{keyCodes as s}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import u from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import f from"../../../components/layout/dist/Flex/Flex.js";var m=[s.TAB],d=[s.ESCAPE];function p(e){var r=e.counterContainerRef,i=void 0===r?void 0:r,c=e.tooltipContentContainerRef,s=e.focusPrevPlaceholderRef,u=e.focusNextPlaceholderRef,f=e.isKeyboardTooltipVisible,p=e.setIsKeyboardTooltipVisible,v=t((function(){f||setTimeout((function(){return p(!0)}),a)}),[f,p]),b=t((function(){f&&p(!1)}),[f,p]);l({ref:i,onFocusByKeyboard:v}),n({eventName:"blur",ref:c,callback:b}),o({keys:m,ref:i,withoutAnyModifier:!0,preventDefault:!0,callback:t((function(){f&&(null==c?void 0:c.current)&&c.current.focus()}),[f,c])}),o({keys:m,modifier:o.modifiers.SHIFT,ref:i,callback:b}),o({keys:m,ref:c,withoutAnyModifier:!0,callback:t((function(){(null==u?void 0:u.current)&&u.current.focus(),f&&p(!1)}),[u,f,p])}),o({keys:m,ref:c,modifier:o.modifiers.SHIFT,callback:t((function(){(null==s?void 0:s.current)&&s.current.focus(),f&&p(!1)}),[s,f,p])}),o({keys:d,ref:c,callback:t((function(){(null==i?void 0:i.current)&&i.current.focus(),f&&p(!1)}),[i,f,p])}),o({keys:d,ref:i,callback:b}),n({eventName:"focus",ref:u,callback:b})}var v=function(t,o,n,l,a){var s=t.value,m=Object.assign(Object.assign({},n),{width:a?void 0:"100%"}),d="tooltip-item-".concat(o,"-label");return e.createElement(u,{key:o,isClickable:!!(null==s?void 0:s.onClick),clickableProps:{onClick:function(e){return s.onClick(e,s.id)},tabIndex:-1}},e.createElement("div",{style:m},e.createElement(f,{direction:"row",gap:"xs","aria-labelledby":d},e.createElement(r,Object.assign({},s,{tooltipProps:void 0,"aria-label":"",customSize:c,type:l||(null==s?void 0:s.type),tabIndex:-1,size:"small",className:i.tooltipAvatarItemAvatar})),!a&&e.createElement("div",{id:d,className:i.tooltipAvatarItemTitle},s.tooltipContent))))};export{v as avatarRenderer,p as useTooltipContentTabNavigation};
 //# sourceMappingURL=AvatarGroupCounterTooltipHelper.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { type CSSProperties, type RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { Flex } from \"@vibe/layout\";\nimport Avatar, { type AvatarProps } from \"../Avatar/Avatar\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" ~~ariaLabelledby~~={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n ~~ariaLabel~~={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size~~={Avatar.sizes.SMALL}~~\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","~~ariaLabelledby","~~Avatar","tooltipProps","~~ariaLabel","~~customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","~~sizes","SMALL","~~className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"yoBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,~~SAAU~~,~~OAE1FR~~,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,~~EAAAS~~,~~cAACC~~,~~EAAI~~,~~CAACC~~,UAAU,MAAMC,IAAI,~~KAAKC~~,~~eAAgBf~~,~~GAC7CE~~,~~EAACS~~,~~cAAAK~~,~~mBACKtB~~,~~EAAW~~,~~CACfuB~~,~~kBAAcvD~~,~~EACdwD~~,~~UAAW~~,~~GACXC~~,WAAYC,~~EACZ5B~~,KAAMA,IAAQE,~~eAAAA~~,EAAaF,MAC3BkB,UAAW,~~EACXW~~,~~KAAML~~,~~EAAOM~~,~~MAAMC,MACnBC,~~UAAWC,EAAuCC,~~4BAElDjC~~,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,~~EAASwB~~,UAAWC,EAAuCE,~~wBACjEjC~~,~~EAAYkC~~,kBAO3B"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { type CSSProperties, type RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { Flex } from \"@vibe/layout\";\nimport Avatar, { type AvatarProps } from \"../Avatar/Avatar\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: -1 }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" aria-labelledby={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n aria-label={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size=\"small\"\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","Avatar","tooltipProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"yoBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,UAAW,IAE3FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAACS,cAAAC,EAAK,CAAAC,UAAU,MAAMC,IAAI,KAAI,kBAAkBd,GAC9CE,EAAAS,cAACI,EACKlB,OAAAC,OAAA,CAAA,EAAAJ,GACJsB,kBAActD,EACF,aAAA,GACZuD,WAAYC,EACZ1B,KAAMA,IAAQE,aAAW,EAAXA,EAAaF,MAC3BkB,UAAW,EACXS,KAAK,QACLC,UAAWC,EAAuCC,4BAElD7B,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASoB,UAAWC,EAAuCE,wBACjE7B,EAAY8B,kBAO3B"}

package/dist/src/components/Badge/Badge.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"es-toolkit";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as c}from"../../tests/constants.js";import{BadgeType as d,BadgeAlignments as l,BadgeAnchor as p}from"./BadgeConstants.js";import f from"./Indicator/Indicator.js";import j from"../Counter/Counter.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Badge.module.scss.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var h=v(r((function(r,d){var l=r.type,p=void 0===l?"indicator":l,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,y=r.className,B=r.id,C=r["data-testid"],N=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),k=o(null),A=i(d,k),D=s(g.badge,u(g,a(h)),u(g,E)),G=I.color||"indicator"===p?"notification":"negative";return e.createElement("div",{ref:A,className:s(g.badgeWrapper,y),id:B,"data-vibe":n.BADGE},N,e.createElement("div",{className:D,"data-testid":C||m(c.BADGE,B)},"indicator"===p?e.createElement(f,Object.assign({color:G},I)):"counter"===p&&e.createElement(j,Object.assign({color:G},I))))})),{types:d,alignments:l,anchors:p});export{h as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import a from"classnames";import{camelCase as s}from"es-toolkit";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as c}from"../../tests/constants.js";import d from"./Indicator/Indicator.js";import l from"../Counter/Counter.js";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import f from"./Badge.module.scss.js";var u=r((function(r,u){var g=r.type,j=void 0===g?"indicator":g,v=r.anchor,b=void 0===v?"top-end":v,h=r.alignment,E=void 0===h?"rectangular":h,N=r.className,y=r.id,B=r["data-testid"],C=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),k=o(null),A=i(u,k),D=a(f.badge,p(f,s(b)),p(f,E)),G=I.color||"indicator"===j?"notification":"negative";return e.createElement("div",{ref:A,className:a(f.badgeWrapper,N),id:y,"data-vibe":n.BADGE},C,e.createElement("div",{className:D,"data-testid":B||m(c.BADGE,y)},"indicator"===j?e.createElement(d,Object.assign({color:G},I)):"counter"===j&&e.createElement(l,Object.assign({color:G},I))))}));export{u as default};
 //# sourceMappingURL=Badge.js.map

package/dist/src/components/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport {~~\n BadgeAlignments~~ ~~as BadgeAlignmentsEnum,\n BadgeAnchor as BadgeAnchorEnum,\n BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport {~~ type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/~~IndicatorConstants~~\";\nimport { type CounterColor } from \"../Counter/~~CounterConstants~~\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\~~ninterface BadgeStaticProps {\n types: typeof BadgeTypeEnum;\n alignments: typeof BadgeAlignmentsEnum;\n anchors: typeof BadgeAnchorEnum;\n}\n\~~nexport default ~~withStaticProps<BadgeProps, BadgeStaticProps>(~~Badge~~, {\n types: BadgeTypeEnum,\n alignments: BadgeAlignmentsEnum,\n anchors: BadgeAnchorEnum\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"~~,"types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"~~],"mappings":"~~mtBAmDA~~,~~IA6CeA~~,~~EAAAA~~,~~EA7CDC,~~GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E~~,IASkE,CAClEwB,MAAOC,EACPC,WAAYC,EACZC,QAASC~~"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/Indicator.types\";\nimport { type CounterColor } from \"../Counter/Counter.types\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default Badge;\n"],"names":["Badge","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"],"mappings":"qhBA8CMA,IAAAA,EAAQC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E"}

package/dist/src/components/Badge/Badge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_375cf93131",badge:"badge_b0cd21209e",outside:"outside_fd695d6441",topEnd:"topEnd_4e15ae4425",rectangular:"rectangular_3aa97b08d8",circular:"circular_3526c8fd6f",topStart:"topStart_edc496af4f",bottomEnd:"bottomEnd_1ff61ec67e",bottomStart:"bottomStart_6b9f7a553b"};!function(e){const t="s_id-b5dca6298ea9_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_375cf93131 {\n  position: relative;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e:not(.outside_fd695d6441) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topEnd_4e15ae4425.rectangular_3aa97b08d8 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topEnd_4e15ae4425.outside_fd695d6441 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topEnd_4e15ae4425.circular_3526c8fd6f {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topStart_edc496af4f.rectangular_3aa97b08d8 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topStart_edc496af4f.outside_fd695d6441 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.topStart_edc496af4f.circular_3526c8fd6f {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomEnd_1ff61ec67e.rectangular_3aa97b08d8 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomEnd_1ff61ec67e.outside_fd695d6441 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomEnd_1ff61ec67e.circular_3526c8fd6f {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomStart_6b9f7a553b.rectangular_3aa97b08d8 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomStart_6b9f7a553b.outside_fd695d6441 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_375cf93131 .badge_b0cd21209e.bottomStart_6b9f7a553b.circular_3526c8fd6f {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_2c3b11837a",badge:"badge_0c58aa3314",outside:"outside_a5e3fbcd3e",topEnd:"topEnd_1990369382",rectangular:"rectangular_17593c1c8c",circular:"circular_638380af10",topStart:"topStart_281d5e4b02",bottomEnd:"bottomEnd_dfbabf4996",bottomStart:"bottomStart_8d28d73df2"};!function(a){const e="s_id-06f338dd08c3_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_2c3b11837a {\n  position: relative;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314:not(.outside_a5e3fbcd3e) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topEnd_1990369382.rectangular_17593c1c8c {\n  top: 0;\n  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topEnd_1990369382.outside_a5e3fbcd3e {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topEnd_1990369382.circular_638380af10 {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topStart_281d5e4b02.rectangular_17593c1c8c {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topStart_281d5e4b02.outside_a5e3fbcd3e {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.topStart_281d5e4b02.circular_638380af10 {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomEnd_dfbabf4996.rectangular_17593c1c8c {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomEnd_dfbabf4996.outside_a5e3fbcd3e {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomEnd_dfbabf4996.circular_638380af10 {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomStart_8d28d73df2.rectangular_17593c1c8c {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomStart_8d28d73df2.outside_a5e3fbcd3e {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_2c3b11837a .badge_0c58aa3314.bottomStart_8d28d73df2.circular_638380af10 {\n  bottom: 15%;\n  inset-inline-start: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{IndicatorColor as r}from"./IndicatorConstants.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{withStaticPropsWithoutForwardRef as i}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTestId as m}from"../../../tests/testIds.js";var e=i((function(r){var i=r.color,e=r.id,c=r["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],r.className),"data-testid":c||m(a.INDICATOR,e)})}),{colors:r});export{e as default};
+import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var e=function(e){var i=e.color,m=e.id,c=e["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],e.className),"data-testid":c||r(a.INDICATOR,m)})};export{e as default};
 //# sourceMappingURL=Indicator.js.map

package/dist/src/components/Badge/Indicator/Indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { ~~IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport {~~ type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps, ~~withStaticPropsWithoutForwardRef~~ } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /*\n The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\~~ninterface IndicatorStaticProps {\n colors: typeof IndicatorColorEnum;\n}\n\~~nexport default ~~withStaticPropsWithoutForwardRef<IndicatorProps, IndicatorStaticProps>(~~Indicator~~, {\n colors: IndicatorColorEnum\n})~~;\n"],"names":["~~withStaticPropsWithoutForwardRef~~","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"~~,"colors","IndicatorColorEnum"~~],"mappings":"~~4YAgBA~~,~~IAaeA~~,~~EAAAA~~,~~GAbG,~~SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E~~,GAMiG,CAC/FW,OAAQC~~"}
1	+ {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /*\n The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"],"mappings":"oNAeA,IAAMA,EAAY,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E"}

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_1c8e3a99f4",primary:"primary_af4166966d",notification:"notification_e9b6813abd"};!function(e){const i="s_id-d6448d74722f_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_1c8e3a99f4 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_1c8e3a99f4.primary_af4166966d {\n  background-color: var(--primary-color);\n}\n.indicator_1c8e3a99f4.notification_e9b6813abd {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_9052264a62",primary:"primary_5fde724000",notification:"notification_27198c652e"};!function(e){const i="s_id-d6448d74722f_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_9052264a62 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_9052264a62.primary_5fde724000 {\n  background-color: var(--primary-color);\n}\n.indicator_9052264a62.notification_27198c652e {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/src/components/BaseItem/BaseItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_24b5b882ac","focus-visible":"focus-visible_6f2b6d6a55",highlighted:"highlighted_4653d8851e",disabled:"disabled_25334c494a",readOnly:"readOnly_6376358e7e",selected:"selected_7952e7d733",small:"small_c0cb6b2ca7",medium:"medium_08e0ab3086",large:"large_0bc65c1206",avatar:"avatar_d69c7dbbf9",icon:"icon_50b5aea8c1",indent:"indent_7afc718049",endElement:"endElement_12087f15f0"};!function(e){const a="s_id-d3a3c9508ef7_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_24b5b882ac {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_24b5b882ac:focus-visible, .wrapper_24b5b882ac.focus-visible_6f2b6d6a55 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_24b5b882ac:focus:not(.focus-visible_6f2b6d6a55) {\n  outline: none;\n}\n.wrapper_24b5b882ac.highlighted_4653d8851e, .wrapper_24b5b882ac:hover:not(.disabled_25334c494a):not(.readOnly_6376358e7e) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_24b5b882ac.disabled_25334c494a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_24b5b882ac.readOnly_6376358e7e {\n  cursor: default;\n}\n.wrapper_24b5b882ac.selected_7952e7d733 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_24b5b882ac.selected_7952e7d733.highlighted_4653d8851e, .wrapper_24b5b882ac.selected_7952e7d733:hover:not(.disabled_25334c494a):not(.readOnly_6376358e7e) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_24b5b882ac.small_c0cb6b2ca7 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_24b5b882ac.medium_08e0ab3086 {\n  padding: 9px 12px;\n}\n.wrapper_24b5b882ac.large_0bc65c1206 {\n  padding: 13px 12px;\n}\n.wrapper_24b5b882ac .avatar_d69c7dbbf9,\n.wrapper_24b5b882ac .icon_50b5aea8c1 {\n  flex-shrink: 0;\n}\n.wrapper_24b5b882ac .indent_7afc718049 {\n  width: 20px;\n}\n.wrapper_24b5b882ac .endElement_12087f15f0 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var a={wrapper:"wrapper_4d5ac94860","focus-visible":"focus-visible_d67149d7f5",highlighted:"highlighted_ca45a949f2",disabled:"disabled_a7d079aaa5",readOnly:"readOnly_aa71d3f373",selected:"selected_00235f47af",small:"small_671004ca74",medium:"medium_2319c6b49e",large:"large_59883702d8",avatar:"avatar_0db4884b72",icon:"icon_f03d3394b2",indent:"indent_648d7c0a83",endElement:"endElement_4024cf45c6"};!function(a){const e="s_id-c5f50f32df2c_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable selector-class-pattern */\n.wrapper_4d5ac94860 {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_4d5ac94860:focus-visible, .wrapper_4d5ac94860.focus-visible_d67149d7f5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_4d5ac94860:focus:not(.focus-visible_d67149d7f5) {\n  outline: none;\n}\n.wrapper_4d5ac94860.highlighted_ca45a949f2, .wrapper_4d5ac94860:hover:not(.disabled_a7d079aaa5):not(.readOnly_aa71d3f373) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_4d5ac94860.disabled_a7d079aaa5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_4d5ac94860.readOnly_aa71d3f373 {\n  cursor: default;\n}\n.wrapper_4d5ac94860.selected_00235f47af {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_4d5ac94860.selected_00235f47af.highlighted_ca45a949f2, .wrapper_4d5ac94860.selected_00235f47af:hover:not(.disabled_a7d079aaa5):not(.readOnly_aa71d3f373) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_4d5ac94860.small_671004ca74 {\n  padding: 6px var(--space-8);\n}\n.wrapper_4d5ac94860.medium_2319c6b49e {\n  padding: 9px 12px;\n}\n.wrapper_4d5ac94860.large_59883702d8 {\n  padding: 13px 12px;\n}\n.wrapper_4d5ac94860 .avatar_0db4884b72,\n.wrapper_4d5ac94860 .icon_f03d3394b2 {\n  flex-shrink: 0;\n}\n.wrapper_4d5ac94860 .indent_648d7c0a83 {\n  width: 20px;\n}\n.wrapper_4d5ac94860 .endElement_4024cf45c6 {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{a as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

package/dist/src/components/BaseItem/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseItem.module.scss.js";import a from"../../../components/typography/dist/Text/Text.js";import s from"../../../components/icon/dist/Icon/Icon.js";function o(o,c,n){switch(o.type){case"avatar":return e.createElement(t,{className:r.avatar,src:o.value,withoutBorder:!0,square:o.square,type:"img",customSize:20,disabled:c});case"icon":return e.createElement(s,{className:r.icon,icon:o.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(a,{type:n,color:"secondary",style:{maxWidth:"112px"}},o.value);case"custom":return o.render()}}export{o as renderSideElement};
+import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseItem.module.scss.js";import a from"../../../components/typography/dist/Text/Text.js";import s from"../../../components/icon/dist/Icon/Icon.js";function o(o,c,n){switch(o.type){case"avatar":return e.createElement(t,{className:r.avatar,src:o.value,withoutBorder:!0,square:o.square,type:"img",customSize:20,disabled:c});case"icon":return e.createElement(s,{className:r.icon,icon:o.value,size:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(a,{type:n,color:"secondary",style:{maxWidth:"112px"}},o.value);case"custom":return o.render()}}export{o as renderSideElement};
 //# sourceMappingURL=utils.js.map

package/dist/src/components/BaseItem/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} ~~iconSize~~={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","~~iconSize~~","indent","Text","color","style","maxWidth","render"],"mappings":"oOAOgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,~~SAAU~~,~~KAEtE~~,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} size={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","size","indent","Text","color","style","maxWidth","render"],"mappings":"oOAOgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,KAAM,KAElE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

package/dist/src/components/BaseList/BaseList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useRef as r,useMemo as a}from"react";import i from"classnames";import o from"../../hooks/useMergeRef.js";import n from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{BaseListItemProvider as d,BaseListProvider as c}from"./context/BaseListContext.js";import{useBaseListFocus as l}from"./hooks/useBaseListFocus.js";import{useBaseListKeyboard as u}from"./hooks/useBaseListKeyboard.js";import{getItemId as m,isListItem as f,getItemComponentType as p,getChildRole as b}from"./utils/baseListUtils.js";import h from"./BaseList.module.scss.js";var v=s((function(s,v){var I=s.className,x=s.id,g=s.as,y=void 0===g?"ul":g,j=s.children,F=s.ariaLabel,L=s.ariaDescribedBy,k=s["aria-controls"],B=s.role,C=void 0===B?"listbox":B,E=s.size,O=void 0===E?"medium":E,z=s.maxHeight,R=s.focusOnMount,D=void 0!==R&&R,M=s.defaultFocusIndex,N=void 0===M?0:M,A=s.onFocusChange,H=s.style,_=s.disabled,q=void 0!==_&&_,K=s["data-testid"],U=e(s,["className","id","as","children","ariaLabel","ariaDescribedBy","aria-controls","role","size","maxHeight","focusOnMount","defaultFocusIndex","onFocusChange","style","disabled","data-testid"]),V=r(null),w=o(v,V),G=y,J=l({defaultFocusIndex:N,onFocusChange:A,listId:x,disabled:q}),P=J.focusIndex,Q=J.activeDescendantId,S=J.updateFocusedItem,T=J.registerItem,W=J.childrenRefs;u({focusIndex:P,childrenRefs:W,listId:x,updateFocusedItem:S,componentRef:V,disabled:q}),n((function(){D&&V.current&&requestAnimationFrame((function(){var e;null===(e=V.current)||void 0===e||e.focus()}))}),[D]);var X=a((function(){var e=t.Children.toArray(j);return W.current=W.current.slice(0,e.length),e.map((function(e,s){if(!t.isValidElement(e))return e;var r=m(x,s,e.props.id),a=W.current[s],i=null==a||f(a),o=e.props.role||("string"==typeof e.type?void 0:b(C)),n={index:s,id:r,highlighted:P===s&&i,tabIndex:P===s&&i?0:-1,component:p(y),size:O,role:o,refCallback:function(e){W.current[s]=e}};return t.createElement(d,{key:r,value:n},e)}))}),[j,y,P,x,C,O,W]),Y=a((function(){return{activeItemIndex:P,updateFocusedItem:S,registerItem:T,size:O}}),[P,S,T,O]),Z=a((function(){return z?Object.assign(Object.assign({},H),{"--baselist-max-height":"number"==typeof z?"".concat(z,"px"):z}):H}),[z,H]);return t.createElement(c,{value:Y},t.createElement(G,Object.assign({ref:w,id:x,className:i(h.baseList,I),style:Z,"aria-label":F,"aria-describedby":L,"aria-controls":k,"aria-activedescendant":Q,"aria-disabled":q||void 0,role:C,tabIndex:-1,"data-testid":K},U),X))}));export{v as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useRef as r,useMemo as a}from"react";import i from"classnames";import o from"../../hooks/useMergeRef.js";import n from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{BaseListItemProvider as d,BaseListProvider as c}from"./context/BaseListContext.js";import{useBaseListFocus as l}from"./hooks/useBaseListFocus.js";import{useBaseListKeyboard as u}from"./hooks/useBaseListKeyboard.js";import{getItemId as m,isListItem as f,getItemComponentType as b,getChildRole as p}from"./utils/baseListUtils.js";import h from"./BaseList.module.scss.js";var v=s((function(s,v){var I=s.className,x=s.id,g=s.as,y=void 0===g?"ul":g,j=s.children,F=s["aria-label"],L=s["aria-describedby"],k=s["aria-controls"],C=s.role,E=void 0===C?"listbox":C,O=s.size,z=void 0===O?"medium":O,B=s.maxHeight,R=s.focusOnMount,M=void 0!==R&&R,N=s.defaultFocusIndex,A=void 0===N?0:N,H=s.onFocusChange,_=s.style,q=s.disabled,D=void 0!==q&&q,K=s["data-testid"],U=e(s,["className","id","as","children","aria-label","aria-describedby","aria-controls","role","size","maxHeight","focusOnMount","defaultFocusIndex","onFocusChange","style","disabled","data-testid"]),V=r(null),w=o(v,V),G=y,J=l({defaultFocusIndex:A,onFocusChange:H,listId:x,disabled:D}),P=J.focusIndex,Q=J.activeDescendantId,S=J.updateFocusedItem,T=J.registerItem,W=J.childrenRefs;u({focusIndex:P,childrenRefs:W,listId:x,updateFocusedItem:S,componentRef:V,disabled:D}),n((function(){M&&V.current&&requestAnimationFrame((function(){var e;null===(e=V.current)||void 0===e||e.focus()}))}),[M]);var X=a((function(){var e=t.Children.toArray(j);return W.current=W.current.slice(0,e.length),e.map((function(e,s){if(!t.isValidElement(e))return e;var r=m(x,s,e.props.id),a=W.current[s],i=null==a||f(a),o=e.props.role||("string"==typeof e.type?void 0:p(E)),n={index:s,id:r,highlighted:P===s&&i,tabIndex:P===s&&i?0:-1,component:b(y),size:z,role:o,refCallback:function(e){W.current[s]=e}};return t.createElement(d,{key:r,value:n},e)}))}),[j,y,P,x,E,z,W]),Y=a((function(){return{activeItemIndex:P,updateFocusedItem:S,registerItem:T,size:z}}),[P,S,T,z]),Z=a((function(){return B?Object.assign(Object.assign({},_),{"--baselist-max-height":"number"==typeof B?"".concat(B,"px"):B}):_}),[B,_]);return t.createElement(c,{value:Y},t.createElement(G,Object.assign({ref:w,id:x,className:i(h.baseList,I),style:Z,"aria-label":F,"aria-describedby":L,"aria-controls":k,"aria-activedescendant":Q,"aria-disabled":D||void 0,role:E,tabIndex:-1,"data-testid":K},U),X))}));export{v as default};
 //# sourceMappingURL=BaseList.js.map

package/dist/src/components/BaseList/BaseList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport {\n BaseListProvider,\n BaseListItemProvider,\n type BaseListContextProps,\n type BaseListItemContextProps\n} from \"./context/BaseListContext\";\nimport { useBaseListFocus } from \"./hooks/useBaseListFocus\";\nimport { useBaseListKeyboard } from \"./hooks/useBaseListKeyboard\";\nimport { getChildRole, getItemComponentType, getItemId, isListItem } from \"./utils/baseListUtils\";\nimport styles from \"./BaseList.module.scss\";\n\nconst BaseList = forwardRef(\n (\n {\n className,\n id,\n as = \"ul\",\n children,\n ariaLabel,\n ariaDescribedBy,\n \"aria-controls\": ariaControls,\n role = \"listbox\",\n size = \"medium\",\n maxHeight,\n focusOnMount = false,\n defaultFocusIndex = 0,\n onFocusChange,\n style,\n disabled = false,\n \"data-testid\": dataTestId,\n ...rest\n }: BaseListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const Element = as as React.ElementType;\n\n const { focusIndex, activeDescendantId, updateFocusedItem, registerItem, childrenRefs } = useBaseListFocus({\n defaultFocusIndex,\n onFocusChange,\n listId: id,\n disabled\n });\n\n useBaseListKeyboard({\n focusIndex,\n childrenRefs,\n listId: id,\n updateFocusedItem,\n componentRef,\n disabled\n });\n\n useIsomorphicLayoutEffect(() => {\n if (focusOnMount && componentRef.current) {\n requestAnimationFrame(() => {\n componentRef.current?.focus();\n });\n }\n }, [focusOnMount]);\n\n const enrichedChildren = useMemo(() => {\n const childArray = React.Children.toArray(children) as ReactElement[];\n childrenRefs.current = childrenRefs.current.slice(0, childArray.length);\n\n return childArray.map((child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n\n const childId = getItemId(id, index, (child.props as { id?: string }).id);\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n const isDOMElement = typeof child.type === \"string\";\n\n const existingRole = (child.props as { role?: string }).role;\n const childRole = existingRole \|\| (!isDOMElement ? getChildRole(role) : undefined);\n\n const refCallback = (itemRef: HTMLElement \| null) => {\n childrenRefs.current[index] = itemRef;\n };\n\n const itemContextValue: BaseListItemContextProps = {\n index,\n id: childId,\n highlighted: focusIndex === index && isFocusableItem,\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n component: getItemComponentType(as),\n size,\n role: childRole,\n refCallback\n };\n\n return (\n <BaseListItemProvider key={childId} value={itemContextValue}>\n {child}\n </BaseListItemProvider>\n );\n });\n }, [children, as, focusIndex, id, role, size, childrenRefs]);\n\n const contextValue: BaseListContextProps = useMemo(\n () => ({\n activeItemIndex: focusIndex,\n updateFocusedItem,\n registerItem,\n size\n }),\n [focusIndex, updateFocusedItem, registerItem, size]\n );\n\n const listStyle = useMemo(\n () =>\n maxHeight\n ? ({\n ...style,\n \"--baselist-max-height\": typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight\n } as React.CSSProperties)\n : style,\n [maxHeight, style]\n );\n\n return (\n <BaseListProvider value={contextValue}>\n <Element\n ref={mergedRef}\n id={id}\n className={cx(styles.baseList, className)}\n style={listStyle}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n aria-activedescendant={activeDescendantId}\n aria-disabled={disabled \|\| undefined}\n role={role}\n tabIndex={-1}\n data-testid={dataTestId}\n {...rest}\n >\n {enrichedChildren}\n </Element>\n </BaseListProvider>\n );\n }\n);\n\nexport default BaseList;\n"],"names":["BaseList","forwardRef","_a","ref","className","id","_a$as","as","children","ariaLabel","ariaDescribedBy","ariaControls","_a$role","role","_a$size","size","maxHeight","_a$focusOnMount","focusOnMount","_a$defaultFocusIndex","defaultFocusIndex","onFocusChange","style","_a$disabled","disabled","dataTestId","rest","__rest","componentRef","useRef","mergedRef","useMergeRef","Element","_useBaseListFocus","useBaseListFocus","listId","focusIndex","activeDescendantId","updateFocusedItem","registerItem","childrenRefs","useBaseListKeyboard","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","enrichedChildren","useMemo","childArray","React","Children","toArray","slice","length","map","child","index","isValidElement","childId","getItemId","props","currentRef","isFocusableItem","isListItem","childRole","type","undefined","getChildRole","itemContextValue","highlighted","tabIndex","component","getItemComponentType","refCallback","itemRef","createElement","BaseListItemProvider","key","value","contextValue","activeItemIndex","listStyle","Object","concat","BaseListProvider","assign","cx","styles","baseList"],"mappings":"4mBAgBMA,IAAAA,EAAWC,GACf,SACEC,EAmBAC,OAlBEC,~~IAAAA~~,UACAC,~~IAAAA~~,GAAEC,~~IACFC~~,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,~~IAAAA~~,~~SACAC~~,~~IAAAA~~,~~UACAC~~,~~IAAAA~~,~~gBACiBC~~,~~IAAjB~~,~~iBAAeC~~,~~IACfC~~,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,~~IAChBC~~,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,~~IAAAA~~,UAASC,~~IACTC~~,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,~~IACpBC~~,kBAAAA,OAAoB,IAAHD,EAAG,EAACA,EACrBE,~~IAAAA~~,cACAC,~~IAAAA~~,MAAKC,~~IACLC~~,SAAAA,OAAW,IAAHD,GAAQA,EACDE,~~IAAf~~,~~eACGC~~,EAjBLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,KAAA,WAAA,~~YAAA~~,~~kBAAA~~,gBAAA,OAAA,OAAA,YAAA,eAAA,oBAAA,gBAAA,QAAA,WAAA,gBAqBM0B,EAAeC,EAAoB,MACnCC,EAAYC,EAAY5B,EAAKyB,GAE7BI,EAAUzB,EAEhB0B,EAA0FC,EAAiB,CACzGd,kBAAAA,EACAC,cAAAA,EACAc,OAAQ9B,EACRmB,SAAAA,IAJMY,EAAUH,EAAVG,WAAYC,EAAkBJ,EAAlBI,mBAAoBC,EAAiBL,EAAjBK,kBAAmBC,EAAYN,EAAZM,aAAcC,EAAYP,EAAZO,aAOzEC,EAAoB,CAClBL,WAAAA,EACAI,aAAAA,EACAL,OAAQ9B,EACRiC,kBAAAA,EACAV,aAAAA,EACAJ,SAAAA,IAGFkB,GAA0B,WACpBxB,GAAgBU,EAAae,SAC/BC,uBAAsB,iBACE,QAAtB1C,EAAA0B,EAAae,eAAS,IAAAzC,GAAAA,EAAA2C,OACxB,GAEJ,GAAG,CAAC3B,IAEJ,IAAM4B,EAAmBC,GAAQ,WAC/B,IAAMC,EAAaC,EAAMC,SAASC,QAAQ3C,GAG1C,OAFAgC,EAAaG,QAAUH,EAAaG,QAAQS,MAAM,EAAGJ,EAAWK,QAEzDL,EAAWM,KAAI,SAACC,EAAOC,GAC5B,IAAKP,EAAMQ,eAAeF,GACxB,OAAOA,EAGT,IAAMG,EAAUC,EAAUtD,EAAImD,EAAQD,EAAMK,MAA0BvD,IAChEwD,EAAarB,EAAaG,QAAQa,GAClCM,EAAkBD,SAAmDE,EAAWF,GAIhFG,EADgBT,EAAMK,MAA4B/C,OAFb,iBAAf0C,EAAMU,UAGsCC,EAArBC,EAAatD,IAM1DuD,EAA6C,CACjDZ,MAAAA,EACAnD,GAAIqD,EACJW,YAAajC,IAAeoB,GAASM,EACrCQ,SAAUlC,IAAeoB,GAASM,EAAkB,GAAK,EACzDS,UAAWC,EAAqBjE,GAChCQ,KAAAA,EACAF,KAAMmD,EACNS,YAZkB,SAACC,GACnBlC,EAAaG,QAAQa,GAASkB,IAchC,OACEzB,EAAA0B,cAACC,EAAoB,CAACC,IAAKnB,EAASoB,MAAOV,GACxCb,EAGP,GACF,GAAG,CAAC/C,EAAUD,EAAI6B,EAAY/B,EAAIQ,EAAME,EAAMyB,IAExCuC,EAAqChC,GACzC,WAAA,MAAO,CACLiC,gBAAiB5C,EACjBE,kBAAAA,EACAC,aAAAA,EACAxB,KAAAA,EACA,GACF,CAACqB,EAAYE,EAAmBC,EAAcxB,IAG1CkE,EAAYlC,GAChB,WAAA,OACE/B,EACKkE,+BACI5D,GAAK,CACR,wBAA8C,iBAAdN,EAAsBmE,GAAAA,OAAMnE,EAAgBA,MAAAA,IAE9EM,CAAK,GACX,CAACN,EAAWM,IAGd,OACE2B,EAAC0B,cAAAS,EAAiB,CAAAN,MAAOC,GACvB9B,EAAC0B,cAAA3C,EACCkD,OAAAG,OAAA,CAAAlF,IAAK2B,EACLzB,GAAIA,EACJD,UAAWkF,EAAGC,EAAOC,SAAUpF,GAC/BkB,MAAO2D,EAAS,aACJxE,EAAS,mBACHC,EACH,gBAAAC,EACQ,wBAAA0B,EACR,gBAAAb,QAAY0C,EAC3BrD,KAAMA,EACNyD,UAAW,EAAC,cACC7C,GACTC,GAEHoB,GAIT"}
1	+ {"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport {\n BaseListProvider,\n BaseListItemProvider,\n type BaseListContextProps,\n type BaseListItemContextProps\n} from \"./context/BaseListContext\";\nimport { useBaseListFocus } from \"./hooks/useBaseListFocus\";\nimport { useBaseListKeyboard } from \"./hooks/useBaseListKeyboard\";\nimport { getChildRole, getItemComponentType, getItemId, isListItem } from \"./utils/baseListUtils\";\nimport styles from \"./BaseList.module.scss\";\n\nconst BaseList = forwardRef(\n (\n {\n className,\n id,\n as = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-controls\": ariaControls,\n role = \"listbox\",\n size = \"medium\",\n maxHeight,\n focusOnMount = false,\n defaultFocusIndex = 0,\n onFocusChange,\n style,\n disabled = false,\n \"data-testid\": dataTestId,\n ...rest\n }: BaseListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const Element = as as React.ElementType;\n\n const { focusIndex, activeDescendantId, updateFocusedItem, registerItem, childrenRefs } = useBaseListFocus({\n defaultFocusIndex,\n onFocusChange,\n listId: id,\n disabled\n });\n\n useBaseListKeyboard({\n focusIndex,\n childrenRefs,\n listId: id,\n updateFocusedItem,\n componentRef,\n disabled\n });\n\n useIsomorphicLayoutEffect(() => {\n if (focusOnMount && componentRef.current) {\n requestAnimationFrame(() => {\n componentRef.current?.focus();\n });\n }\n }, [focusOnMount]);\n\n const enrichedChildren = useMemo(() => {\n const childArray = React.Children.toArray(children) as ReactElement[];\n childrenRefs.current = childrenRefs.current.slice(0, childArray.length);\n\n return childArray.map((child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n\n const childId = getItemId(id, index, (child.props as { id?: string }).id);\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n const isDOMElement = typeof child.type === \"string\";\n\n const existingRole = (child.props as { role?: string }).role;\n const childRole = existingRole \|\| (!isDOMElement ? getChildRole(role) : undefined);\n\n const refCallback = (itemRef: HTMLElement \| null) => {\n childrenRefs.current[index] = itemRef;\n };\n\n const itemContextValue: BaseListItemContextProps = {\n index,\n id: childId,\n highlighted: focusIndex === index && isFocusableItem,\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n component: getItemComponentType(as),\n size,\n role: childRole,\n refCallback\n };\n\n return (\n <BaseListItemProvider key={childId} value={itemContextValue}>\n {child}\n </BaseListItemProvider>\n );\n });\n }, [children, as, focusIndex, id, role, size, childrenRefs]);\n\n const contextValue: BaseListContextProps = useMemo(\n () => ({\n activeItemIndex: focusIndex,\n updateFocusedItem,\n registerItem,\n size\n }),\n [focusIndex, updateFocusedItem, registerItem, size]\n );\n\n const listStyle = useMemo(\n () =>\n maxHeight\n ? ({\n ...style,\n \"--baselist-max-height\": typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight\n } as React.CSSProperties)\n : style,\n [maxHeight, style]\n );\n\n return (\n <BaseListProvider value={contextValue}>\n <Element\n ref={mergedRef}\n id={id}\n className={cx(styles.baseList, className)}\n style={listStyle}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n aria-activedescendant={activeDescendantId}\n aria-disabled={disabled \|\| undefined}\n role={role}\n tabIndex={-1}\n data-testid={dataTestId}\n {...rest}\n >\n {enrichedChildren}\n </Element>\n </BaseListProvider>\n );\n }\n);\n\nexport default BaseList;\n"],"names":["BaseList","forwardRef","_a","ref","className","id","_a$as","as","children","ariaLabel","ariaDescribedBy","ariaControls","_a$role","role","_a$size","size","maxHeight","_a$focusOnMount","focusOnMount","_a$defaultFocusIndex","defaultFocusIndex","onFocusChange","style","_a$disabled","disabled","dataTestId","rest","__rest","componentRef","useRef","mergedRef","useMergeRef","Element","_useBaseListFocus","useBaseListFocus","listId","focusIndex","activeDescendantId","updateFocusedItem","registerItem","childrenRefs","useBaseListKeyboard","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","enrichedChildren","useMemo","childArray","React","Children","toArray","slice","length","map","child","index","isValidElement","childId","getItemId","props","currentRef","isFocusableItem","isListItem","childRole","type","undefined","getChildRole","itemContextValue","highlighted","tabIndex","component","getItemComponentType","refCallback","itemRef","createElement","BaseListItemProvider","key","value","contextValue","activeItemIndex","listStyle","Object","concat","BaseListProvider","assign","cx","styles","baseList"],"mappings":"4mBAgBMA,IAAAA,EAAWC,GACf,SACEC,EAmBAC,OAlBEC,EAeyBF,EAfzBE,UACAC,EAcyBH,EAdzBG,GAAEC,EAcuBJ,EAbzBK,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAYyBN,EAZzBM,SACcC,EAWWP,EAXzB,cACoBQ,EAUKR,EAVzB,oBACiBS,EASQT,EATzB,iBAAeU,EASUV,EARzBW,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAQSZ,EAPzBa,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAMyBd,EANzBc,UAASC,EAMgBf,EALzBgB,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAKKjB,EAJzBkB,kBAAAA,OAAoB,IAAHD,EAAG,EAACA,EACrBE,EAGyBnB,EAHzBmB,cACAC,EAEyBpB,EAFzBoB,MAAKC,EAEoBrB,EADzBsB,SAAAA,OAAW,IAAHD,GAAQA,EACDE,EAAUvB,EAAzB,eACGwB,EAjBLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,KAAA,WAAA,aAAA,mBAAA,gBAAA,OAAA,OAAA,YAAA,eAAA,oBAAA,gBAAA,QAAA,WAAA,gBAqBM0B,EAAeC,EAAoB,MACnCC,EAAYC,EAAY5B,EAAKyB,GAE7BI,EAAUzB,EAEhB0B,EAA0FC,EAAiB,CACzGd,kBAAAA,EACAC,cAAAA,EACAc,OAAQ9B,EACRmB,SAAAA,IAJMY,EAAUH,EAAVG,WAAYC,EAAkBJ,EAAlBI,mBAAoBC,EAAiBL,EAAjBK,kBAAmBC,EAAYN,EAAZM,aAAcC,EAAYP,EAAZO,aAOzEC,EAAoB,CAClBL,WAAAA,EACAI,aAAAA,EACAL,OAAQ9B,EACRiC,kBAAAA,EACAV,aAAAA,EACAJ,SAAAA,IAGFkB,GAA0B,WACpBxB,GAAgBU,EAAae,SAC/BC,uBAAsB,iBACE,QAAtB1C,EAAA0B,EAAae,eAAS,IAAAzC,GAAAA,EAAA2C,OACxB,GAEJ,GAAG,CAAC3B,IAEJ,IAAM4B,EAAmBC,GAAQ,WAC/B,IAAMC,EAAaC,EAAMC,SAASC,QAAQ3C,GAG1C,OAFAgC,EAAaG,QAAUH,EAAaG,QAAQS,MAAM,EAAGJ,EAAWK,QAEzDL,EAAWM,KAAI,SAACC,EAAOC,GAC5B,IAAKP,EAAMQ,eAAeF,GACxB,OAAOA,EAGT,IAAMG,EAAUC,EAAUtD,EAAImD,EAAQD,EAAMK,MAA0BvD,IAChEwD,EAAarB,EAAaG,QAAQa,GAClCM,EAAkBD,SAAmDE,EAAWF,GAIhFG,EADgBT,EAAMK,MAA4B/C,OAFb,iBAAf0C,EAAMU,UAGsCC,EAArBC,EAAatD,IAM1DuD,EAA6C,CACjDZ,MAAAA,EACAnD,GAAIqD,EACJW,YAAajC,IAAeoB,GAASM,EACrCQ,SAAUlC,IAAeoB,GAASM,EAAkB,GAAK,EACzDS,UAAWC,EAAqBjE,GAChCQ,KAAAA,EACAF,KAAMmD,EACNS,YAZkB,SAACC,GACnBlC,EAAaG,QAAQa,GAASkB,IAchC,OACEzB,EAAA0B,cAACC,EAAoB,CAACC,IAAKnB,EAASoB,MAAOV,GACxCb,EAGP,GACF,GAAG,CAAC/C,EAAUD,EAAI6B,EAAY/B,EAAIQ,EAAME,EAAMyB,IAExCuC,EAAqChC,GACzC,WAAA,MAAO,CACLiC,gBAAiB5C,EACjBE,kBAAAA,EACAC,aAAAA,EACAxB,KAAAA,EACA,GACF,CAACqB,EAAYE,EAAmBC,EAAcxB,IAG1CkE,EAAYlC,GAChB,WAAA,OACE/B,EACKkE,+BACI5D,GAAK,CACR,wBAA8C,iBAAdN,EAAsBmE,GAAAA,OAAMnE,EAAgBA,MAAAA,IAE9EM,CAAK,GACX,CAACN,EAAWM,IAGd,OACE2B,EAAC0B,cAAAS,EAAiB,CAAAN,MAAOC,GACvB9B,EAAC0B,cAAA3C,EACCkD,OAAAG,OAAA,CAAAlF,IAAK2B,EACLzB,GAAIA,EACJD,UAAWkF,EAAGC,EAAOC,SAAUpF,GAC/BkB,MAAO2D,EAAS,aACJxE,EAAS,mBACHC,EACH,gBAAAC,EACQ,wBAAA0B,EACR,gBAAAb,QAAY0C,EAC3BrD,KAAMA,EACNyD,UAAW,EAAC,cACC7C,GACTC,GAEHoB,GAIT"}

package/dist/src/components/BaseList/BaseList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_315e8cd102"};!function(e){const t="s_id-3f964266edc6_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_315e8cd102 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_315e8cd102::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_315e8cd102::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_6935654e42"};!function(e){const t="s_id-97ac9c3bb99a_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_6935654e42 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_6935654e42::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_6935654e42::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_ff47847a44",withoutText:"withoutText_408c9ba3ac",breadcrumbText:"breadcrumbText_b7b686d3bd",breadcrumbIcon:"breadcrumbIcon_93933e541f",clickable:"clickable_7a61956ea2",current:"current_291c9ae590",disabled:"disabled_6c93cd4930",notClickable:"notClickable_53b32a6d6b"};!function(e){const n="s_id-55ff70da99a4_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_ff47847a44 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_ff47847a44.withoutText_408c9ba3ac {\n  padding: 4px;\n}\na.breadcrumbContent_ff47847a44:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_ff47847a44 .breadcrumbText_b7b686d3bd {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_ff47847a44 .breadcrumbIcon_93933e541f {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_ff47847a44:focus {\n  outline: none;\n}\n.breadcrumbContent_ff47847a44.clickable_7a61956ea2 {\n  cursor: pointer;\n}\n.breadcrumbContent_ff47847a44.clickable_7a61956ea2:hover,\n.breadcrumbContent_ff47847a44:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_ff47847a44.current_291c9ae590 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_ff47847a44.disabled_6c93cd4930 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_ff47847a44.disabled_6c93cd4930:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_ff47847a44.notClickable_53b32a6d6b {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_9de4e216f6",withoutText:"withoutText_dc3228d4ad",breadcrumbText:"breadcrumbText_6c3884a1ab",breadcrumbIcon:"breadcrumbIcon_00ab52dde7",clickable:"clickable_2a83eac715",current:"current_9655c81316",disabled:"disabled_8388b135d1",notClickable:"notClickable_ec7a3e751a"};!function(e){const n="s_id-6512392a70ad_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_9de4e216f6 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_9de4e216f6.withoutText_dc3228d4ad {\n  padding: 4px;\n}\na.breadcrumbContent_9de4e216f6:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_9de4e216f6 .breadcrumbText_6c3884a1ab {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_9de4e216f6 .breadcrumbIcon_00ab52dde7 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_9de4e216f6:focus {\n  outline: none;\n}\n.breadcrumbContent_9de4e216f6.clickable_2a83eac715 {\n  cursor: pointer;\n}\n.breadcrumbContent_9de4e216f6.clickable_2a83eac715:hover,\n.breadcrumbContent_9de4e216f6:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_9de4e216f6.current_9655c81316 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_9de4e216f6.disabled_8388b135d1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_9de4e216f6.disabled_8388b135d1:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_9de4e216f6.notClickable_ec7a3e751a {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_5fef50b7e3",disabled:"disabled_d38ffa37a2"};!function(e){const d="s_id-03f482333e23_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_5fef50b7e3 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_5fef50b7e3.disabled_d38ffa37a2 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_39d9f6d8c4",disabled:"disabled_7488c3d043"};!function(e){const d="s_id-03f482333e23_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_39d9f6d8c4 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_39d9f6d8c4.disabled_7488c3d043 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import u from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as s}from"../../../tests/testIds.js";var a=r((function(r,a){var o=r.children,d=r.id,M=r["data-testid"],c=e(r,["children","id","data-testid"]),l=d||"breadcrumb-menu-button",p="".concat(l,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},c),t.createElement(n,{id:l,size:"xxs",closeMenuOnItemClick:!0,ariaLabel:"Hidden breadcrumbs menu","data-testid":M||s(i.BREADCRUMB_MENU,d),ariaControls:p,ref:a},t.createElement(u,{id:p,size:"medium",focusItemIndexOnMount:0,ariaLabel:"Expanded breadcrumbs menu"},o)))}));export{a as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import u from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as s}from"../../../tests/testIds.js";var a=r((function(r,a){var o=r.children,d=r.id,M=r["data-testid"],c=e(r,["children","id","data-testid"]),l=d||"breadcrumb-menu-button",p="".concat(l,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},c),t.createElement(n,{id:l,size:"xxs",closeMenuOnItemClick:!0,"aria-label":"Hidden breadcrumbs menu","data-testid":M||s(i.BREADCRUMB_MENU,d),"aria-controls":p,ref:a},t.createElement(u,{id:p,size:"medium",focusItemIndexOnMount:0,"aria-label":"Expanded breadcrumbs menu"},o)))}));export{a as default};
 //# sourceMappingURL=BreadcrumbMenu.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n (\n { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const menuButtonId = id \|\| \"breadcrumb-menu-button\";\n const menuId = `${menuButtonId}-menu`;\n\n return (\n <li className={styles.breadcrumbMenuWrapper} {...props}>\n <MenuButton\n id={menuButtonId}\n size={\"xxs\"}\n closeMenuOnItemClick\n ~~ariaLabel~~={\"Hidden breadcrumbs menu\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n ~~ariaControls~~={menuId}\n ref={ref}\n >\n <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ~~ariaLabel~~=\"Expanded breadcrumbs menu\">\n {children}\n </Menu>\n </MenuButton>\n </li>\n );\n }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","~~ariaLabel","~~getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","~~ariaControls","~~Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,~~sBACA~~,~~EAAAC~~,~~UAAW~~,0BAAyB,~~cACvBd~~,~~GAAce~~,EAAUC,EAAuBC,~~gBAAiBlB~~,~~GAC7EmB~~,~~aAAcd~~,~~EACdP~~,IAAKA,GAELS,EAACI,~~cAAAS~~,~~GAAKpB~~,GAAIK,EAAQQ,KAAM,~~SAAUQ~~,sBAAuB,~~EAAGN~~,~~UAAU~~,~~6BACnEhB,~~IAKX"}
1	+ {"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n (\n { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const menuButtonId = id \|\| \"breadcrumb-menu-button\";\n const menuId = `${menuButtonId}-menu`;\n\n return (\n <li className={styles.breadcrumbMenuWrapper} {...props}>\n <MenuButton\n id={menuButtonId}\n size={\"xxs\"}\n closeMenuOnItemClick\n aria-label={\"Hidden breadcrumbs menu\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n aria-controls={menuId}\n ref={ref}\n >\n <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} aria-label=\"Expanded breadcrumbs menu\">\n {children}\n </Menu>\n </MenuButton>\n </li>\n );\n }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBAAoB,EAAA,aACR,0BAAyB,cACxBb,GAAcc,EAAUC,EAAuBC,gBAAiBjB,GAC9D,gBAAAK,EACfP,IAAKA,GAELS,EAACI,cAAAO,GAAKlB,GAAIK,EAAQQ,KAAM,SAAUM,sBAAuB,eAAc,6BACpEpB,IAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_5fef50b7e3"};!function(e){const n="s_id-fc5ae89c4b65_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_5fef50b7e3 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_39d9f6d8c4"};!function(e){const n="s_id-fc5ae89c4b65_4_0_0-alpha_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_39d9f6d8c4 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,r.className),id:d,"data-testid":p||s(a.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
+import e from"react";import t from"classnames";import{getTestId as a,ComponentDefaultTestId as r}from"../../tests/testIds.js";import s from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as i}from"../../tests/constants.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var o=function(o){var l=o.children,m=o.type,c=void 0===m?"indication":m,d=o.id,u=o["data-testid"];return e.createElement("nav",{"aria-label":"Breadcrumb",className:t(s.breadcrumbsBar,o.className),id:d,"data-testid":u||a(r.BREADCRUMBS_BAR,d),"data-vibe":i.BREADCRUMBS_BAR},e.createElement("ol",null,l&&e.Children.map(l,(function(t,a){return e.isValidElement(t)?[a>0&&e.createElement(n,{className:s.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==c}))]:null}))))};export{o as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map