npm - @vibe/core - Versions diffs - 3.86.0 → 3.87.0 - Mend

@vibe/core 3.86.0 → 3.87.0

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

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../_virtual/_tslib.js";import{camelCase as i}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as p}from"react";import{ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as g,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as C,SECONDARY_BUTTON_ARIA_LABEL as D,SECONDARY_BUTTON_WRAPPER_CLASSNAME as y}from"./SplitButtonConstants.js";import{NOOP as b}from"../../utils/function-utils.js";import{isInsideClass as k}from"../../utils/dom-utils.js";import h from"../../hooks/useKeyEvent/index.js";import N from"../../hooks/useEventListener/index.js";import S from"./SplitButton.module.scss.js";import{ComponentVibeId as T}from"../../tests/constants.js";import B from"../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import I from"../../../components/button/dist/Button/Button.js";import j from"../../../components/dialog/dist/Dialog/Dialog.js";import E from"../../../icons/dist/react/DropdownChevronDown.js";var P=function(P){var O=P.secondaryDialogContent,_=P.onSecondaryDialogDidShow,L=void 0===_?b:_,w=P.onSecondaryDialogDidHide,x=void 0===w?b:w,A=P.shouldCloseOnClickInsideDialog,z=P.zIndex,H=void 0===z?null:z,R=P.secondaryDialogClassName,U=void 0===R?"":R,F=P.secondaryDialogPosition,M=void 0===F?"bottom-start":F,W=P.dialogContainerSelector,Y=P.dialogPaddingSize,K=void 0===Y?"medium":Y,q=P.disabled,G=P.loading,J=P.kind,Q=void 0===J?"primary":J,V=P.color,X=void 0===V?"primary":V,Z=P.className,$=P.leftIcon,oo=P.rightIcon,eo=P.onClick,to=P.children,no=P.marginLeft,io=P.marginRight,ao=P.active,ro=P.id,so=P["data-testid"],lo=n(P,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),co=c(!1),mo=o(co,2),uo=mo[0],po=mo[1],fo=c(!1),go=o(fo,2),vo=go[0],Co=go[1],Do=c(!1),yo=o(Do,2),bo=yo[0],ko=yo[1],ho=m(null),No=m(null),So=u((function(){return Co(!0)}),[Co]),To=u((function(){return Co(!1)}),[Co]),Bo=u((function(o){return!q&&!k(o.target,y)}),[q]),Io=u((function(o){Bo(o)&&ko(!0)}),[ko,Bo]),jo=u((function(){return ko(!1)}),[ko]),Eo=u((function(o){Bo(o)&&ko(!0)}),[ko,Bo]),Po=u((function(){po(!0),L()}),[po,L]),Oo=u((function(o,e){po(!1),x(),"esckey"===e&&No.current.focus()}),[po,x]);N({eventName:"mouseenter",callback:So,ref:ho}),N({eventName:"mouseleave",callback:To,ref:ho}),N({eventName:"mousedown",callback:Io,ref:ho}),N({eventName:"mouseup",callback:jo,ref:ho}),N({eventName:"transitionend",callback:jo,ref:ho}),h({keys:f,ref:ho,callback:Eo});var _o=p((function(){return l(S.button,a(S,i("kind-"+Q)),a(S,i("color-"+X)),e(e(e(e(e({},S.mainActive,ao),S.active,bo),S.splitContentOpen,uo),S.hovered,vo),S.disabled,q),Z)}),[Z,Q,X,ao,bo,uo,vo,q]),Lo=p((function(){return q?[]:g}),[q]),wo=p((function(){return A?[].concat(t(v),["onContentClick"]):v}),[A]),xo=u((function(){var o="function"==typeof O?O():O;return d.createElement(B,{type:"popover",size:K},o)}),[O,K]),Ao=p((function(){return"bottom"===M?"":"bottom-start"===M?"bottom":"top"}),[M]);return d.createElement("div",{className:_o,ref:ho,id:ro,"data-testid":so||r(s.SPLIT_BUTTON,ro),"data-vibe":T.SPLIT_BUTTON},d.createElement(I,Object.assign({},lo,{preventClickAnimation:!0,leftIcon:$,rightIcon:oo,rightFlat:!0,color:X,kind:Q,active:ao,onClick:eo,className:S.mainButton,marginLeft:no,onFocus:So,onBlur:To,disabled:q,loading:G,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,ro)}),to),d.createElement("div",{className:S.secondaryButtonWrapper},d.createElement(j,{wrapperClassName:U,zIndex:H,content:xo,position:M,containerSelector:W,startingEdge:Ao,animationType:"expand",moveBy:C,onDialogDidShow:Po,onDialogDidHide:Oo,showTrigger:Lo,hideTrigger:wo},d.createElement(I,Object.assign({},lo,{ref:No,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:X,kind:Q,className:S.secondaryButton,active:uo,marginRight:io,onFocus:So,onBlur:To,disabled:q,ariaLabel:D,ariaHasPopup:!0,ariaExpanded:uo,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,ro)}),d.createElement("div",{className:S.secondaryButtonIconWrapper},d.createElement(E,{"aria-hidden":"true"}))))))};export{P as default};
+import{slicedToArray as o,defineProperty as t,toConsumableArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as p}from"react";import{SplitButtonSecondaryContentPosition as g,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as v,DEFAULT_DIALOG_HIDE_TRIGGER as y,DIALOG_MOVE_BY as D,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as k}from"./SplitButtonConstants.js";import{withStaticPropsWithoutForwardRef as N}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{NOOP as T}from"../../utils/function-utils.js";import{isInsideClass as b}from"../../utils/dom-utils.js";import h from"../../hooks/useKeyEvent/index.js";import S from"../../hooks/useEventListener/index.js";import j from"./SplitButton.module.scss.js";import{ComponentVibeId as P}from"../../tests/constants.js";import I from"../../../components/button/dist/Button/Button.js";import B from"../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import{HideShowEvent as E,AnimationType as O}from"../../../components/dialog/dist/Dialog/DialogConstants.js";import _ from"../../../components/dialog/dist/Dialog/Dialog.js";import w from"../../../icons/dist/react/DropdownChevronDown.js";var z=N((function(g){var N=g.secondaryDialogContent,z=g.onSecondaryDialogDidShow,L=void 0===z?T:z,A=g.onSecondaryDialogDidHide,x=void 0===A?T:A,H=g.shouldCloseOnClickInsideDialog,R=g.zIndex,U=void 0===R?null:R,F=g.secondaryDialogClassName,K=void 0===F?"":F,M=g.secondaryDialogPosition,W=void 0===M?"bottom-start":M,Y=g.dialogContainerSelector,V=g.dialogPaddingSize,X=void 0===V?"medium":V,q=g.disabled,G=g.loading,J=g.kind,Q=void 0===J?"primary":J,Z=g.color,$=void 0===Z?"primary":Z,oo=g.className,to=g.leftIcon,eo=g.rightIcon,io=g.onClick,no=g.children,ao=g.marginLeft,ro=g.marginRight,so=g.active,lo=g.id,co=g["data-testid"],mo=i(g,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),uo=c(!1),po=o(uo,2),go=po[0],fo=po[1],vo=c(!1),yo=o(vo,2),Do=yo[0],Co=yo[1],ko=c(!1),No=o(ko,2),To=No[0],bo=No[1],ho=m(null),So=m(null),jo=u((function(){return Co(!0)}),[Co]),Po=u((function(){return Co(!1)}),[Co]),Io=u((function(o){return!q&&!b(o.target,k)}),[q]),Bo=u((function(o){Io(o)&&bo(!0)}),[bo,Io]),Eo=u((function(){return bo(!1)}),[bo]),Oo=u((function(o){Io(o)&&bo(!0)}),[bo,Io]),_o=u((function(){fo(!0),L()}),[fo,L]),wo=u((function(o,t){fo(!1),x(),"esckey"===t&&So.current.focus()}),[fo,x]);S({eventName:"mouseenter",callback:jo,ref:ho}),S({eventName:"mouseleave",callback:Po,ref:ho}),S({eventName:"mousedown",callback:Bo,ref:ho}),S({eventName:"mouseup",callback:Eo,ref:ho}),S({eventName:"transitionend",callback:Eo,ref:ho}),h({keys:f,ref:ho,callback:Oo});var zo=p((function(){return l(j.button,a(j,n("kind-"+Q)),a(j,n("color-"+$)),t(t(t(t(t({},j.mainActive,so),j.active,To),j.splitContentOpen,go),j.hovered,Do),j.disabled,q),oo)}),[oo,Q,$,so,To,go,Do,q]),Lo=p((function(){return q?[]:v}),[q]),Ao=p((function(){return H?[].concat(e(y),[E.CONTENT_CLICK]):y}),[H]),xo=u((function(){var o="function"==typeof N?N():N;return d.createElement(B,{type:B.types.POPOVER,size:X},o)}),[N,X]),Ho=p((function(){return"bottom"===W?"":"bottom-start"===W?"bottom":"top"}),[W]);return d.createElement("div",{className:zo,ref:ho,id:lo,"data-testid":co||r(s.SPLIT_BUTTON,lo),"data-vibe":P.SPLIT_BUTTON},d.createElement(I,Object.assign({},mo,{preventClickAnimation:!0,leftIcon:to,rightIcon:eo,rightFlat:!0,color:$,kind:Q,active:so,onClick:io,className:j.mainButton,marginLeft:ao,onFocus:jo,onBlur:Po,disabled:q,loading:G,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,lo)}),no),d.createElement("div",{className:j.secondaryButtonWrapper},d.createElement(_,{wrapperClassName:K,zIndex:U,content:xo,position:W,containerSelector:Y,startingEdge:Ho,animationType:O.EXPAND,moveBy:D,onDialogDidShow:_o,onDialogDidHide:wo,showTrigger:Lo,hideTrigger:Ao},d.createElement(I,Object.assign({},mo,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:$,kind:Q,className:j.secondaryButton,active:go,marginRight:ro,onFocus:jo,onBlur:Po,disabled:q,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:go,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,lo)}),d.createElement("div",{className:j.secondaryButtonIconWrapper},d.createElement(w,{"aria-hidden":"true"}))))))}),{secondaryPositions:g,secondaryDialogPositions:g,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:B.sizes});export{z as default};
 //# sourceMappingURL=SplitButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n DialogContentContainer,\n type DialogSize,\n type DialogTriggerEvent,\n Dialog,\n type DialogEvent,\n type DialogPosition\n} from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n /\n Callback fired when the secondary dialog is shown.\n /\n onSecondaryDialogDidShow?: () => void;\n /\n Callback fired when the secondary dialog is hidden.\n /\n onSecondaryDialogDidHide?: () => void;\n /\n The z-index applied to the secondary dialog.\n /\n zIndex?: number;\n /\n Class name applied to the wrapper of the secondary dialog.\n /\n secondaryDialogClassName?: string;\n /\n The position of the secondary dialog.\n /\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n The padding size inside the secondary dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n dialogContainerSelector?: string;\n /\n If true, clicking inside the dialog will close it.\n /\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog)\n return [...DEFAULT_DIALOG_HIDE_TRIGGER, \"onContentClick\"] as DialogTriggerEvent[];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type=\"popover\" size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType=\"expand\"\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nexport default SplitButton;\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","actionsContent","content","React","createElement","DialogContentContainer","type","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown"],"mappings":"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"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n DialogContentContainer,\n type DialogSize,\n type DialogTriggerEvent,\n Dialog,\n type DialogEvent,\n type DialogPosition\n} from \"@vibe/dialog\";\nimport { DialogAnimationTypeEnum as AnimationType, DialogTriggerEventEnum as HideShowEvent } from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n /\n Callback fired when the secondary dialog is shown.\n /\n onSecondaryDialogDidShow?: () => void;\n /\n Callback fired when the secondary dialog is hidden.\n /\n onSecondaryDialogDidHide?: () => void;\n /\n The z-index applied to the secondary dialog.\n /\n zIndex?: number;\n /\n Class name applied to the wrapper of the secondary dialog.\n /\n secondaryDialogClassName?: string;\n /\n The position of the secondary dialog.\n /\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n The padding size inside the secondary dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The CSS selector of the container where the dialog should be rendered.\n /\n dialogContainerSelector?: string;\n /\n If true, clicking inside the dialog will close it.\n /\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\ninterface SplitButtonStaticProps {\n secondaryPositions: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition;\n sizes: typeof Button.sizes;\n colors: typeof Button.colors;\n kinds: typeof Button.kinds;\n inputTags: typeof Button.inputTags;\n dialogPaddingSizes: typeof DialogContentContainer.sizes;\n}\n\nexport default withStaticPropsWithoutForwardRef<SplitButtonProps, SplitButtonStaticProps>(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","sizes","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={button:"button_bbb7f94961",mainButton:"mainButton_65dce46f2e",secondaryButton:"secondaryButton_d8c36f6054",secondaryButtonWrapper:"secondaryButtonWrapper_65aece8f31",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_d23198bc3f",active:"active_edb4f46526",disabled:"disabled_65a6b2421e",kindTertiary:"kindTertiary_7d97e99bd4",colorPrimary:"colorPrimary_7d97e99bd4",mainActive:"mainActive_abcd5761b2",splitContentOpen:"splitContentOpen_809f7d1baa",hovered:"hovered_dcf51b1855",colorBrand:"colorBrand_abcd5761b2",colorPositive:"colorPositive_8574bb68de",colorNegative:"colorNegative_8574bb68de",kindPrimary:"kindPrimary_fa8d85d3e4",colorOnPrimaryColor:"colorOnPrimaryColor_a0a3d7fa06",kindSecondary:"kindSecondary_8574bb68de"};!function(n){const r="s_id-b26d62194c18_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_bbb7f94961 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_bbb7f94961 .mainButton_65dce46f2e {\n  margin-right: 0;\n}\n\n.button_bbb7f94961 .secondaryButton_d8c36f6054 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_65aece8f31 .secondaryButtonIconWrapper_d23198bc3f {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_edb4f46526 {\n  transform: scale(0.95);\n}\n\n.disabled_65a6b2421e {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .mainButton_65dce46f2e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .mainButton_65dce46f2e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .secondaryButton_d8c36f6054:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2.splitContentOpen_809f7d1baa.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2.splitContentOpen_809f7d1baa.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover,\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2.hovered_dcf51b1855.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorPrimary_7d97e99bd4.mainActive_abcd5761b2.hovered_dcf51b1855.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2 .mainButton_65dce46f2e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2.splitContentOpen_809f7d1baa.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2.splitContentOpen_809f7d1baa.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover,\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2.hovered_dcf51b1855.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorBrand_abcd5761b2.mainActive_abcd5761b2.hovered_dcf51b1855.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de:hover .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de:focus .secondaryButton_d8c36f6054 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de.splitContentOpen_809f7d1baa .mainButton_65dce46f2e,\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de:hover .mainButton_65dce46f2e,\n.kindTertiary_7d97e99bd4.colorPositive_8574bb68de:focus .mainButton_65dce46f2e {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de:hover .secondaryButton_d8c36f6054,\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de:focus .secondaryButton_d8c36f6054 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de.splitContentOpen_809f7d1baa .mainButton_65dce46f2e,\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de:hover .mainButton_65dce46f2e,\n.kindTertiary_7d97e99bd4.colorNegative_8574bb68de:focus .mainButton_65dce46f2e {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_7d97e99bd4 .secondaryButton_d8c36f6054 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_fa8d85d3e4.disabled_65a6b2421e .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorPrimary_7d97e99bd4 .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorBrand_abcd5761b2.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorBrand_abcd5761b2 .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorPositive_8574bb68de .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorNegative_8574bb68de .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_fa8d85d3e4:not(.disabled_65a6b2421e).colorOnPrimaryColor_a0a3d7fa06 .secondaryButton_d8c36f6054 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_8574bb68de .mainButton_65dce46f2e {\n  border-right: none;\n}\n\n.kindSecondary_8574bb68de.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .mainButton_65dce46f2e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_8574bb68de.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .mainButton_65dce46f2e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_8574bb68de.colorPrimary_7d97e99bd4.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_8574bb68de.colorPrimary_7d97e99bd4.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_8574bb68de.colorPrimary_7d97e99bd4.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_8574bb68de.colorBrand_abcd5761b2.mainActive_abcd5761b2 .mainButton_65dce46f2e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_8574bb68de.colorBrand_abcd5761b2.mainActive_abcd5761b2 .secondaryButton_d8c36f6054 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_8574bb68de.colorBrand_abcd5761b2.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054,\n.kindSecondary_8574bb68de.colorBrand_abcd5761b2.splitContentOpen_809f7d1baa .secondaryButton_d8c36f6054:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_121ee329cc",mainButton:"mainButton_d844bfe393",secondaryButton:"secondaryButton_1143db088c",secondaryButtonWrapper:"secondaryButtonWrapper_806aa7359f",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_2125fddf87",active:"active_d1c50e68cf",disabled:"disabled_f4f776077d",kindTertiary:"kindTertiary_0e2a3474af",colorPrimary:"colorPrimary_0e2a3474af",mainActive:"mainActive_0c24e10ff9",splitContentOpen:"splitContentOpen_3cff5b12be",hovered:"hovered_e4387fb074",colorBrand:"colorBrand_0c24e10ff9",colorPositive:"colorPositive_adb9812f05",colorNegative:"colorNegative_adb9812f05",kindPrimary:"kindPrimary_29b8edcebb",colorOnPrimaryColor:"colorOnPrimaryColor_68fcaf056d",kindSecondary:"kindSecondary_adb9812f05"};!function(n){const r="s_id-b26d62194c18_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_121ee329cc {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_121ee329cc .mainButton_d844bfe393 {\n  margin-right: 0;\n}\n\n.button_121ee329cc .secondaryButton_1143db088c {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_806aa7359f .secondaryButtonIconWrapper_2125fddf87 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_d1c50e68cf {\n  transform: scale(0.95);\n}\n\n.disabled_f4f776077d {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .mainButton_d844bfe393 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .mainButton_d844bfe393:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .secondaryButton_1143db088c:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9.splitContentOpen_3cff5b12be.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9.splitContentOpen_3cff5b12be.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover,\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9.hovered_e4387fb074.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorPrimary_0e2a3474af.mainActive_0c24e10ff9.hovered_e4387fb074.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9 .mainButton_d844bfe393 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9.splitContentOpen_3cff5b12be.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9.splitContentOpen_3cff5b12be.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover,\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9.hovered_e4387fb074.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorBrand_0c24e10ff9.mainActive_0c24e10ff9.hovered_e4387fb074.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05:hover .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05:focus .secondaryButton_1143db088c {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05.splitContentOpen_3cff5b12be .mainButton_d844bfe393,\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05:hover .mainButton_d844bfe393,\n.kindTertiary_0e2a3474af.colorPositive_adb9812f05:focus .mainButton_d844bfe393 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05:hover .secondaryButton_1143db088c,\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05:focus .secondaryButton_1143db088c {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05.splitContentOpen_3cff5b12be .mainButton_d844bfe393,\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05:hover .mainButton_d844bfe393,\n.kindTertiary_0e2a3474af.colorNegative_adb9812f05:focus .mainButton_d844bfe393 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_0e2a3474af .secondaryButton_1143db088c {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_29b8edcebb.disabled_f4f776077d .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorPrimary_0e2a3474af .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorBrand_0c24e10ff9.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorBrand_0c24e10ff9 .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorPositive_adb9812f05 .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorNegative_adb9812f05 .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_29b8edcebb:not(.disabled_f4f776077d).colorOnPrimaryColor_68fcaf056d .secondaryButton_1143db088c {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_adb9812f05 .mainButton_d844bfe393 {\n  border-right: none;\n}\n\n.kindSecondary_adb9812f05.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .mainButton_d844bfe393 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_adb9812f05.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .mainButton_d844bfe393:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_adb9812f05.colorPrimary_0e2a3474af.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_adb9812f05.colorPrimary_0e2a3474af.splitContentOpen_3cff5b12be .secondaryButton_1143db088c {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_adb9812f05.colorPrimary_0e2a3474af.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_adb9812f05.colorBrand_0c24e10ff9.mainActive_0c24e10ff9 .mainButton_d844bfe393 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_adb9812f05.colorBrand_0c24e10ff9.mainActive_0c24e10ff9 .secondaryButton_1143db088c {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_adb9812f05.colorBrand_0c24e10ff9.splitContentOpen_3cff5b12be .secondaryButton_1143db088c,\n.kindSecondary_adb9812f05.colorBrand_0c24e10ff9.splitContentOpen_3cff5b12be .secondaryButton_1143db088c:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/src/components/SplitButton/SplitButtonConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{keyCodes as s}from"../../constants/keyCodes.js";import"../../constants/sizes.js";var t={main:8,secondary:0},o=["click"],c=["clickoutside","click","esckey"],i="monday-style-split-button__secondary-button-wrapper",n=[s.ENTER],a="additional actions";export{c as DEFAULT_DIALOG_HIDE_TRIGGER,o as DEFAULT_DIALOG_SHOW_TRIGGER,t as DIALOG_MOVE_BY,n as ENTER_KEYS,a as SECONDARY_BUTTON_ARIA_LABEL,i as SECONDARY_BUTTON_WRAPPER_CLASSNAME};
