npm - @vibe/core - Versions diffs - 4.2.2 → 4.2.3 - Mend

@vibe/core 4.2.2 → 4.2.3

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 (1121) hide show

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} 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"}
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,EAAAC,cAACC,EAAM,CACLC,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,EAAAC,cAACc,EAAI,CAAChB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

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, useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\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":"~~srBAgBMA~~,~~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"}
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, useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\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":"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"}

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

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_930e32293e"};!function(e){const t="s_id-97ac9c3bb99a_4_2_1";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_930e32293e {\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_930e32293e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_930e32293e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_0a65eeb9f4"};!function(e){const t="s_id-97ac9c3bb99a_4_2_2";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_0a65eeb9f4 {\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_0a65eeb9f4::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_0a65eeb9f4::-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/BaseList/context/BaseListContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseListContext.js","sources":["../../../../../src/components/BaseList/context/BaseListContext.tsx"],"sourcesContent":["import React, { createContext, useContext, type ReactNode, type AriaRole } from \"react\";\nimport { NOOP } from \"@vibe/shared\";\nimport { type BaseListSizes } from \"../BaseList.types\";\n\nexport interface BaseListItemContextProps {\n /*\n The index of this item in the list.\n /\n index: number;\n /\n The derived ID for this item.\n /\n id: string;\n /\n Whether this item is currently highlighted (has keyboard focus).\n /\n highlighted: boolean;\n /\n The tabIndex for this item (0 if highlighted, -1 otherwise).\n /\n tabIndex: number;\n /\n The HTML element to render as.\n /\n component: string;\n /\n The size of the item.\n /\n size: BaseListSizes;\n /\n The ARIA role for this item.\n /\n role: AriaRole \| undefined;\n /\n Callback ref to register the item's DOM element.\n /\n refCallback: (element: HTMLElement \| null) => void;\n}\n\nexport interface BaseListContextProps {\n /\n The index of the currently focused/active item.\n /\n activeItemIndex: number;\n /\n Callback to update the focused item by id and index.\n /\n updateFocusedItem: (id: string, index: number) => void;\n /\n Register an item ref for keyboard navigation.\n /\n registerItem: (ref: HTMLElement \| null, index: number) => void;\n /\n The size of items in the list.\n */\n size?: BaseListSizes;\n}\n\nexport interface BaseListProviderProps {\n value: BaseListContextProps;\n children: ReactNode;\n}\n\nexport interface BaseListItemProviderProps {\n value: BaseListItemContextProps;\n children: ReactNode;\n}\n\nconst defaultListContextValue: BaseListContextProps = {\n activeItemIndex: -1,\n updateFocusedItem: NOOP,\n registerItem: NOOP,\n size: \"medium\"\n};\n\nconst BaseListContext = createContext<BaseListContextProps>(defaultListContextValue);\nconst BaseListItemContext = createContext<BaseListItemContextProps \| undefined>(undefined);\n\nexport const BaseListProvider = ({ value, children }: BaseListProviderProps) => {\n return <BaseListContext.Provider value={value}>{children}</BaseListContext.Provider>;\n};\n\nexport const BaseListItemProvider = ({ value, children }: BaseListItemProviderProps) => {\n return <BaseListItemContext.Provider value={value}>{children}</BaseListItemContext.Provider>;\n};\n\nexport const useBaseList = (): BaseListContextProps => {\n return useContext(BaseListContext);\n};\n\nexport const useBaseListItem = (): BaseListItemContextProps \| undefined => {\n return useContext(BaseListItemContext);\n};\n"],"names":["BaseListContext","createContext","activeItemIndex","updateFocusedItem","NOOP","registerItem","size","BaseListItemContext","undefined","BaseListProvider","_ref","React","createElement","Provider","value","children","BaseListItemProvider","_ref2","useBaseList","useContext","useBaseListItem"],"mappings":"gIAoEA,IAOMA,EAAkBC,EAP8B,CACpDC,~~iBAAkB~~,~~EAClBC~~,kBAAmBC,EACnBC,aAAcD,EACdE,KAAM,WAIFC,EAAsBN,OAAoDO,GAEnEC,EAAmB,SAAHC,GAC3B,OAAOC,EAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAE1C,EAEaC,EAAuB,SAAHC,GAC/B,OAAON,EAAAC,cAACL,EAAoBM,SAAQ,CAACC,MADKG,EAALH,OAAeG,EAARF,SAE9C,EAEaG,EAAc,WACzB,OAAOC,EAAWnB,EACpB,EAEaoB,EAAkB,WAC7B,OAAOD,EAAWZ,EACpB"}
1	+ {"version":3,"file":"BaseListContext.js","sources":["../../../../../src/components/BaseList/context/BaseListContext.tsx"],"sourcesContent":["import React, { createContext, useContext, type ReactNode, type AriaRole } from \"react\";\nimport { NOOP } from \"@vibe/shared\";\nimport { type BaseListSizes } from \"../BaseList.types\";\n\nexport interface BaseListItemContextProps {\n /*\n The index of this item in the list.\n /\n index: number;\n /\n The derived ID for this item.\n /\n id: string;\n /\n Whether this item is currently highlighted (has keyboard focus).\n /\n highlighted: boolean;\n /\n The tabIndex for this item (0 if highlighted, -1 otherwise).\n /\n tabIndex: number;\n /\n The HTML element to render as.\n /\n component: string;\n /\n The size of the item.\n /\n size: BaseListSizes;\n /\n The ARIA role for this item.\n /\n role: AriaRole \| undefined;\n /\n Callback ref to register the item's DOM element.\n /\n refCallback: (element: HTMLElement \| null) => void;\n}\n\nexport interface BaseListContextProps {\n /\n The index of the currently focused/active item.\n /\n activeItemIndex: number;\n /\n Callback to update the focused item by id and index.\n /\n updateFocusedItem: (id: string, index: number) => void;\n /\n Register an item ref for keyboard navigation.\n /\n registerItem: (ref: HTMLElement \| null, index: number) => void;\n /\n The size of items in the list.\n */\n size?: BaseListSizes;\n}\n\nexport interface BaseListProviderProps {\n value: BaseListContextProps;\n children: ReactNode;\n}\n\nexport interface BaseListItemProviderProps {\n value: BaseListItemContextProps;\n children: ReactNode;\n}\n\nconst defaultListContextValue: BaseListContextProps = {\n activeItemIndex: -1,\n updateFocusedItem: NOOP,\n registerItem: NOOP,\n size: \"medium\"\n};\n\nconst BaseListContext = createContext<BaseListContextProps>(defaultListContextValue);\nconst BaseListItemContext = createContext<BaseListItemContextProps \| undefined>(undefined);\n\nexport const BaseListProvider = ({ value, children }: BaseListProviderProps) => {\n return <BaseListContext.Provider value={value}>{children}</BaseListContext.Provider>;\n};\n\nexport const BaseListItemProvider = ({ value, children }: BaseListItemProviderProps) => {\n return <BaseListItemContext.Provider value={value}>{children}</BaseListItemContext.Provider>;\n};\n\nexport const useBaseList = (): BaseListContextProps => {\n return useContext(BaseListContext);\n};\n\nexport const useBaseListItem = (): BaseListItemContextProps \| undefined => {\n return useContext(BaseListItemContext);\n};\n"],"names":["BaseListContext","createContext","activeItemIndex","updateFocusedItem","NOOP","registerItem","size","BaseListItemContext","undefined","BaseListProvider","_ref","React","createElement","Provider","value","children","BaseListItemProvider","_ref2","useBaseList","useContext","useBaseListItem"],"mappings":"gIAoEA,IAOMA,EAAkBC,EAP8B,CACpDC,iBAAiB,EACjBC,kBAAmBC,EACnBC,aAAcD,EACdE,KAAM,WAIFC,EAAsBN,OAAoDO,GAEnEC,EAAmB,SAAHC,GAC3B,OAAOC,EAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAE1C,EAEaC,EAAuB,SAAHC,GAC/B,OAAON,EAAAC,cAACL,EAAoBM,SAAQ,CAACC,MADKG,EAALH,OAAeG,EAARF,SAE9C,EAEaG,EAAc,WACzB,OAAOC,EAAWnB,EACpB,EAEaoB,EAAkB,WAC7B,OAAOD,EAAWZ,EACpB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useBaseListFocus.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListFocus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { findSelectedItemIndex, getItemId } from \"../utils/baseListUtils\";\n\nexport interface UseBaseListFocusProps {\n /*\n Index of the item that should be focused initially.\n /\n defaultFocusIndex: number;\n /\n Callback fired when the focused item changes.\n /\n onFocusChange?: (index: number, id?: string) => void;\n /\n The unique identifier for the list.\n /\n listId: string \| undefined;\n /\n If true, disables focus management.\n /\n disabled: boolean;\n}\n\nexport interface UseBaseListFocusResult {\n /\n The index of the currently focused item.\n /\n focusIndex: number;\n /\n The ID of the active descendant for aria-activedescendant.\n /\n activeDescendantId: string \| undefined;\n /\n Callback to update the focused item.\n /\n updateFocusedItem: (itemId: string, index: number) => void;\n /\n Callback to register an item ref.\n /\n registerItem: (itemRef: HTMLElement \| null, index: number) => void;\n /\n Ref array containing all item DOM elements.\n */\n childrenRefs: React.MutableRefObject<(HTMLElement \| null)[]>;\n}\n\nexport const useBaseListFocus = ({\n defaultFocusIndex,\n onFocusChange,\n listId,\n disabled\n}: UseBaseListFocusProps): UseBaseListFocusResult => {\n const childrenRefs = useRef<(HTMLElement \| null)[]>([]);\n const [isInitialized, setIsInitialized] = useState(false);\n const [focusIndex, setFocusIndex] = useState(-1);\n const [activeDescendantId, setActiveDescendantId] = useState<string \| undefined>(undefined);\n\n const updateFocusedItem = useCallback(\n (itemId: string, index: number) => {\n if (disabled) return;\n\n setFocusIndex(index);\n setActiveDescendantId(itemId);\n onFocusChange?.(index, itemId);\n },\n [onFocusChange, disabled]\n );\n\n const registerItem = useCallback((itemRef: HTMLElement \| null, index: number) => {\n childrenRefs.current[index] = itemRef;\n }, []);\n\n useEffect(() => {\n if (disabled \|\| isInitialized) return;\n\n const refs = childrenRefs.current;\n // Wait until refs are populated\n if (refs.length === 0 \|\| refs.every(ref => ref === null)) return;\n\n const selectedIndex = findSelectedItemIndex(refs);\n const targetIndex = selectedIndex !== -1 ? selectedIndex : defaultFocusIndex;\n const element = refs[targetIndex];\n\n if (element) {\n const itemId = getItemId(listId, targetIndex, element.id);\n updateFocusedItem(itemId, targetIndex);\n setIsInitialized(true);\n }\n }, [listId, disabled, defaultFocusIndex, updateFocusedItem, isInitialized]);\n\n return {\n focusIndex,\n activeDescendantId,\n updateFocusedItem,\n registerItem,\n childrenRefs\n };\n};\n"],"names":["useBaseListFocus","_ref","defaultFocusIndex","onFocusChange","listId","disabled","childrenRefs","useRef","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","focusIndex","setFocusIndex","_useState5","undefined","_useState6","activeDescendantId","setActiveDescendantId","updateFocusedItem","useCallback","itemId","index","registerItem","itemRef","current","useEffect","refs","length","every","ref","selectedIndex","findSelectedItemIndex","targetIndex","element","getItemId","id"],"mappings":"oPA6CaA,EAAmB,SAAHC,GAKuB,IAJlDC,EAAiBD,EAAjBC,kBACAC,EAAaF,EAAbE,cACAC,EAAMH,EAANG,OACAC,EAAQJ,EAARI,SAEMC,EAAeC,EAA+B,IACpDC,EAA0CC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAlDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtCI,EAAoCL,~~GAAU~~,~~GAAEM,~~EAAAJ,EAAAG,EAAA,GAAzCE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAChCG,EAAoDT,OAA6BU,GAAUC,EAAAT,EAAAO,EAAA,GAApFG,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAoBC,GACxB,SAACC,EAAgBC,GACXrB,IAEJY,EAAcS,GACdJ,EAAsBG,GACtBtB,SAAAA,EAAgBuB,EAAOD,GACzB,GACA,CAACtB,EAAeE,IAGZsB,EAAeH,GAAY,SAACI,EAA6BF,GAC7DpB,EAAauB,QAAQH,GAASE,~~CAC/B~~,~~GAAE~~,IAoBH,OAlBAE,GAAU,WACR,IAAIzB,IAAYO,EAAhB,CAEA,IAAMmB,EAAOzB,EAAauB,QAE1B,GAAoB,IAAhBE,EAAKC,SAAgBD,EAAKE,OAAM,SAAAC,GAAG,OAAY,OAARA,CAAY,IAAvD,CAEA,IAAMC,EAAgBC,EAAsBL,GACtCM,~~GAAiC~~,~~IAAnBF~~,EAAuBA,EAAgBjC,EACrDoC,EAAUP,EAAKM,GAErB,GAAIC,EAAS,CACX,IAAMb,EAASc,EAAUnC,EAAQiC,EAAaC,EAAQE,IACtDjB,EAAkBE,EAAQY,GAC1BxB,GAAiB,EACnB,CAV0D,CAJ3B,CAejC,GAAG,CAACT,EAAQC,EAAUH,EAAmBqB,EAAmBX,IAErD,CACLI,WAAAA,EACAK,mBAAAA,EACAE,kBAAAA,EACAI,aAAAA,EACArB,aAAAA,EAEJ"}
1	+ {"version":3,"file":"useBaseListFocus.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListFocus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { findSelectedItemIndex, getItemId } from \"../utils/baseListUtils\";\n\nexport interface UseBaseListFocusProps {\n /*\n Index of the item that should be focused initially.\n /\n defaultFocusIndex: number;\n /\n Callback fired when the focused item changes.\n /\n onFocusChange?: (index: number, id?: string) => void;\n /\n The unique identifier for the list.\n /\n listId: string \| undefined;\n /\n If true, disables focus management.\n /\n disabled: boolean;\n}\n\nexport interface UseBaseListFocusResult {\n /\n The index of the currently focused item.\n /\n focusIndex: number;\n /\n The ID of the active descendant for aria-activedescendant.\n /\n activeDescendantId: string \| undefined;\n /\n Callback to update the focused item.\n /\n updateFocusedItem: (itemId: string, index: number) => void;\n /\n Callback to register an item ref.\n /\n registerItem: (itemRef: HTMLElement \| null, index: number) => void;\n /\n Ref array containing all item DOM elements.\n */\n childrenRefs: React.MutableRefObject<(HTMLElement \| null)[]>;\n}\n\nexport const useBaseListFocus = ({\n defaultFocusIndex,\n onFocusChange,\n listId,\n disabled\n}: UseBaseListFocusProps): UseBaseListFocusResult => {\n const childrenRefs = useRef<(HTMLElement \| null)[]>([]);\n const [isInitialized, setIsInitialized] = useState(false);\n const [focusIndex, setFocusIndex] = useState(-1);\n const [activeDescendantId, setActiveDescendantId] = useState<string \| undefined>(undefined);\n\n const updateFocusedItem = useCallback(\n (itemId: string, index: number) => {\n if (disabled) return;\n\n setFocusIndex(index);\n setActiveDescendantId(itemId);\n onFocusChange?.(index, itemId);\n },\n [onFocusChange, disabled]\n );\n\n const registerItem = useCallback((itemRef: HTMLElement \| null, index: number) => {\n childrenRefs.current[index] = itemRef;\n }, []);\n\n useEffect(() => {\n if (disabled \|\| isInitialized) return;\n\n const refs = childrenRefs.current;\n // Wait until refs are populated\n if (refs.length === 0 \|\| refs.every(ref => ref === null)) return;\n\n const selectedIndex = findSelectedItemIndex(refs);\n const targetIndex = selectedIndex !== -1 ? selectedIndex : defaultFocusIndex;\n const element = refs[targetIndex];\n\n if (element) {\n const itemId = getItemId(listId, targetIndex, element.id);\n updateFocusedItem(itemId, targetIndex);\n setIsInitialized(true);\n }\n }, [listId, disabled, defaultFocusIndex, updateFocusedItem, isInitialized]);\n\n return {\n focusIndex,\n activeDescendantId,\n updateFocusedItem,\n registerItem,\n childrenRefs\n };\n};\n"],"names":["useBaseListFocus","_ref","defaultFocusIndex","onFocusChange","listId","disabled","childrenRefs","useRef","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","focusIndex","setFocusIndex","_useState5","undefined","_useState6","activeDescendantId","setActiveDescendantId","updateFocusedItem","useCallback","itemId","index","registerItem","itemRef","current","useEffect","refs","length","every","ref","selectedIndex","findSelectedItemIndex","targetIndex","element","getItemId","id"],"mappings":"oPA6CaA,EAAmB,SAAHC,GAKuB,IAJlDC,EAAiBD,EAAjBC,kBACAC,EAAaF,EAAbE,cACAC,EAAMH,EAANG,OACAC,EAAQJ,EAARI,SAEMC,EAAeC,EAA+B,IACpDC,EAA0CC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAlDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtCI,EAAoCL,MAAYM,EAAAJ,EAAAG,EAAA,GAAzCE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAChCG,EAAoDT,OAA6BU,GAAUC,EAAAT,EAAAO,EAAA,GAApFG,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAoBC,GACxB,SAACC,EAAgBC,GACXrB,IAEJY,EAAcS,GACdJ,EAAsBG,GACtBtB,SAAAA,EAAgBuB,EAAOD,GACzB,GACA,CAACtB,EAAeE,IAGZsB,EAAeH,GAAY,SAACI,EAA6BF,GAC7DpB,EAAauB,QAAQH,GAASE,CAChC,GAAG,IAoBH,OAlBAE,GAAU,WACR,IAAIzB,IAAYO,EAAhB,CAEA,IAAMmB,EAAOzB,EAAauB,QAE1B,GAAoB,IAAhBE,EAAKC,SAAgBD,EAAKE,OAAM,SAAAC,GAAG,OAAY,OAARA,CAAY,IAAvD,CAEA,IAAMC,EAAgBC,EAAsBL,GACtCM,GAAgC,IAAlBF,EAAuBA,EAAgBjC,EACrDoC,EAAUP,EAAKM,GAErB,GAAIC,EAAS,CACX,IAAMb,EAASc,EAAUnC,EAAQiC,EAAaC,EAAQE,IACtDjB,EAAkBE,EAAQY,GAC1BxB,GAAiB,EACnB,CAV0D,CAJ3B,CAejC,GAAG,CAACT,EAAQC,EAAUH,EAAmBqB,EAAmBX,IAErD,CACLI,WAAAA,EACAK,mBAAAA,EACAE,kBAAAA,EACAI,aAAAA,EACArB,aAAAA,EAEJ"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useBaseListKeyboard.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListKeyboard.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport {\n findAdjacentFocusableIndex,\n findFirstFocusableIndex,\n findLastFocusableIndex,\n getItemId,\n isFocusableListItem\n} from \"../utils/baseListUtils\";\n\nexport interface UseBaseListKeyboardProps {\n /*\n The index of the currently focused item.\n /\n focusIndex: number;\n /\n Ref array containing all item DOM elements.\n /\n childrenRefs: React.MutableRefObject<(HTMLElement \| null)[]>;\n /\n The unique identifier for the list.\n /\n listId: string \| undefined;\n /\n Callback to update the focused item.\n /\n updateFocusedItem: (itemId: string, index: number) => void;\n /\n Ref to the list container element.\n /\n componentRef: React.RefObject<HTMLElement>;\n /\n If true, disables keyboard navigation.\n */\n disabled: boolean;\n}\n\nconst NAVIGATION_KEYS: string[] = [\n keyCodes.UP_ARROW,\n keyCodes.DOWN_ARROW,\n keyCodes.HOME,\n keyCodes.END,\n keyCodes.PAGE_UP,\n keyCodes.PAGE_DOWN\n];\n\nconst PAGE_JUMP_SIZE = 10;\n\nconst findPageUpIndex = (refs: (HTMLElement \| null)[], currentIndex: number): number \| undefined => {\n const targetIndex = Math.max(0, currentIndex - PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i < currentIndex; i++) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const firstFocusableIndex = findFirstFocusableIndex(refs);\n return firstFocusableIndex !== -1 ? firstFocusableIndex : undefined;\n};\n\nconst findPageDownIndex = (refs: (HTMLElement \| null)[], currentIndex: number): number \| undefined => {\n const targetIndex = Math.min(refs.length - 1, currentIndex + PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i > currentIndex; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const lastFocusableIndex = findLastFocusableIndex(refs);\n return lastFocusableIndex !== -1 ? lastFocusableIndex : undefined;\n};\n\nexport const useBaseListKeyboard = ({\n focusIndex,\n childrenRefs,\n listId,\n updateFocusedItem,\n componentRef,\n disabled\n}: UseBaseListKeyboardProps): void => {\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (disabled) return;\n\n const { key } = event;\n const refs = childrenRefs.current;\n let newFocusIndex: number \| undefined;\n\n switch (key) {\n case keyCodes.UP_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"prev\");\n break;\n\n case keyCodes.DOWN_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"next\");\n break;\n\n case keyCodes.HOME:\n event.preventDefault();\n newFocusIndex = findFirstFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.END:\n event.preventDefault();\n newFocusIndex = findLastFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.PAGE_UP:\n event.preventDefault();\n newFocusIndex = findPageUpIndex(refs, focusIndex);\n break;\n\n case keyCodes.PAGE_DOWN:\n event.preventDefault();\n newFocusIndex = findPageDownIndex(refs, focusIndex);\n break;\n\n default:\n return;\n }\n\n if (newFocusIndex !== undefined) {\n const element = refs[newFocusIndex];\n if (element) {\n const itemId = getItemId(listId, newFocusIndex, element.id);\n updateFocusedItem(itemId, newFocusIndex);\n element.focus();\n }\n }\n },\n [focusIndex, childrenRefs, listId, updateFocusedItem, disabled]\n );\n\n useKeyEvent({\n keys: NAVIGATION_KEYS,\n callback: onKeyDown,\n ref: componentRef\n });\n};\n"],"names":["NAVIGATION_KEYS","keyCodes","UP_ARROW","DOWN_ARROW","HOME","END","PAGE_UP","PAGE_DOWN","useBaseListKeyboard","_ref","focusIndex","childrenRefs","listId","updateFocusedItem","componentRef","disabled","onKeyDown","useCallback","event","newFocusIndex","refs","current","key","preventDefault","findAdjacentFocusableIndex","findFirstFocusableIndex","undefined","findLastFocusableIndex","currentIndex","i","Math","max","isFocusableListItem","firstFocusableIndex","findPageUpIndex","min","length","lastFocusableIndex","findPageDownIndex","element","itemId","getItemId","id","focus","useKeyEvent","keys","callback","ref"],"mappings":"iVAsCA,IAAMA,EAA4B,CAChCC,EAASC,SACTD,EAASE,WACTF,EAASG,KACTH,EAASI,IACTJ,EAASK,QACTL,EAASM,WA+BEC,EAAsB,SAAHC,GAOK,IANnCC,EAAUD,EAAVC,WACAC,EAAYF,EAAZE,aACAC,EAAMH,EAANG,OACAC,EAAiBJ,EAAjBI,kBACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SAEMC,EAAYC,GAChB,SAACC,GACC,IAAIH,EAAJ,CAEA,IAEII,EADEC,EAAOT,EAAaU,QAG1B,OAJgBH,EAARI,KAKN,KAAKrB,EAASC,SACZgB,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASE,WACZe,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASG,KACZc,EAAMK,~~kBAEiB~~,~~KADvBJ,~~EAAgBM,EAAwBL,MACdD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASI,IACZa,EAAMK,~~kBAEiB~~,~~KADvBJ,~~EAAgBQ,EAAuBP,MACbD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASK,QACZY,EAAMK,iBACNJ,EAnEc,SAACC,EAA8BQ,GAGrD,IAFA,IAESC,EAFWC,KAAKC,IAAI,EAAGH,EAHX,IAKSA,EAAJC,EAAkBA,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMI,EAAsBR,EAAwBL,GACpD,~~OAAgC~~,~~IAAzBa,~~EAA6BA,OAAsBP,CAC5D,CAwD0BQ,CAAgBd,EAAMV,GACtC,MAEF,KAAKT,EAASM,UACZW,EAAMK,iBACNJ,EA3DgB,SAACC,EAA8BQ,GAGvD,IAFA,IAESC,EAFWC,KAAKK,IAAIf,EAAKgB,OAAS,EAAGR,EAhBzB,IAkBKC,EAAID,EAAcC,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMQ,EAAqBV,EAAuBP,GAClD,~~OAA+B~~,~~IAAxBiB,~~EAA4BA,OAAqBX,CAC1D,CAgD0BY,CAAkBlB,EAAMV,GACxC,MAEF,QACE,OAGJ,QAAsBgB,IAAlBP,EAA6B,CAC/B,IAAMoB,EAAUnB,EAAKD,GACrB,GAAIoB,EAAS,CACX,IAAMC,EAASC,EAAU7B,EAAQO,EAAeoB,EAAQG,IACxD7B,EAAkB2B,EAAQrB,GAC1BoB,EAAQI,OACV,CACF,CAlDc,CAmDhB,GACA,CAACjC,EAAYC,EAAcC,EAAQC,EAAmBE,IAGxD6B,EAAY,CACVC,KAAM7C,EACN8C,SAAU9B,EACV+B,IAAKjC,GAET"}
1	+ {"version":3,"file":"useBaseListKeyboard.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListKeyboard.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport {\n findAdjacentFocusableIndex,\n findFirstFocusableIndex,\n findLastFocusableIndex,\n getItemId,\n isFocusableListItem\n} from \"../utils/baseListUtils\";\n\nexport interface UseBaseListKeyboardProps {\n /*\n The index of the currently focused item.\n /\n focusIndex: number;\n /\n Ref array containing all item DOM elements.\n /\n childrenRefs: React.MutableRefObject<(HTMLElement \| null)[]>;\n /\n The unique identifier for the list.\n /\n listId: string \| undefined;\n /\n Callback to update the focused item.\n /\n updateFocusedItem: (itemId: string, index: number) => void;\n /\n Ref to the list container element.\n /\n componentRef: React.RefObject<HTMLElement>;\n /\n If true, disables keyboard navigation.\n */\n disabled: boolean;\n}\n\nconst NAVIGATION_KEYS: string[] = [\n keyCodes.UP_ARROW,\n keyCodes.DOWN_ARROW,\n keyCodes.HOME,\n keyCodes.END,\n keyCodes.PAGE_UP,\n keyCodes.PAGE_DOWN\n];\n\nconst PAGE_JUMP_SIZE = 10;\n\nconst findPageUpIndex = (refs: (HTMLElement \| null)[], currentIndex: number): number \| undefined => {\n const targetIndex = Math.max(0, currentIndex - PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i < currentIndex; i++) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const firstFocusableIndex = findFirstFocusableIndex(refs);\n return firstFocusableIndex !== -1 ? firstFocusableIndex : undefined;\n};\n\nconst findPageDownIndex = (refs: (HTMLElement \| null)[], currentIndex: number): number \| undefined => {\n const targetIndex = Math.min(refs.length - 1, currentIndex + PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i > currentIndex; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const lastFocusableIndex = findLastFocusableIndex(refs);\n return lastFocusableIndex !== -1 ? lastFocusableIndex : undefined;\n};\n\nexport const useBaseListKeyboard = ({\n focusIndex,\n childrenRefs,\n listId,\n updateFocusedItem,\n componentRef,\n disabled\n}: UseBaseListKeyboardProps): void => {\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (disabled) return;\n\n const { key } = event;\n const refs = childrenRefs.current;\n let newFocusIndex: number \| undefined;\n\n switch (key) {\n case keyCodes.UP_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"prev\");\n break;\n\n case keyCodes.DOWN_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"next\");\n break;\n\n case keyCodes.HOME:\n event.preventDefault();\n newFocusIndex = findFirstFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.END:\n event.preventDefault();\n newFocusIndex = findLastFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.PAGE_UP:\n event.preventDefault();\n newFocusIndex = findPageUpIndex(refs, focusIndex);\n break;\n\n case keyCodes.PAGE_DOWN:\n event.preventDefault();\n newFocusIndex = findPageDownIndex(refs, focusIndex);\n break;\n\n default:\n return;\n }\n\n if (newFocusIndex !== undefined) {\n const element = refs[newFocusIndex];\n if (element) {\n const itemId = getItemId(listId, newFocusIndex, element.id);\n updateFocusedItem(itemId, newFocusIndex);\n element.focus();\n }\n }\n },\n [focusIndex, childrenRefs, listId, updateFocusedItem, disabled]\n );\n\n useKeyEvent({\n keys: NAVIGATION_KEYS,\n callback: onKeyDown,\n ref: componentRef\n });\n};\n"],"names":["NAVIGATION_KEYS","keyCodes","UP_ARROW","DOWN_ARROW","HOME","END","PAGE_UP","PAGE_DOWN","useBaseListKeyboard","_ref","focusIndex","childrenRefs","listId","updateFocusedItem","componentRef","disabled","onKeyDown","useCallback","event","newFocusIndex","refs","current","key","preventDefault","findAdjacentFocusableIndex","findFirstFocusableIndex","undefined","findLastFocusableIndex","currentIndex","i","Math","max","isFocusableListItem","firstFocusableIndex","findPageUpIndex","min","length","lastFocusableIndex","findPageDownIndex","element","itemId","getItemId","id","focus","useKeyEvent","keys","callback","ref"],"mappings":"iVAsCA,IAAMA,EAA4B,CAChCC,EAASC,SACTD,EAASE,WACTF,EAASG,KACTH,EAASI,IACTJ,EAASK,QACTL,EAASM,WA+BEC,EAAsB,SAAHC,GAOK,IANnCC,EAAUD,EAAVC,WACAC,EAAYF,EAAZE,aACAC,EAAMH,EAANG,OACAC,EAAiBJ,EAAjBI,kBACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SAEMC,EAAYC,GAChB,SAACC,GACC,IAAIH,EAAJ,CAEA,IAEII,EADEC,EAAOT,EAAaU,QAG1B,OAJgBH,EAARI,KAKN,KAAKrB,EAASC,SACZgB,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASE,WACZe,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASG,KACZc,EAAMK,uBACNJ,EAAgBM,EAAwBL,MACdD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASI,IACZa,EAAMK,uBACNJ,EAAgBQ,EAAuBP,MACbD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASK,QACZY,EAAMK,iBACNJ,EAnEc,SAACC,EAA8BQ,GAGrD,IAFA,IAESC,EAFWC,KAAKC,IAAI,EAAGH,EAHX,IAKSA,EAAJC,EAAkBA,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMI,EAAsBR,EAAwBL,GACpD,WAAOa,EAA6BA,OAAsBP,CAC5D,CAwD0BQ,CAAgBd,EAAMV,GACtC,MAEF,KAAKT,EAASM,UACZW,EAAMK,iBACNJ,EA3DgB,SAACC,EAA8BQ,GAGvD,IAFA,IAESC,EAFWC,KAAKK,IAAIf,EAAKgB,OAAS,EAAGR,EAhBzB,IAkBKC,EAAID,EAAcC,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMQ,EAAqBV,EAAuBP,GAClD,WAAOiB,EAA4BA,OAAqBX,CAC1D,CAgD0BY,CAAkBlB,EAAMV,GACxC,MAEF,QACE,OAGJ,QAAsBgB,IAAlBP,EAA6B,CAC/B,IAAMoB,EAAUnB,EAAKD,GACrB,GAAIoB,EAAS,CACX,IAAMC,EAASC,EAAU7B,EAAQO,EAAeoB,EAAQG,IACxD7B,EAAkB2B,EAAQrB,GAC1BoB,EAAQI,OACV,CACF,CAlDc,CAmDhB,GACA,CAACjC,EAAYC,EAAcC,EAAQC,EAAmBE,IAGxD6B,EAAY,CACVC,KAAM7C,EACN8C,SAAU9B,EACV+B,IAAKjC,GAET"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"baseListUtils.js","sources":["../../../../../src/components/BaseList/utils/baseListUtils.ts"],"sourcesContent":["export const VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nconst ROLE_MAPPING: Record<string, string> = {\n listbox: \"option\",\n menu: \"menuitem\",\n menubar: \"menuitem\",\n tablist: \"tab\",\n tree: \"treeitem\",\n list: \"listitem\"\n};\n\nexport const getChildRole = (listRole: string): string => ROLE_MAPPING[listRole] \|\| \"listitem\";\n\nexport const getItemId = (listId: string, index: number, customId?: string): string => {\n return customId \|\| `${listId}-item-${index}`;\n};\n\nexport const isListItem = (element: HTMLElement \| null): boolean => {\n return element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\") \|\| \"\");\n};\n\nexport const isFocusableListItem = (element: HTMLElement \| null): boolean => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-disabled\") !== \"true\";\n};\n\nconst ELEMENT_MAPPING: Record<string, string> = {\n ul: \"li\",\n ol: \"li\",\n nav: \"a\"\n};\n\nexport const getItemComponentType = (listElement: string): string => ELEMENT_MAPPING[listElement] \|\| \"div\";\n\nexport const findAdjacentFocusableIndex = (\n refs: (HTMLElement \| null)[],\n currentIndex: number,\n direction: \"next\" \| \"prev\",\n shouldWrap = true\n): number \| undefined => {\n const step = direction === \"next\" ? 1 : -1;\n let index = currentIndex + step;\n\n while (index >= 0 && index < refs.length) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n }\n\n if (shouldWrap) {\n const startIndex = direction === \"next\" ? 0 : refs.length - 1;\n index = startIndex;\n\n while (index !== currentIndex) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n\n if (index < 0 \|\| index >= refs.length) {\n break;\n }\n }\n }\n\n return undefined;\n};\n\nexport const findFirstFocusableIndex = (refs: (HTMLElement \| null)[]): number => {\n return refs.findIndex(isFocusableListItem);\n};\n\nexport const findLastFocusableIndex = (refs: (HTMLElement \| null)[]): number => {\n for (let i = refs.length - 1; i >= 0; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n return -1;\n};\n\nexport const findSelectedItemIndex = (refs: (HTMLElement \| null)[]): number => {\n return refs.findIndex(element => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-selected\") === \"true\";\n });\n};\n"],"names":["VALID_ROLES","ROLE_MAPPING","listbox","menu","menubar","tablist","tree","list","getChildRole","listRole","getItemId","listId","index","customId","concat","isListItem","element","HTMLElement","includes","getAttribute","isFocusableListItem","ELEMENT_MAPPING","ul","ol","nav","getItemComponentType","listElement","findAdjacentFocusableIndex","refs","currentIndex","direction","shouldWrap","arguments","length","undefined","step","findFirstFocusableIndex","findIndex","findLastFocusableIndex","i","findSelectedItemIndex"],"mappings":"~~AAAaA~~,~~IAAAA~~,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAE/DC,EAAuC,CAC3CC,QAAS,SACTC,KAAM,WACNC,QAAS,WACTC,QAAS,MACTC,KAAM,WACNC,KAAM,YAGKC,EAAe,SAACC,GAAgB,OAAaR,EAAaQ,IAAa,UAAU,EAEjFC,EAAY,SAACC,EAAgBC,EAAeC,GACvD,OAAOA,MAAQC,OAAOH,~~EAAMG~~,~~UAAAA~~,OAASF,EACvC,EAEaG,EAAa,SAACC,GACzB,OAAOA,aAAmBC,aAAejB,EAAYkB,SAASF,EAAQG,aAAa,SAAW,GAChG,EAEaC,EAAsB,SAACJ,GAClC,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,EAEME,EAA0C,CAC9CC,GAAI,KACJC,GAAI,KACJC,IAAK,KAGMC,EAAuB,SAACC,GAAmB,OAAaL,EAAgBK,IAAgB,KAAK,EAE7FC,EAA6B,SACxCC,EACAC,EACAC,GAMA,IAJsB,IADtBC,EAAU,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEJG,EAAqB,SAAdL,EAAuB,~~GAAK~~,~~EACrClB~~,EAAQiB,EAAeM,EAEpBvB,GAAS,GAAagB,EAAKK,OAAbrB,GAAqB,CACxC,GAAIQ,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAETA,GAASuB,CACX,CAEA,GAAIJ,EAIF,IAFAnB,EADiC,SAAdkB,EAAuB,EAAIF,EAAKK,OAAS,EAGrDrB,IAAUiB,GAAc,CAC7B,GAAIT,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAIT,GAAY,GAFZA,GAASuB,IAEQvB,GAASgB,EAAKK,OAC7B,KAEJ,CAIJ,EAEaG,EAA0B,SAACR,GACtC,OAAOA,EAAKS,UAAUjB,EACxB,EAEakB,EAAyB,SAACV,GACrC,IAAK,IAAIW,EAAIX,EAAKK,OAAS,EAAGM,GAAK,EAAGA,IACpC,GAAInB,EAAoBQ,EAAKW,IAC3B,OAAOA,EAGX,~~OAAQ~~,~~CACV~~,EAEaC,EAAwB,SAACZ,GACpC,OAAOA,EAAKS,WAAU,SAAArB,GACpB,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,GACF"}
1	+ {"version":3,"file":"baseListUtils.js","sources":["../../../../../src/components/BaseList/utils/baseListUtils.ts"],"sourcesContent":["export const VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nconst ROLE_MAPPING: Record<string, string> = {\n listbox: \"option\",\n menu: \"menuitem\",\n menubar: \"menuitem\",\n tablist: \"tab\",\n tree: \"treeitem\",\n list: \"listitem\"\n};\n\nexport const getChildRole = (listRole: string): string => ROLE_MAPPING[listRole] \|\| \"listitem\";\n\nexport const getItemId = (listId: string, index: number, customId?: string): string => {\n return customId \|\| `${listId}-item-${index}`;\n};\n\nexport const isListItem = (element: HTMLElement \| null): boolean => {\n return element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\") \|\| \"\");\n};\n\nexport const isFocusableListItem = (element: HTMLElement \| null): boolean => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-disabled\") !== \"true\";\n};\n\nconst ELEMENT_MAPPING: Record<string, string> = {\n ul: \"li\",\n ol: \"li\",\n nav: \"a\"\n};\n\nexport const getItemComponentType = (listElement: string): string => ELEMENT_MAPPING[listElement] \|\| \"div\";\n\nexport const findAdjacentFocusableIndex = (\n refs: (HTMLElement \| null)[],\n currentIndex: number,\n direction: \"next\" \| \"prev\",\n shouldWrap = true\n): number \| undefined => {\n const step = direction === \"next\" ? 1 : -1;\n let index = currentIndex + step;\n\n while (index >= 0 && index < refs.length) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n }\n\n if (shouldWrap) {\n const startIndex = direction === \"next\" ? 0 : refs.length - 1;\n index = startIndex;\n\n while (index !== currentIndex) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n\n if (index < 0 \|\| index >= refs.length) {\n break;\n }\n }\n }\n\n return undefined;\n};\n\nexport const findFirstFocusableIndex = (refs: (HTMLElement \| null)[]): number => {\n return refs.findIndex(isFocusableListItem);\n};\n\nexport const findLastFocusableIndex = (refs: (HTMLElement \| null)[]): number => {\n for (let i = refs.length - 1; i >= 0; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n return -1;\n};\n\nexport const findSelectedItemIndex = (refs: (HTMLElement \| null)[]): number => {\n return refs.findIndex(element => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-selected\") === \"true\";\n });\n};\n"],"names":["VALID_ROLES","ROLE_MAPPING","listbox","menu","menubar","tablist","tree","list","getChildRole","listRole","getItemId","listId","index","customId","concat","isListItem","element","HTMLElement","includes","getAttribute","isFocusableListItem","ELEMENT_MAPPING","ul","ol","nav","getItemComponentType","listElement","findAdjacentFocusableIndex","refs","currentIndex","direction","shouldWrap","arguments","length","undefined","step","findFirstFocusableIndex","findIndex","findLastFocusableIndex","i","findSelectedItemIndex"],"mappings":"AAAO,IAAMA,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAE/DC,EAAuC,CAC3CC,QAAS,SACTC,KAAM,WACNC,QAAS,WACTC,QAAS,MACTC,KAAM,WACNC,KAAM,YAGKC,EAAe,SAACC,GAAgB,OAAaR,EAAaQ,IAAa,UAAU,EAEjFC,EAAY,SAACC,EAAgBC,EAAeC,GACvD,OAAOA,MAAQC,OAAOH,EAAM,UAAAG,OAASF,EACvC,EAEaG,EAAa,SAACC,GACzB,OAAOA,aAAmBC,aAAejB,EAAYkB,SAASF,EAAQG,aAAa,SAAW,GAChG,EAEaC,EAAsB,SAACJ,GAClC,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,EAEME,EAA0C,CAC9CC,GAAI,KACJC,GAAI,KACJC,IAAK,KAGMC,EAAuB,SAACC,GAAmB,OAAaL,EAAgBK,IAAgB,KAAK,EAE7FC,EAA6B,SACxCC,EACAC,EACAC,GAMA,IAJsB,IADtBC,EAAU,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEJG,EAAqB,SAAdL,EAAuB,GAAI,EACpClB,EAAQiB,EAAeM,EAEpBvB,GAAS,GAAagB,EAAKK,OAAbrB,GAAqB,CACxC,GAAIQ,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAETA,GAASuB,CACX,CAEA,GAAIJ,EAIF,IAFAnB,EADiC,SAAdkB,EAAuB,EAAIF,EAAKK,OAAS,EAGrDrB,IAAUiB,GAAc,CAC7B,GAAIT,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAIT,GAAY,GAFZA,GAASuB,IAEQvB,GAASgB,EAAKK,OAC7B,KAEJ,CAIJ,EAEaG,EAA0B,SAACR,GACtC,OAAOA,EAAKS,UAAUjB,EACxB,EAEakB,EAAyB,SAACV,GACrC,IAAK,IAAIW,EAAIX,EAAKK,OAAS,EAAGM,GAAK,EAAGA,IACpC,GAAInB,EAAoBQ,EAAKW,IAC3B,OAAOA,EAGX,OAAO,CACT,EAEaC,EAAwB,SAACZ,GACpC,OAAOA,EAAKS,WAAU,SAAArB,GACpB,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,GACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UA0CA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,~~OAAW~~,~~IAAHD~~,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,~~OAAW~~,~~IAAHD~~,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,~~GAAY~~,~~EAAI~~,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,~~EACEC~~,cAAA,IAAA,~~CAAAlC~~,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,~~EAC9CpC~~,~~CAAAA~~,~~EAAAA~~,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,~~EACG~~,~~eAAAP~~,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,~~EACEC~~,cAAA,OAAA,~~CAAAlC~~,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,~~EAC9CpC~~,~~CAAAA~~,~~EAAAA~~,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,~~EACEC~~,cAAA,OAAA,~~CAAAlC~~,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,~~IAEX~~,~~gBAAA~~,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}
1	+ {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UA0CA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAQ,IAAAD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAW,EAAK,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EAAAC,cAAA,IAAA,CACElC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EAAS,eACNP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EAAAC,cAAA,OAAA,CACElC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EAAAC,cAAA,OAAA,CACElC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IACvB,gBACY,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_9f8532d465",withoutText:"withoutText_42a8f650f4",breadcrumbText:"breadcrumbText_9aa5a6014e",breadcrumbIcon:"breadcrumbIcon_e95d6bf191",clickable:"clickable_8587e4ea18",current:"current_acb2ee5958",disabled:"disabled_2770c98faa",notClickable:"notClickable_2c60965ec3"};!function(e){const n="s_id-6512392a70ad_4_2_1";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_9f8532d465 {\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_9f8532d465.withoutText_42a8f650f4 {\n  padding: 4px;\n}\na.breadcrumbContent_9f8532d465:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_9f8532d465 .breadcrumbText_9aa5a6014e {\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_9f8532d465 .breadcrumbIcon_e95d6bf191 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_9f8532d465:focus {\n  outline: none;\n}\n.breadcrumbContent_9f8532d465.clickable_8587e4ea18 {\n  cursor: pointer;\n}\n.breadcrumbContent_9f8532d465.clickable_8587e4ea18:hover,\n.breadcrumbContent_9f8532d465:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_9f8532d465.current_acb2ee5958 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_9f8532d465.disabled_2770c98faa {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_9f8532d465.disabled_2770c98faa:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_9f8532d465.notClickable_2c60965ec3 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_48cfbc01c5",withoutText:"withoutText_5b36ce2f03",breadcrumbText:"breadcrumbText_8a158461ef",breadcrumbIcon:"breadcrumbIcon_7fd2c3e181",clickable:"clickable_7bc4ac0bb4",current:"current_f936f6a0c7",disabled:"disabled_a121a02edf",notClickable:"notClickable_5f72d2da79"};!function(e){const n="s_id-6512392a70ad_4_2_2";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,c.firstChild?c.insertBefore(t,c.firstChild):c.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_48cfbc01c5 {\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_48cfbc01c5.withoutText_5b36ce2f03 {\n  padding: 4px;\n}\na.breadcrumbContent_48cfbc01c5:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_48cfbc01c5 .breadcrumbText_8a158461ef {\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_48cfbc01c5 .breadcrumbIcon_7fd2c3e181 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_48cfbc01c5:focus {\n  outline: none;\n}\n.breadcrumbContent_48cfbc01c5.clickable_7bc4ac0bb4 {\n  cursor: pointer;\n}\n.breadcrumbContent_48cfbc01c5.clickable_7bc4ac0bb4:hover,\n.breadcrumbContent_48cfbc01c5:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_48cfbc01c5.current_f936f6a0c7 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_48cfbc01c5.disabled_a121a02edf {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_48cfbc01c5.disabled_a121a02edf:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_48cfbc01c5.notClickable_5f72d2da79 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import{BreadcrumbContent as a}from"./BreadcrumbContent/BreadcrumbContent.js";import l from"./BreadcrumbItem.module.scss.js";import d from"../../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var n=function(n){var c=n.className,u=n.text,p=void 0===u?"":u,f=n.disabled,b=n.isClickable,g=void 0!==b&&b,v=n.link,C=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,B=n.id,j=n.showText,w=void 0===j||j,x=n["data-testid"],E=s(null),I=d({ref:E});return o.createElement(m,{disableDialogSlide:!0,withoutDialog:!1,content:(I||!w)&&p,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!w},o.createElement("li",{id:B,"data-testid":x||t(r.BREADCRUMB_ITEM,B),className:i(l.breadcrumbItemWrapper,c,e({},l.disabled,f))},o.createElement(a,{ref:E,isClickable:g,link:v,onClick:C,text:p,icon:k,isCurrent:h,disabled:f,showText:w})))};export{n as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../../testIds.js";import i from"classnames";import o,{useRef as s}from"react";import{BreadcrumbContent as a}from"./BreadcrumbContent/BreadcrumbContent.js";import l from"./BreadcrumbItem.module.scss.js";import d from"../../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var n=function(n){var c=n.className,u=n.text,p=void 0===u?"":u,f=n.disabled,b=n.isClickable,g=void 0!==b&&b,v=n.link,C=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,B=n.id,j=n.showText,w=void 0===j||j,x=n["data-testid"],E=s(null),I=d({ref:E});return o.createElement(m,{disableDialogSlide:!0,withoutDialog:!1,content:(I||!w)&&p,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!w},o.createElement("li",{id:B,"data-testid":x||t(r.BREADCRUMB_ITEM,B),className:i(l.breadcrumbItemWrapper,c,e({},l.disabled,f))},o.createElement(a,{ref:E,isClickable:g,link:v,onClick:C,text:p,icon:k,isCurrent:h,disabled:f,showText:w})))};export{n as default};
 //# sourceMappingURL=BreadcrumbItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"~~meA6CA~~,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,~~OAAc~~,~~IAAHD~~,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,~~OAAY~~,~~IAAHD~~,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,~~OAAW~~,~~IAAHD~~,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAC~~,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,~~EACEC~~,cAAA,KAAA,~~CAAAV~~,GAAIA,~~EACS~~,~~cAAAG~~,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,~~EACC~~,~~CAAAjB~~,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
1	+ {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"geA6CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAW,IAAAD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAS,IAAAD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAQ,IAAAD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAAAC,cAACC,EAAO,CACNC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EAAAC,cAAA,KAAA,CACEV,GAAIA,EAAE,cACOG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EAAiB,CAChBjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_92b2cfd4c2",disabled:"disabled_245482f475"};!function(e){const d="s_id-03f482333e23_4_2_1";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_92b2cfd4c2 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_92b2cfd4c2.disabled_245482f475 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_5c52eb55ee",disabled:"disabled_fa2a863113"};!function(e){const t="s_id-03f482333e23_4_2_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_5c52eb55ee {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_5c52eb55ee.disabled_fa2a863113 {\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,"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};
+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"../../../../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 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"}
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":"+jBAWA,IAAMA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAAKC,EAAAN,EAAnD,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAY,SAE9B,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBAAoB,EAAA,aACR,0BAAyB,cACxBb,GAAcc,EAAUC,EAAuBC,gBAAiBjB,GAAG,gBACjEK,EACfP,IAAKA,GAELS,EAAAI,cAACO,GAAKlB,GAAIK,EAAQQ,KAAM,SAAUM,sBAAuB,eAAc,6BACpEpB,IAKX"}

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../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{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var s=i((function(i,s){var u=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:u,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,u),ref:s},a))}));s.isMenuChild=!0,s.isSelectable=!0;export{s as default};
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../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{getTestId as r}from"../../../../../testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var u=i((function(i,u){var s=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:s,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,s),ref:u},a))}));u.isMenuChild=!0,u.isSelectable=!0;export{u as default};
 //# sourceMappingURL=BreadcrumbMenuItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from \"react\";\nimport { MenuItem, type MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n /** Link to navigate to when item is clicked */\n link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n isMenuChild?: boolean;\n isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n (\n { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const handleClick = link\n ? (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (onClick) onClick(event);\n if (link) window.open(link);\n }\n : onClick;\n\n return (\n <MenuItem\n id={id}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"~~+fAgBMA~~,~~IAAAA~~,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,~~EAAgFF~~,~~EAAhFE~~,GAAmBC,~~EAA6DH~~,~~EAA5E~~,eAA2BI,~~EAAiDJ~~,~~EAAjDI~~,KAAMC,~~EAA2CL~~,~~EAA3CK~~,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,~~EACvB~~,~~EACDC~~,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}
1	+ {"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from \"react\";\nimport { MenuItem, type MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n /** Link to navigate to when item is clicked */\n link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n isMenuChild?: boolean;\n isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n (\n { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const handleClick = link\n ? (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (onClick) onClick(event);\n if (link) window.open(link);\n }\n : onClick;\n\n return (\n <MenuItem\n id={id}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"4fAgBA,IAAMA,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,EAA4CF,EAA5CE,GAAmBC,EAAyBH,EAAxC,eAA2BI,EAAaJ,EAAbI,KAAMC,EAAOL,EAAPK,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,EACxB,EACAC,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_92b2cfd4c2"};!function(e){const n="s_id-fc5ae89c4b65_4_2_1";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_92b2cfd4c2 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_5c52eb55ee"};!function(e){const n="s_id-fc5ae89c4b65_4_2_2";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_5c52eb55ee {\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 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};
+import e from"react";import a from"classnames";import{getTestId as t,ComponentDefaultTestId as r}from"../../../testIds.js";import i from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as s}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:a(i.breadcrumbsBar,o.className),id:d,"data-testid":u||t(r.BREADCRUMBS_BAR,d),"data-vibe":s.BREADCRUMBS_BAR},e.createElement("ol",null,l&&e.Children.map(l,(function(a,t){return e.isValidElement(a)?[t>0&&e.createElement(n,{className:i.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(a,Object.assign(Object.assign({},null==a?void 0:a.props),{isClickable:"indication"!==c}))]:null}))))};export{o as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default BreadcrumbsBar;\n"],"names":["BreadcrumbsBar","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable"],"mappings":"~~2SAwBA~~,IAAMA,EAAiB,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,~~EACaC~~,cAAA,MAAA,CAAA,~~aAAA~~,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,~~EAACC~~,~~cAAAc~~,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,~~EACdO~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAR~~,aAAK,EAALA,EAAOS,~~OACV~~,~~CAAAC~~,YAAsB,eAATzB,MAGjB,IAAI,KAGV"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default BreadcrumbsBar;\n"],"names":["BreadcrumbsBar","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable"],"mappings":"wSAwBA,IAAMA,EAAiB,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EAAAC,cAAA,MAAA,CAAA,aACa,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAAAC,cAACc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EAAKO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnBR,aAAK,EAALA,EAAOS,OAAK,CACfC,YAAsB,eAATzB,MAGjB,IAAI,KAGV"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_9ee545f580",separatorIcon:"separatorIcon_c87f8fe922"};!function(e){const n="s_id-24567fd55d40_4_2_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_9ee545f580 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_9ee545f580 ol .separatorIcon_c87f8fe922 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_2ec64059dc",separatorIcon:"separatorIcon_4f27b4868c"};!function(e){const n="s_id-24567fd55d40_4_2_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_2ec64059dc ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_2ec64059dc ol .separatorIcon_4f27b4868c {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as l,useCallback as a,useMemo as n,useEffect as s}from"react";import{camelCase as d}from"es-toolkit";import u from"classnames";import p from"../../hooks/usePrevious/index.js";import{ButtonWrapper as c}from"./ButtonWrapper.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as v}from"../../tests/constants.js";import b from"./ButtonGroup.module.scss.js";import{useMergeRef as h}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var B=i((function(i,B){var C=i.className,k=i.options,T=i.name,g=void 0===T?"":T,j=i.disabled,N=void 0!==j&&j,x=i.value,P=void 0===x?"":x,M=i.onSelect,O=i.size,U=void 0===O?"small":O,D=i.kind,S=void 0===D?"secondary":D,W=i.groupAriaLabel,E=void 0===W?"":W,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,A=i.tooltipMoveBy,R=i.blurOnMouseUp,w=void 0===R||R,z=i.id,F=i["data-testid"],L=i.fullWidth,q=void 0!==L&&L,J=r(),K=h(B,J),Q=l(P),V=t(Q,2),X=V[0],Y=V[1],Z=p(P),$=a((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,g))}),[M,N,g]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=n((function(){return k.map((function(t,i){var r=tt(t),l=0===i,a=i===k.length-1,n=tt(k[i+1]);return o.createElement(c,{key:t.value,size:U,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,"aria-label":t["aria-label"],tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:A,blurOnMouseUp:w,fullWidth:q,className:u(b.button,b.optionText,e(e(e(e(e(e({},b.selected,r),b.disabled,N),b.buttonDisabled,t.disabled),b.fullWidth,q),b.startBorder,l),b.endBorder,a||!n)),activeButtonClassName:b.activeButton},t.text)}))}),[k,X,U,G,H,I,_,A,w,N,q,$]);return s((function(){P!==Z&&P!==X&&Y(P)}),[P,Z,X,Y]),o.createElement("div",{className:u(b.buttonGroup,C,y(b,d("kind-"+S)),e({},b.disabled,N)),id:z,"data-testid":F||m(f.BUTTON_GROUP,z),"data-vibe":v.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:u(b.buttonsContainer,e({},b.fullWidth,q)),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(b.subTextContainer)},et.subText))}));export{B as default};
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as l,useCallback as a,useMemo as n,useEffect as s}from"react";import{camelCase as d}from"es-toolkit";import u from"classnames";import p from"../../hooks/usePrevious/index.js";import{ButtonWrapper as c}from"./ButtonWrapper.js";import{getTestId as m}from"../../../testIds.js";import{ComponentVibeId as f,ComponentDefaultTestId as v}from"../../tests/constants.js";import b from"./ButtonGroup.module.scss.js";import{useMergeRef as h}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var B=i((function(i,B){var C=i.className,k=i.options,T=i.name,g=void 0===T?"":T,j=i.disabled,N=void 0!==j&&j,x=i.value,P=void 0===x?"":x,M=i.onSelect,O=i.size,U=void 0===O?"small":O,D=i.kind,S=void 0===D?"secondary":D,W=i.groupAriaLabel,E=void 0===W?"":W,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,A=i.tooltipMoveBy,R=i.blurOnMouseUp,w=void 0===R||R,z=i.id,F=i["data-testid"],L=i.fullWidth,q=void 0!==L&&L,J=r(),K=h(B,J),Q=l(P),V=t(Q,2),X=V[0],Y=V[1],Z=p(P),$=a((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,g))}),[M,N,g]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=n((function(){return k.map((function(t,i){var r=tt(t),l=0===i,a=i===k.length-1,n=tt(k[i+1]);return o.createElement(c,{key:t.value,size:U,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,"aria-label":t["aria-label"],tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:A,blurOnMouseUp:w,fullWidth:q,className:u(b.button,b.optionText,e(e(e(e(e(e({},b.selected,r),b.disabled,N),b.buttonDisabled,t.disabled),b.fullWidth,q),b.startBorder,l),b.endBorder,a||!n)),activeButtonClassName:b.activeButton},t.text)}))}),[k,X,U,G,H,I,_,A,w,N,q,$]);return s((function(){P!==Z&&P!==X&&Y(P)}),[P,Z,X,Y]),o.createElement("div",{className:u(b.buttonGroup,C,y(b,d("kind-"+S)),e({},b.disabled,N)),id:z,"data-testid":F||m(v.BUTTON_GROUP,z),"data-vibe":f.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:u(b.buttonsContainer,e({},b.fullWidth,q)),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(b.subTextContainer)},et.subText))}));export{B as default};
 //# sourceMappingURL=ButtonGroup.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nimport { type SubIcon } from \"@vibe/icon\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type ButtonType, type ButtonSize } from \"@vibe/button\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n \"aria-label\"?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /*\n The list of button options.\n /\n options: Array<ButtonGroupOption>;\n /\n The currently selected button value.\n /\n value?: ButtonValue;\n /\n Callback fired when a button is selected.\n /\n onSelect?: (value: ButtonValue, name: string) => void;\n /\n The size of the buttons.\n /\n size?: ButtonSize;\n /\n The style variant of the buttons.\n /\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n /\n The name of the button group.\n /\n name?: string;\n /\n If true, disables all buttons in the group.\n /\n disabled?: boolean;\n /\n The label of the button group for accessibility.\n /\n groupAriaLabel?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n The content inside the button group.\n /\n children?: React.ReactNode;\n /\n If true, makes the button group take the full width of its container.\n /\n fullWidth?: boolean;\n /\n If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n aria-label={option[\"aria-label\"]}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast \|\| !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer"],"mappings":"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"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nimport { type SubIcon } from \"@vibe/icon\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type ButtonType, type ButtonSize } from \"@vibe/button\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n \"aria-label\"?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /*\n The list of button options.\n /\n options: Array<ButtonGroupOption>;\n /\n The currently selected button value.\n /\n value?: ButtonValue;\n /\n Callback fired when a button is selected.\n /\n onSelect?: (value: ButtonValue, name: string) => void;\n /\n The size of the buttons.\n /\n size?: ButtonSize;\n /\n The style variant of the buttons.\n /\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n /\n The name of the button group.\n /\n name?: string;\n /\n If true, disables all buttons in the group.\n /\n disabled?: boolean;\n /\n The label of the button group for accessibility.\n /\n groupAriaLabel?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n The content inside the button group.\n /\n children?: React.ReactNode;\n /\n If true, makes the button group take the full width of its container.\n /\n fullWidth?: boolean;\n /\n If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n aria-label={option[\"aria-label\"]}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast \|\| !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_40fac389a4",subTextContainer:"subTextContainer_fbae76e978",buttonsContainer:"buttonsContainer_82fd450780",fullWidth:"fullWidth_a8af6b0fd8",button:"button_82249ba2ae",activeButton:"activeButton_7094869189",disabled:"disabled_245482f475",buttonDisabled:"buttonDisabled_602a635b55",startBorder:"startBorder_e0d52b51b6",endBorder:"endBorder_c5953275a0",kindTertiary:"kindTertiary_6af882e5cf",optionText:"optionText_ab9b2dbdfe",selected:"selected_d4b8a16fac",wrapper:"wrapper_d98dfc112c"};!function(n){const t="s_id-4b7ca9f3603b_4_2_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup_40fac389a4 {\n  display: flex;\n  flex-direction: column;\n}\n.subTextContainer_fbae76e978 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.buttonsContainer_82fd450780 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer_82fd450780.fullWidth_a8af6b0fd8 {\n  justify-content: flex-start;\n  width: 100%;\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.activeButton_7094869189 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.activeButton_7094869189:hover {\n  background-color: var(--primary-selected-color);\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.disabled_245482f475, .buttonsContainer_82fd450780 .button_82249ba2ae.buttonDisabled_602a635b55 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.startBorder_e0d52b51b6 {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.endBorder_c5953275a0 {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_82fd450780 .button_82249ba2ae.fullWidth_a8af6b0fd8 {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary_6af882e5cf .buttonsContainer_82fd450780 .button_82249ba2ae {\n  border-color: transparent;\n}\n.kindTertiary_6af882e5cf .buttonsContainer_82fd450780 .button_82249ba2ae:first-child {\n  border-color: transparent;\n}\n.optionText_ab9b2dbdfe:not(.disabled_245482f475) {\n  color: var(--primary-text-color);\n}\n.optionText_ab9b2dbdfe:not(.disabled_245482f475).selected_d4b8a16fac {\n  color: var(--primary-text-color);\n}\n.wrapper_d98dfc112c.disabled_245482f475 {\n  cursor: not-allowed;\n}\n.fullWidth_a8af6b0fd8 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_6bc1654598",subTextContainer:"subTextContainer_47a558a64c",buttonsContainer:"buttonsContainer_d768c74b8f",fullWidth:"fullWidth_442844256d",button:"button_ecc3f2c913",activeButton:"activeButton_615835e807",disabled:"disabled_fa2a863113",buttonDisabled:"buttonDisabled_4d3102db99",startBorder:"startBorder_d5756b64fe",endBorder:"endBorder_b2d79fc76c",kindTertiary:"kindTertiary_65900e3025",optionText:"optionText_15c9fd8565",selected:"selected_6f27e84d9e",wrapper:"wrapper_0256b218fb"};!function(n){const t="s_id-4b7ca9f3603b_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup_6bc1654598 {\n  display: flex;\n  flex-direction: column;\n}\n.subTextContainer_47a558a64c {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.buttonsContainer_d768c74b8f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer_d768c74b8f.fullWidth_442844256d {\n  justify-content: flex-start;\n  width: 100%;\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.activeButton_615835e807 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.activeButton_615835e807:hover {\n  background-color: var(--primary-selected-color);\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.disabled_fa2a863113, .buttonsContainer_d768c74b8f .button_ecc3f2c913.buttonDisabled_4d3102db99 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.startBorder_d5756b64fe {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.endBorder_b2d79fc76c {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_d768c74b8f .button_ecc3f2c913.fullWidth_442844256d {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary_65900e3025 .buttonsContainer_d768c74b8f .button_ecc3f2c913 {\n  border-color: transparent;\n}\n.kindTertiary_65900e3025 .buttonsContainer_d768c74b8f .button_ecc3f2c913:first-child {\n  border-color: transparent;\n}\n.optionText_15c9fd8565:not(.disabled_fa2a863113) {\n  color: var(--primary-text-color);\n}\n.optionText_15c9fd8565:not(.disabled_fa2a863113).selected_6f27e84d9e {\n  color: var(--primary-text-color);\n}\n.wrapper_0256b218fb.disabled_fa2a863113 {\n  cursor: not-allowed;\n}\n.fullWidth_442844256d {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /*\n The content of the tooltip.\n /\n tooltipContent?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"gSAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,~~EAACC~~,~~cAAAM~~,~~EACC~~,~~CAAAC~~,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}
1	+ {"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /*\n The content of the tooltip.\n /\n tooltipContent?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"gSAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAAAC,cAACM,EAAO,CACNC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as a,useCallback as o,useEffect as n,useMemo as r}from"react";import i from"classnames";import{isNil as l,noop as s}from"es-toolkit";import{useSupportFirefoxLabelClick as c}from"./hooks/useSupportFirefoxLabelClick.js";import{getTestId as d}from"../../tests/testIds.js";import{ComponentDefaultTestId as m,ComponentVibeId as u}from"../../tests/constants.js";import p from"./Checkbox.module.scss.js";import C from"../../../components/icon/dist/Icon/Icon.js";import b from"../../../icons/dist/react/Remove.js";import f from"../../../icons/dist/react/Check.js";import h from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as v}from"../../../shared/dist/hooks/useMergeRef.js";var k=t((function(t,k){var E=t.className,x=t.checkboxClassName,y=t.labelClassName,N=t["aria-label"],B=t.label,K=t["aria-labelledby"],g=t.onChange,F=void 0===g?s:g,H=t.checked,O=t.autoFocus,X=t.indeterminate,j=void 0!==X&&X,w=t.disabled,I=void 0!==w&&w,L=t.defaultChecked,A=t.tabIndex,M=t.value,_=void 0===M?"":M,D=t.name,R=void 0===D?"":D,S=t.id,T=t.separateLabel,U=void 0!==T&&T,q=t["data-testid"],z=a(null),G=v(k,z),J=o((function(e){var t=e.currentTarget;window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){t.blur()}))}))}),[]),P=L;l(P)&&l(H)&&(P=!1),n((function(){z.current&&(z.current.indeterminate=j)}),[z,j]);var Q=c({inputRef:z}).onClickCapture,V=r((function(){return N||("string"==typeof B?B:"")}),[N,B]),W=o((function(e){var t;" "===e.key&&(e.preventDefault(),null===(t=z.current)||void 0===t||t.click())}),[z]),Y=I?void 0:null!=A?A:0;return U?e.createElement("div",{className:i(p.wrapper,E),"data-testid":q||d(m.CHECKBOX,S),"data-vibe":u.CHECKBOX},e.createElement("input",{ref:G,id:S,className:p.input,value:_,name:R,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:P,disabled:I,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("label",{htmlFor:S,className:i(p.checkbox,x),"data-testid":d(m.CHECKBOX_CHECKBOX,S),tabIndex:Y,onMouseUp:J,onKeyDown:W,onClickCapture:Q},e.createElement(C,{className:p.icon,type:"svg",icon:j?b:f,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement("label",{htmlFor:S,className:i(p.label,y),"data-testid":d(m.CHECKBOX_LABEL,S),onMouseUp:J,onClickCapture:Q},e.createElement(h,{element:"span",type:"text2"},B))):e.createElement("label",{className:i(p.wrapper,E),tabIndex:Y,onMouseUp:J,onKeyDown:W,"data-testid":q||d(m.CHECKBOX,S),htmlFor:S,onClickCapture:Q,"data-vibe":u.CHECKBOX},e.createElement("input",{ref:G,id:S,className:p.input,value:_,name:R,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:P,disabled:I,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("div",{className:i(p.checkbox,x),"data-testid":d(m.CHECKBOX_CHECKBOX,S)},e.createElement(C,{className:p.icon,type:"svg",icon:j?b:f,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement(h,{element:"span",type:"text2",className:i(p.label,y),"data-testid":d(m.CHECKBOX_LABEL,S)},B))}));export{k as default};
+import e,{forwardRef as t,useRef as a,useCallback as o,useEffect as n,useMemo as r}from"react";import i from"classnames";import{isNil as l,noop as s}from"es-toolkit";import{useSupportFirefoxLabelClick as c}from"./hooks/useSupportFirefoxLabelClick.js";import{getTestId as d}from"../../../testIds.js";import{ComponentVibeId as m,ComponentDefaultTestId as u}from"../../tests/constants.js";import p from"./Checkbox.module.scss.js";import C from"../../../components/icon/dist/Icon/Icon.js";import b from"../../../icons/dist/react/Remove.js";import f from"../../../icons/dist/react/Check.js";import h from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as v}from"../../../shared/dist/hooks/useMergeRef.js";var k=t((function(t,k){var E=t.className,x=t.checkboxClassName,y=t.labelClassName,N=t["aria-label"],B=t.label,K=t["aria-labelledby"],g=t.onChange,F=void 0===g?s:g,H=t.checked,O=t.autoFocus,X=t.indeterminate,j=void 0!==X&&X,w=t.disabled,I=void 0!==w&&w,L=t.defaultChecked,A=t.tabIndex,M=t.value,_=void 0===M?"":M,D=t.name,R=void 0===D?"":D,S=t.id,T=t.separateLabel,U=void 0!==T&&T,q=t["data-testid"],z=a(null),G=v(k,z),J=o((function(e){var t=e.currentTarget;window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){t.blur()}))}))}),[]),P=L;l(P)&&l(H)&&(P=!1),n((function(){z.current&&(z.current.indeterminate=j)}),[z,j]);var Q=c({inputRef:z}).onClickCapture,V=r((function(){return N||("string"==typeof B?B:"")}),[N,B]),W=o((function(e){var t;" "===e.key&&(e.preventDefault(),null===(t=z.current)||void 0===t||t.click())}),[z]),Y=I?void 0:null!=A?A:0;return U?e.createElement("div",{className:i(p.wrapper,E),"data-testid":q||d(u.CHECKBOX,S),"data-vibe":m.CHECKBOX},e.createElement("input",{ref:G,id:S,className:p.input,value:_,name:R,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:P,disabled:I,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("label",{htmlFor:S,className:i(p.checkbox,x),"data-testid":d(u.CHECKBOX_CHECKBOX,S),tabIndex:Y,onMouseUp:J,onKeyDown:W,onClickCapture:Q},e.createElement(C,{className:p.icon,type:"svg",icon:j?b:f,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement("label",{htmlFor:S,className:i(p.label,y),"data-testid":d(u.CHECKBOX_LABEL,S),onMouseUp:J,onClickCapture:Q},e.createElement(h,{element:"span",type:"text2"},B))):e.createElement("label",{className:i(p.wrapper,E),tabIndex:Y,onMouseUp:J,onKeyDown:W,"data-testid":q||d(u.CHECKBOX,S),htmlFor:S,onClickCapture:Q,"data-vibe":m.CHECKBOX},e.createElement("input",{ref:G,id:S,className:p.input,value:_,name:R,type:"checkbox",autoFocus:O,onChange:F,defaultChecked:P,disabled:I,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("div",{className:i(p.checkbox,x),"data-testid":d(u.CHECKBOX_CHECKBOX,S)},e.createElement(C,{className:p.icon,type:"svg",icon:j?b:f,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement(h,{element:"span",type:"text2",className:i(p.label,y),"data-testid":d(u.CHECKBOX_LABEL,S)},B))}));export{k as default};
 //# sourceMappingURL=Checkbox.js.map