+import{keyCodes as t}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{HideShowEvent as o}from"../../../components/dialog/dist/Dialog/DialogConstants.js";var s={main:8,secondary:0},n=[o.CLICK],a=[o.CLICK_OUTSIDE,o.CLICK,o.ESCAPE_KEY],T="monday-style-split-button__secondary-button-wrapper",i=[t.ENTER],m={BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},e={BOTTOM_START:"bottom-start",BOTTOM_MIDDLE:"bottom",BOTTOM_END:"bottom-end"},r="additional actions";export{a as DEFAULT_DIALOG_HIDE_TRIGGER,n as DEFAULT_DIALOG_SHOW_TRIGGER,s as DIALOG_MOVE_BY,m as DialogPosition,i as ENTER_KEYS,r as SECONDARY_BUTTON_ARIA_LABEL,T as SECONDARY_BUTTON_WRAPPER_CLASSNAME,e as SplitButtonSecondaryContentPosition};
 //# sourceMappingURL=SplitButtonConstants.js.map

package/dist/src/components/SplitButton/SplitButtonConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButtonConstants.js","sources":["../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport ~~type~~ { ~~DialogTriggerEvent~~ } from \"@vibe/dialog\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER: ~~DialogTriggerEvent[]~~ = [~~\"click\"~~];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER: ~~DialogTriggerEvent[]~~ = [~~\"clickoutside\"~~, ~~\"click\"~~, ~~\"esckey\"~~];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n BOTTOM: \"bottom\",\n BOTTOM_START: \"bottom-start\",\n BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n BOTTOM_START: DialogPosition.BOTTOM_START,\n BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","DEFAULT_DIALOG_HIDE_TRIGGER","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"~~wFAIO~~,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,~~EAAoD~~,~~CAAC~~,~~SACrDC~~,~~EAAoD~~,~~CAAC~~,~~eAAgB~~,~~QAAS~~,~~UAC9EC~~,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,~~OAkBvBC~~,EAA8B"}
1	+ {"version":3,"file":"SplitButtonConstants.js","sources":["../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport { DialogTriggerEventEnum as HideShowEvent } from \"@vibe/dialog\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER = [HideShowEvent.CLICK];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER = [HideShowEvent.CLICK_OUTSIDE, HideShowEvent.CLICK, HideShowEvent.ESCAPE_KEY];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n BOTTOM: \"bottom\",\n BOTTOM_START: \"bottom-start\",\n BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n BOTTOM_START: DialogPosition.BOTTOM_START,\n BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","HideShowEvent","CLICK","DEFAULT_DIALOG_HIDE_TRIGGER","CLICK_OUTSIDE","ESCAPE_KEY","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","DialogPosition","BOTTOM","BOTTOM_START","BOTTOM_END","SplitButtonSecondaryContentPosition","BOTTOM_MIDDLE","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"kLAIO,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,EAA8B,CAACC,EAAcC,OAC7CC,EAA8B,CAACF,EAAcG,cAAeH,EAAcC,MAAOD,EAAcI,YAC/FC,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,OAGvBC,EAAiB,CAC5BC,OAAQ,SACRC,aAAc,eACdC,WAAY,cAGDC,EAAsC,CACjDF,aAAcF,eACdK,cAAeL,SACfG,WAAYH,cAMDM,EAA8B"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as e,useRef as s}from"react";import n from"classnames";import{NOOP as i}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{getTestId as d,ComponentDefaultTestId as p}from"../../tests/testIds.js";import m from"./Steps.module.scss.js";import{ComponentVibeId as c}from"../../tests/constants.js";var l=e((function(e,l){var u=e.className,v=e.id,f=e["data-testid"],B=e.steps,P=void 0===B?[]:B,S=e.activeStepIndex,g=void 0===S?0:S,h=e.type,j=void 0===h?"gallery":h,H=e.onChangeActiveStep,x=void 0===H?i:H,I=e.onFinish,N=e.color,b=e.areNavigationButtonsHidden,y=void 0!==b&&b,C=e.isContentOnTop,E=void 0!==C&&C,T=e.backButtonProps,k=void 0===T?{}:T,O=e.nextButtonProps,A=void 0===O?{}:O,F=e.finishButtonProps,_=void 0===F?{}:F,M=e.areButtonsIconsHidden,R=void 0!==M&&M,q=s(null),w=r(l,q);return o.createElement("div",{ref:w,className:n(m.steps,u),id:v,"data-testid":f||d(p.STEPS,v),"data-vibe":c.STEPS},E&&P[g],o.createElement(a,{onChangeActiveStep:x,type:j,activeStepIndex:g,stepsCount:P.length,areNavigationButtonsHidden:y,color:N,backButtonProps:k,nextButtonProps:A,finishButtonProps:_,areButtonsIconsHidden:R,onFinish:I,className:n(t(t({},m.contentOnTop,E),m.contentOnBottom,!E))}),!E&&P[g])}));export{l as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as s,useRef as e}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as c}from"../../tests/testIds.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=l(s((function(s,p){var d=s.className,l=s.id,f=s["data-testid"],B=s.steps,S=void 0===B?[]:B,P=s.activeStepIndex,j=void 0===P?0:P,h=s.type,g=void 0===h?"gallery":h,y=s.onChangeActiveStep,H=void 0===y?n:y,x=s.onFinish,C=s.color,I=s.areNavigationButtonsHidden,N=void 0!==I&&I,b=s.isContentOnTop,E=void 0!==b&&b,T=s.backButtonProps,k=void 0===T?{}:T,O=s.nextButtonProps,A=void 0===O?{}:O,F=s.finishButtonProps,_=void 0===F?{}:F,w=s.areButtonsIconsHidden,M=void 0!==w&&w,R=e(null),q=r(p,R);return o.createElement("div",{ref:q,className:i(u.steps,d),id:l,"data-testid":f||m(c.STEPS,l),"data-vibe":v.STEPS},E&&S[j],o.createElement(a,{onChangeActiveStep:H,type:g,activeStepIndex:j,stepsCount:S.length,areNavigationButtonsHidden:N,color:C,backButtonProps:k,nextButtonProps:A,finishButtonProps:_,areButtonsIconsHidden:M,onFinish:x,className:i(t(t({},u.contentOnTop,E),u.contentOnBottom,!E))}),!E&&S[j])})),{types:p,colors:d});export{f as default};
 //# sourceMappingURL=Steps.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"@vibe/button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface StepsProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex?: number;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n /\n If true, hides the navigation buttons.\n /\n areNavigationButtonsHidden?: boolean;\n /\n The list of steps in the steps component.\n /\n steps?: ReactElement[];\n /\n The visual style of the steps component.\n /\n type?: StepsType;\n /\n The color theme of the steps component.\n /\n color?: StepsColor;\n /\n If true, the content is displayed above the step navigation.\n /\n isContentOnTop?: boolean;\n /\n If true, hides the icons in the navigation buttons.\n /\n areButtonsIconsHidden?: boolean;\n /\n Props applied to the back button.\n /\n backButtonProps?: Partial<ButtonProps>;\n /\n Props applied to the next button.\n /\n nextButtonProps?: Partial<ButtonProps>;\n /\n Props applied to the finish button.\n /\n finishButtonProps?: Partial<ButtonProps>;\n /\n Callback fired when the finish button is clicked.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n (\n {\n className,\n id,\n \"data-testid\": dataTestId,\n steps = [],\n activeStepIndex = 0,\n type = \"gallery\",\n onChangeActiveStep = NOOP,\n onFinish,\n color,\n areNavigationButtonsHidden = false,\n isContentOnTop = false,\n backButtonProps = {},\n nextButtonProps = {},\n finishButtonProps = {},\n areButtonsIconsHidden = false\n }: StepsProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.steps, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEPS, id)}\n data-vibe={ComponentVibeId.STEPS}\n >\n {isContentOnTop && steps[activeStepIndex]}\n <StepsHeader\n onChangeActiveStep={onChangeActiveStep}\n type={type}\n activeStepIndex={activeStepIndex}\n stepsCount={steps.length}\n areNavigationButtonsHidden={areNavigationButtonsHidden}\n color={color}\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n areButtonsIconsHidden={areButtonsIconsHidden}\n onFinish={onFinish}\n className={cx({\n [styles.contentOnTop]: isContentOnTop,\n [styles.contentOnBottom]: !isContentOnTop\n })}\n />\n {!isContentOnTop && steps[activeStepIndex]}\n </div>\n );\n }\n);\n\nexport default Steps;\n"],"names":["~~Steps~~","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","ComponentVibeId","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom"],"mappings":"~~0dA+DMA~~,~~IAAAA~~,~~EAAQC~~,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,GACxD,YAAAoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAO,GACC5B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBiC,WAAYnC,EAAMoC,OAClBzB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAES,EAAAA,KACVR,EAAOS,aAAezB,GACtBgB,EAAOU,iBAAmB1B,OAG7BA,GAAkBb,EAAME,GAGhC"}
1	+ {"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"@vibe/button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface StepsProps extends VibeComponentProps {\n /*\n The index of the currently active step.\n /\n activeStepIndex?: number;\n /\n Callback fired when the active step changes.\n /\n onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n /\n If true, hides the navigation buttons.\n /\n areNavigationButtonsHidden?: boolean;\n /\n The list of steps in the steps component.\n /\n steps?: ReactElement[];\n /\n The visual style of the steps component.\n /\n type?: StepsType;\n /\n The color theme of the steps component.\n /\n color?: StepsColor;\n /\n If true, the content is displayed above the step navigation.\n /\n isContentOnTop?: boolean;\n /\n If true, hides the icons in the navigation buttons.\n /\n areButtonsIconsHidden?: boolean;\n /\n Props applied to the back button.\n /\n backButtonProps?: Partial<ButtonProps>;\n /\n Props applied to the next button.\n /\n nextButtonProps?: Partial<ButtonProps>;\n /\n Props applied to the finish button.\n /\n finishButtonProps?: Partial<ButtonProps>;\n /\n Callback fired when the finish button is clicked.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n (\n {\n className,\n id,\n \"data-testid\": dataTestId,\n steps = [],\n activeStepIndex = 0,\n type = \"gallery\",\n onChangeActiveStep = NOOP,\n onFinish,\n color,\n areNavigationButtonsHidden = false,\n isContentOnTop = false,\n backButtonProps = {},\n nextButtonProps = {},\n finishButtonProps = {},\n areButtonsIconsHidden = false\n }: StepsProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.steps, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEPS, id)}\n data-vibe={ComponentVibeId.STEPS}\n >\n {isContentOnTop && steps[activeStepIndex]}\n <StepsHeader\n onChangeActiveStep={onChangeActiveStep}\n type={type}\n activeStepIndex={activeStepIndex}\n stepsCount={steps.length}\n areNavigationButtonsHidden={areNavigationButtonsHidden}\n color={color}\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n areButtonsIconsHidden={areButtonsIconsHidden}\n onFinish={onFinish}\n className={cx({\n [styles.contentOnTop]: isContentOnTop,\n [styles.contentOnBottom]: !isContentOnTop\n })}\n />\n {!isContentOnTop && steps[activeStepIndex]}\n </div>\n );\n }\n);\n\ninterface StepsStaticProps {\n types: typeof StepsTypeEnum;\n colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n types: StepsTypeEnum,\n colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","ComponentVibeId","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"koBAgEA,IA6DeA,EAAAA,EA7DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,GACxD,YAAAoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAO,GACC5B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBiC,WAAYnC,EAAMoC,OAClBzB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAES,EAAAA,KACVR,EAAOS,aAAezB,GACtBgB,EAAOU,iBAAmB1B,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEsC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_43df3701ff",contentOnTop:"contentOnTop_8dc6456eee",contentOnBottom:"contentOnBottom_47c35a51a9"};!function(e){const t="s_id-9e4623f942e8_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_43df3701ff .contentOnTop_8dc6456eee {\n  margin-top: var(--spacing-medium);\n}\n.steps_43df3701ff .contentOnBottom_47c35a51a9 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_0e44a1e0b9",contentOnTop:"contentOnTop_fbe3e4fd33",contentOnBottom:"contentOnBottom_54f9512c23"};!function(e){const t="s_id-9e4623f942e8_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_0e44a1e0b9 .contentOnTop_fbe3e4fd33 {\n  margin-top: var(--spacing-medium);\n}\n.steps_0e44a1e0b9 .contentOnBottom_54f9512c23 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={command:"command_a33af5b88d",backward:"backward_7d6a19f8c4",icon:"icon_f344bea9b7",disabled:"disabled_5e10ab53ec",colorOnPrimaryColor:"colorOnPrimaryColor_5374443587",colorOnInvertedBackground:"colorOnInvertedBackground_ad2fbef1b6"};!function(e){const n="s_id-b004c6aa2b0d_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_a33af5b88d {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_a33af5b88d.backward_7d6a19f8c4 {\n  flex-direction: row-reverse;\n}\n.icon_f344bea9b7 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_f344bea9b7.disabled_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.icon_f344bea9b7.colorOnPrimaryColor_5374443587 {\n  color: var(--text-color-on-primary);\n}\n.icon_f344bea9b7.colorOnInvertedBackground_ad2fbef1b6 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_477ec97fea",backward:"backward_98c95c055e",icon:"icon_634b463ad9",disabled:"disabled_afc32eb59c",colorOnPrimaryColor:"colorOnPrimaryColor_c49a5008de",colorOnInvertedBackground:"colorOnInvertedBackground_472957d1c2"};!function(e){const n="s_id-b004c6aa2b0d_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_477ec97fea {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_477ec97fea.backward_98c95c055e {\n  flex-direction: row-reverse;\n}\n.icon_634b463ad9 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_634b463ad9.disabled_afc32eb59c {\n  color: var(--disabled-text-color);\n}\n.icon_634b463ad9.colorOnPrimaryColor_c49a5008de {\n  color: var(--text-color-on-primary);\n}\n.icon_634b463ad9.colorOnInvertedBackground_472957d1c2 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a="Next",e="Back",i="Finish";export{e as BACK_TEXT,i as FINISH_TEXT,a as NEXT_TEXT};
+var n,o,r,e="Next",i="Back",t="Finish";!function(n){n.NUMBERS="numbers",n.GALLERY="gallery"}(n||(n={})),function(n){n.PAGE="page",n.STEP="step",n.LOCATION="location",n.DATE="date",n.TIME="time"}(o||(o={})),function(n){n.PRIMARY="primary",n.ON_PRIMARY_COLOR="on-primary-color",n.ON_INVERTED_BACKGROUND="on-inverted-background"}(r||(r={}));export{i as BACK_TEXT,t as FINISH_TEXT,e as NEXT_TEXT,r as StepsColor,o as StepsDotAriaCurrent,n as StepsType};
 //# sourceMappingURL=StepsConstants.js.map

package/dist/src/components/Steps/StepsConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsConstants.js","sources":["../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n"],"names":["NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,~~IAAMA~~,EAAY,OACZC,EAAY,OACZC,EAAc"}
1	+ {"version":3,"file":"StepsConstants.js","sources":["../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n\n/*\n @deprecated\n /\nexport enum StepsType {\n NUMBERS = \"numbers\",\n GALLERY = \"gallery\"\n}\n\n/\n @deprecated\n /\nexport enum StepsDotAriaCurrent {\n PAGE = \"page\",\n STEP = \"step\",\n LOCATION = \"location\",\n DATE = \"date\",\n TIME = \"time\"\n}\n\n/\n @deprecated\n */\nexport enum StepsColor {\n PRIMARY = \"primary\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\"\n}\n"],"names":["StepsType","StepsDotAriaCurrent","StepsColor","NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,IAOKA,EAQAC,EAWAC,EA1BCC,EAAY,OACZC,EAAY,OACZC,EAAc,UAK3B,SAAYL,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,wBACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Steps/StepsDot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={dot:"dot_4a3079a40a","focus-visible":"focus-visible_17d22ae837",isActive:"isActive_d6beaa123c",colorOnPrimaryColor:"colorOnPrimaryColor_7af5605583",colorOnInvertedBackground:"colorOnInvertedBackground_bfe5188aa6"};!function(n){const o="s_id-cedbbb07e913_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_4a3079a40a {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_4a3079a40a:focus-visible, .dot_4a3079a40a.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_4a3079a40a:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.dot_4a3079a40a:focus-visible, .dot_4a3079a40a.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_4a3079a40a:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.dot_4a3079a40a:hover {\n  transform: scale(1.3);\n}\n.isActive_d6beaa123c {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_7af5605583.dot_4a3079a40a {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_7af5605583.dot_4a3079a40a:focus-visible, .colorOnPrimaryColor_7af5605583.dot_4a3079a40a.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_7af5605583.dot_4a3079a40a:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.colorOnPrimaryColor_7af5605583.dot_4a3079a40a.isActive_d6beaa123c {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_bfe5188aa6.dot_4a3079a40a {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_bfe5188aa6.dot_4a3079a40a.isActive_d6beaa123c {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot_48ee318a7b","focus-visible":"focus-visible_5db8d7a1e4",isActive:"isActive_2daf1339bc",colorOnPrimaryColor:"colorOnPrimaryColor_6c645965b7",colorOnInvertedBackground:"colorOnInvertedBackground_c0a8ef495d"};!function(n){const o="s_id-cedbbb07e913_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_48ee318a7b {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_48ee318a7b:focus-visible, .dot_48ee318a7b.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_48ee318a7b:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.dot_48ee318a7b:focus-visible, .dot_48ee318a7b.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_48ee318a7b:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.dot_48ee318a7b:hover {\n  transform: scale(1.3);\n}\n.isActive_2daf1339bc {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_6c645965b7.dot_48ee318a7b {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_6c645965b7.dot_48ee318a7b:focus-visible, .colorOnPrimaryColor_6c645965b7.dot_48ee318a7b.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_6c645965b7.dot_48ee318a7b:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.colorOnPrimaryColor_6c645965b7.dot_48ee318a7b.isActive_2daf1339bc {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_c0a8ef495d.dot_48ee318a7b {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_c0a8ef495d.dot_48ee318a7b.isActive_2daf1339bc {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_074ed99c86",galleryHeaderDot:"galleryHeaderDot_90a51f6389"};!function(e){const a="s_id-62748f4c4e74_3_85_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_074ed99c86 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_074ed99c86 .galleryHeaderDot_90a51f6389 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_074ed99c86 .galleryHeaderDot_90a51f6389:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_fca7ab6765",galleryHeaderDot:"galleryHeaderDot_27531df33a"};!function(e){const a="s_id-62748f4c4e74_3_86_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_fca7ab6765 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_fca7ab6765 .galleryHeaderDot_27531df33a {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_fca7ab6765 .galleryHeaderDot_27531df33a:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_a52451ad66"};!function(e){const t="s_id-918f12c2f9aa_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_a52451ad66 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_7980c3e7d1"};!function(e){const t="s_id-918f12c2f9aa_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_7980c3e7d1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_8980c2b09c"};!function(e){const n="s_id-126f9ab60838_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_8980c2b09c {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_2319af8008"};!function(e){const n="s_id-126f9ab60838_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_2319af8008 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_08f17cd631"};!function(e){const t="s_id-4506b47fa00c_3_85_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.hidden-switch_08f17cd631 { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_756f89062f"};!function(e){const t="s_id-4506b47fa00c_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_756f89062f { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as a,useState as s,useCallback as l,useMemo as n}from"react";import i from"classnames";import{getTableRowLayoutStyles as u}from"./tableHelpers.js";import{getTestId as m}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c,ComponentVibeId as f}from"../../../tests/constants.js";import{RowHeights as d}from"./TableConsts.js";import p from"./Table.module.scss.js";import{TableProvider as b}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";import R from"../../../hooks/useMergeRef.js";var T=o((function(o,T){var j=o.id,S=o.className,x=o["data-testid"],w=o.columns,g=o.errorState,y=o.emptyState,z=o.dataState,C=o.style,h=o.children,E=o.size,M=void 0===E?"medium":E,A=o.withoutBorder,B=a(null),H=R(T,B),I=s(!1),L=e(I,2),O=L[0],k=L[1],N=s(null),P=e(N,2),V=P[0],_=P[1],q=l((function(){k(!1),_(null)}),[]),D=s(!1),F=e(D,2),G=F[0],J=F[1],K=l((function(){J(!0)}),[]),Q=s(!1),U=e(Q,2),W=U[0],X=U[1],Y=l((function(e){if(q(),!G){var t=e.target.scrollLeft>0;X((function(e){return e!==t?t:e}))}}),[q,G]),Z=u(w),$=Object.assign({"--table-grid-template-columns":Z.gridTemplateColumns,"--table-row-size":"".concat(d[M],"px")},C),ee=n((function(){return{columns:w,dataState:z,emptyState:y,errorState:g,size:M,tableRootRef:B,isVirtualized:G,markTableAsVirtualized:K,isScrolled:W,setIsScrolled:function(e){return X(e)}}}),[w,z,y,g,G,K,W,M]),te=n((function(){return{tableRootRef:B,hoveredRowRef:V,isMenuOpen:O,resetHoveredRow:q,setHoveredRowRef:function(e){return _(e)},setIsMenuOpen:function(e){return k(e)}}}),[V,O,q,_]);return r.createElement(b,{value:ee},r.createElement(v,{value:te},r.createElement("div",{ref:H,id:j,className:i(p.table,t(t(t({},p.border,!A),p.virtualized,G),p.hasScroll,W),S),"data-testid":x||m(c.TABLE,j),"data-vibe":f.TABLE,role:"table",style:$,onScroll:Y},h)))}));export{T as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as s,useState as a,useCallback as l,useMemo as n}from"react";import i from"classnames";import{withStaticProps as m}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTableRowLayoutStyles as u}from"./tableHelpers.js";import{getTestId as c}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as d}from"../../../tests/constants.js";import{RowSizes as p,RowHeights as b}from"./TableConsts.js";import v from"./Table.module.scss.js";import{TableProvider as j}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as R}from"../context/TableRowMenuContext/TableRowMenuContext.js";import S from"../../../hooks/useMergeRef.js";var T=m(o((function(o,m){var p=o.id,T=o.className,w=o["data-testid"],x=o.columns,y=o.errorState,z=o.emptyState,g=o.dataState,h=o.style,C=o.children,E=o.size,M=void 0===E?"medium":E,A=o.withoutBorder,B=s(null),H=S(m,B),I=a(!1),L=e(I,2),O=L[0],P=L[1],k=a(null),N=e(k,2),V=N[0],_=N[1],q=l((function(){P(!1),_(null)}),[]),D=a(!1),F=e(D,2),G=F[0],J=F[1],K=l((function(){J(!0)}),[]),Q=a(!1),U=e(Q,2),W=U[0],X=U[1],Y=l((function(e){if(q(),!G){var t=e.target.scrollLeft>0;X((function(e){return e!==t?t:e}))}}),[q,G]),Z=u(x),$=Object.assign({"--table-grid-template-columns":Z.gridTemplateColumns,"--table-row-size":"".concat(b[M],"px")},h),ee=n((function(){return{columns:x,dataState:g,emptyState:z,errorState:y,size:M,tableRootRef:B,isVirtualized:G,markTableAsVirtualized:K,isScrolled:W,setIsScrolled:function(e){return X(e)}}}),[x,g,z,y,G,K,W,M]),te=n((function(){return{tableRootRef:B,hoveredRowRef:V,isMenuOpen:O,resetHoveredRow:q,setHoveredRowRef:function(e){return _(e)},setIsMenuOpen:function(e){return P(e)}}}),[V,O,q,_]);return r.createElement(j,{value:ee},r.createElement(R,{value:te},r.createElement("div",{ref:H,id:p,className:i(v.table,t(t(t({},v.border,!A),v.virtualized,G),v.hasScroll,W),T),"data-testid":w||c(f.TABLE,p),"data-vibe":d.TABLE,role:"table",style:$,onScroll:Y},C)))})),{sizes:p});export{T as default};
 //# sourceMappingURL=Table.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n forwardRef,\n type ReactElement,\n type UIEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n /*\n Unique identifier for the column.\n /\n id: string;\n /\n Column title displayed in the header.\n /\n title: string;\n /\n Additional information displayed as a tooltip.\n /\n infoContent?: string;\n /\n Column width configuration.\n /\n width?: Width \| { min: Width; max: Width };\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Loading state type for the column when data is being fetched.\n /\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n /\n Defines the columns of the table.\n /\n columns: TableColumn[];\n /\n State of the data being displayed (loading or error).\n /\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n /\n React element displayed when there is an error state.\n /\n errorState: ReactElement;\n /\n React element displayed when there is no data.\n /\n emptyState: ReactElement;\n /\n Custom styles for the table.\n /\n style?: React.CSSProperties;\n /\n The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n /\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n /\n The row size of the table.\n /\n size?: RowSizes;\n /\n If true, removes the table's outer border.\n /\n withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n const hasScroll = newLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n isScrolled,\n setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: isScrolled\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n data-vibe={ComponentVibeId.TABLE}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\nexport default Table;\n"],"names":["~~Table~~","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role"],"mappings":"~~gtBAkGMA~~,~~IAAAA~~,~~EAAQC~~,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n forwardRef,\n type ReactElement,\n type UIEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n /*\n Unique identifier for the column.\n /\n id: string;\n /\n Column title displayed in the header.\n /\n title: string;\n /\n Additional information displayed as a tooltip.\n /\n infoContent?: string;\n /\n Column width configuration.\n /\n width?: Width \| { min: Width; max: Width };\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Loading state type for the column when data is being fetched.\n /\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n /\n Defines the columns of the table.\n /\n columns: TableColumn[];\n /\n State of the data being displayed (loading or error).\n /\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n /\n React element displayed when there is an error state.\n /\n errorState: ReactElement;\n /\n React element displayed when there is no data.\n /\n emptyState: ReactElement;\n /\n Custom styles for the table.\n /\n style?: React.CSSProperties;\n /\n The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n /\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n /\n The row size of the table.\n /\n size?: RowSizes;\n /\n If true, removes the table's outer border.\n /\n withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n const hasScroll = newLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n isScrolled,\n setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: isScrolled\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n data-vibe={ComponentVibeId.TABLE}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\ninterface TableStaticProps {\n sizes: typeof RowSizesEnum;\n}\n\nexport default withStaticProps<TableProps, TableStaticProps>(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role","sizes","RowSizesEnum"],"mappings":"40BAkGA,IAwHeA,EAAAA,EAxHDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAOkE,CAAEgE,MAAOC"}

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

@@ -1,2 +1,2 @@
-var r={table:"table_0ba118b23d",border:"border_a74e6818b6",virtualized:"virtualized_da509b31aa",hasScroll:"hasScroll_33851a5d7c"};!function(r){const e="s_id-55eb48952bb4_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_0ba118b23d {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_0ba118b23d::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_0ba118b23d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_0ba118b23d.border_a74e6818b6 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_0ba118b23d [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_0ba118b23d [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_0ba118b23d.virtualized_da509b31aa {\n  overflow: hidden;\n}\n.table_0ba118b23d.hasScroll_33851a5d7c {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_ef9ad377ff",border:"border_c3c35e2750",virtualized:"virtualized_fa6a0006e8",hasScroll:"hasScroll_f7d45cc060"};!function(e){const r="s_id-55eb48952bb4_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_ef9ad377ff {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_ef9ad377ff::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_ef9ad377ff::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_ef9ad377ff.border_c3c35e2750 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_ef9ad377ff [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_ef9ad377ff [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_ef9ad377ff.virtualized_fa6a0006e8 {\n  overflow: hidden;\n}\n.table_ef9ad377ff.hasScroll_f7d45cc060 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/Table/tableHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import n from"../../../../icons/dist/react/SortAscending.js";import t from"../../../../icons/dist/react/SortDescending.js";import e from"../../../../icons/dist/react/Sort.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function r(c){return"asc"===c?n:"desc"===c?t:e}function o(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function s(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function a(n){return"circle"===n?"circle":"rectangle"===n?"rectangle":"text"}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,s as getAriaSort,u as getLoadingTypeForCell,o as getNextSortState,a as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
+import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";import t from"../../../../icons/dist/react/SortAscending.js";import e from"../../../../icons/dist/react/SortDescending.js";import o from"../../../../icons/dist/react/Sort.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function r(n){return"asc"===n?t:"desc"===n?e:o}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function a(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,a as getAriaSort,u as getLoadingTypeForCell,s as getNextSortState,m as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
 //# sourceMappingURL=tableHelpers.js.map

package/dist/src/components/Table/Table/tableHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { ~~type~~ SkeletonType } from \"~~../../../components/~~Skeleton/~~Skelton.types~~\";\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return ~~\"circle\"~~;\n }\n if (loadingStateType === \"rectangle\") {\n return ~~\"rectangle\"~~;\n }\n return ~~\"text\"~~;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","getLoadingTypeForCell","rowIndex"],"mappings":"~~+KAOM~~,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,~~EACK~~,~~SAEgB~~,~~cAArBA~~,~~EACK~~,~~YAEF~~,~~MACT~~,CAEgB,SAAAC,~~EACdD~~,~~EACAE~~,GAEA,MAA4B,~~cAArBF~~,EACF,CAAC,YAAa,~~eAA2CE~~,EAAW,~~GACrEF~~,CACN"}
1	+ {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"kPAQM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

package/dist/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_9d077f8aa8"};!function(e){const t="s_id-afed3a5f5737_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_9d077f8aa8 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_33d7fa3846"};!function(e){const t="s_id-afed3a5f5737_3_86_0";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)}(".tableBody_33d7fa3846 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/src/components/Table/TableCell/TableCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_5e94e96800",sticky:"sticky_d9c46329db"};!function(e){const t="s_id-25789b81dac4_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_5e94e96800 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_5e94e96800.sticky_d9c46329db {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_c6ad1e76cd",sticky:"sticky_395045b330"};!function(e){const t="s_id-25789b81dac4_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_c6ad1e76cd {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_c6ad1e76cd.sticky_395045b330 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_9d077f8aa8",longText:"longText_fcb558899e",mediumText:"mediumText_f5dd2b8350",tableCellSkeleton:"tableCellSkeleton_9d077f8aa8",circle:"circle_6110c434c0",rectangle:"rectangle_72193b74b8"};!function(e){const l="s_id-18cab9319884_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_9d077f8aa8 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_9d077f8aa8.longText_fcb558899e {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_9d077f8aa8.mediumText_f5dd2b8350 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_9d077f8aa8 .tableCellSkeleton_9d077f8aa8 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_9d077f8aa8 .tableCellSkeleton_9d077f8aa8.circle_6110c434c0, .tableCellSkeletonWrapper_9d077f8aa8 .tableCellSkeleton_9d077f8aa8.rectangle_72193b74b8 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_9d077f8aa8 .tableCellSkeleton_9d077f8aa8.circle_6110c434c0, .tableCellSkeletonWrapper_9d077f8aa8 .tableCellSkeleton_9d077f8aa8.rectangle_72193b74b8 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_33d7fa3846",longText:"longText_6fedd9adee",mediumText:"mediumText_a266b43b55",tableCellSkeleton:"tableCellSkeleton_33d7fa3846",circle:"circle_5c36440d3c",rectangle:"rectangle_25f5579111"};!function(e){const l="s_id-18cab9319884_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_33d7fa3846 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_33d7fa3846.longText_6fedd9adee {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_33d7fa3846.mediumText_a266b43b55 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_33d7fa3846 .tableCellSkeleton_33d7fa3846 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_33d7fa3846 .tableCellSkeleton_33d7fa3846.circle_5c36440d3c, .tableCellSkeletonWrapper_33d7fa3846 .tableCellSkeleton_33d7fa3846.rectangle_25f5579111 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_33d7fa3846 .tableCellSkeleton_33d7fa3846.circle_5c36440d3c, .tableCellSkeletonWrapper_33d7fa3846 .tableCellSkeleton_33d7fa3846.rectangle_25f5579111 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_5f80f7a951",menuContainer:"menuContainer_8c3b008fb8"};!function(e){const n="s_id-c61f3446ce1a_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_5f80f7a951 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_5f80f7a951 .menuContainer_8c3b008fb8 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_ba39c99e4b",menuContainer:"menuContainer_03188ce258"};!function(e){const n="s_id-c61f3446ce1a_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_ba39c99e4b {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_ba39c99e4b .menuContainer_03188ce258 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_7a61be89e8",virtualized:"virtualized_fcfd550c06"};!function(e){const t="s_id-8e924ee64aa4_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_7a61be89e8 {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_7a61be89e8 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_7a61be89e8.virtualized_fcfd550c06 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_7a61be89e8.virtualized_fcfd550c06::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_a07601d6aa",virtualized:"virtualized_4341c6af79"};!function(e){const a="s_id-8e924ee64aa4_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeader_a07601d6aa {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_a07601d6aa > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_a07601d6aa.virtualized_4341c6af79 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_a07601d6aa.virtualized_4341c6af79::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import i from"./TableHeaderCell.module.scss.js";import{getSortIcon as a,getNextSortState as l,getAriaSort as c}from"../Table/tableHelpers.js";import{getTestId as m}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import{getStyle as d}from"../../../helpers/typesciptCssModulesHelper.js";import u from"../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../components/icon/dist/Icon/Icon.js";import b from"../../../../components/typography/dist/Text/Text.js";import j from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import y from"../../../../icons/dist/react/Info.js";import E from"../../../../components/icon-button/dist/IconButton/IconButton.js";var v=r((function(r,v){var C=r.id,x=r.className,T=r["data-testid"],H=r.title,g=r.onSortClicked,I=r.infoContent,N=r.icon,h=r.sortState,B=void 0===h?"none":h,L=r.sortButtonAriaLabel,k=void 0===L?"Sort":L,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=c(B),P="none"!==M||_;return o.createElement("div",{ref:v,id:C,className:s(i.tableHeaderCell,t(t({},i.sortActive,g&&"none"!==M),i.sticky,A),x),"data-testid":T||m(p.TABLE_HEADER_CELL,C),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":g?M:void 0,tabIndex:g?0:void 0},o.createElement(u,{direction:"row",align:"center",className:i.tableHeaderCellContent,gap:"xs"},N&&o.createElement(f,{icon:N,className:i.icon}),"string"==typeof H?o.createElement(b,{type:"text2",weight:"medium",color:"secondary"},H):H,I&&o.createElement(j,{content:I,referenceWrapperClassName:i.infoTooltip},o.createElement(f,{icon:y,label:I}))),g&&o.createElement(u,{direction:"row",align:"center",className:i.tableHeaderCellSort},o.createElement(E,{icon:a(B),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:s(i.sort,d(i,B),t({},i.show,P)),onClick:function(){return g(l(B))}})))}));export{v as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import i from"./TableHeaderCell.module.scss.js";import{getSortIcon as a,getNextSortState as l,getAriaSort as c}from"../Table/tableHelpers.js";import{getTestId as m}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import{getStyle as d}from"../../../helpers/typesciptCssModulesHelper.js";import u from"../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../components/icon/dist/Icon/Icon.js";import b from"../../../../components/typography/dist/Text/Text.js";import j from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import y from"../../../../icons/dist/react/Info.js";import E from"../../../../components/icon-button/dist/IconButton/IconButton.js";var v=r((function(r,v){var C=r.id,x=r.className,T=r["data-testid"],H=r.title,g=r.onSortClicked,I=r.infoContent,L=r.icon,N=r.sortState,h=void 0===N?"none":N,B=r.sortButtonAriaLabel,k=void 0===B?"Sort":B,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=c(h),P="none"!==M||_;return o.createElement("div",{ref:v,id:C,className:s(i.tableHeaderCell,t(t({},i.sortActive,g&&"none"!==M),i.sticky,A),x),"data-testid":T||m(p.TABLE_HEADER_CELL,C),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":g?M:void 0,tabIndex:g?0:void 0},o.createElement(u,{direction:"row",align:"center",className:i.tableHeaderCellContent,gap:"xs"},L&&o.createElement(f,{icon:L,className:i.icon}),"string"==typeof H?o.createElement(b,{type:"text2",weight:"medium",color:"secondary"},H):H,I&&o.createElement(j,{content:I,referenceWrapperClassName:i.infoTooltip},o.createElement(f,{icon:y,iconLabel:I}))),g&&o.createElement(u,{direction:"row",align:"center",className:i.tableHeaderCellSort},o.createElement(E,{icon:a(h),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:s(i.sort,d(i,h),t({},i.show,P)),onClick:function(){return g(l(h))}})))}));export{v as default};
 //# sourceMappingURL=TableHeaderCell.js.map