@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.21

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 (32) hide show
  1. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  2. package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
  3. package/dist/cjs/components/tooltip/tooltip.css +1 -1
  4. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  5. package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
  6. package/dist/cjs/components/tooltip/utils/tooltip.utils.js +1 -1
  7. package/dist/cjs/index.js +1 -1
  8. package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -1
  9. package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -1
  10. package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1
  11. package/dist/cjs/react-components.css +1 -1
  12. package/dist/esm/components/modal/modalStandAlone.js +4 -4
  13. package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
  14. package/dist/esm/components/tooltip/tooltip.css +1 -1
  15. package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -8
  16. package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
  17. package/dist/esm/components/tooltip/utils/tooltip.utils.js +1 -1
  18. package/dist/esm/index.js +1 -1
  19. package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -1
  20. package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -1
  21. package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1
  22. package/dist/esm/react-components.css +1 -1
  23. package/dist/styles/kubit/css/kubit.css +0 -19
  24. package/dist/styles/kubit/css/kubit.min.css +1 -1
  25. package/dist/types/index.d.ts +20 -173
  26. package/package.json +2 -3
  27. package/dist/cjs/components/navBar/index.js +0 -2
  28. package/dist/cjs/components/navBar/navBar.js +0 -1
  29. package/dist/cjs/components/navBar/navBarStandAlone.js +0 -1
  30. package/dist/esm/components/navBar/index.js +0 -1
  31. package/dist/esm/components/navBar/navBar.js +0 -2
  32. package/dist/esm/components/navBar/navBarStandAlone.js +0 -2
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processCommonProp.js"),i=require("../navBar/navBar.js"),a=require("../popover/popover.js"),r=require("./fragments/modalHeader.js"),l=require("./utils/onlyDesktopSize.js"),n=o.forwardRef(({blocked:n,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:x,contentScrollArias:u,cssClasses:v,customHeightAllDevices:j=!1,customWidthAllDevices:b=!1,device:g,dragIcon:y,footer:h,id:C,maxHeight:H,maxWidth:I,minContentHeight:f,minHeight:q,minWidth:E,onKeyDown:R,onPopoverCloseInternally:S,open:k,popover:D,title:B,...P},W)=>{const A=`modal-${o.useId().replace(/:/g,"")}`,N=C??A,z=`modal-title-${o.useId().replace(/:/g,"")}`,M=s.processTextProp(B).id??z,O=h?.variant,T=P["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(a.Popover,{"aria-labelledby":M,"aria-modal":k,component:"div",disableClickOverlayClose:n,disableEscapeClose:n,disableTrapFocus:!1,id:N,open:k,overlay:e.jsxRuntimeExports.jsx(t.Overlay,{}),role:"dialog",strategy:"fixed",onClose:S,...D,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:v?.modal,"data-testid":T,style:{maxHeight:H,maxWidth:I,minHeight:j?q:l.onlyDesktopSize(g,q),minWidth:b?E:l.onlyDesktopSize(g,E),paddingBottom:h?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(r.ModalHeader,{blocked:n,closeButton:d,closeIcon:c,cssClasses:v,device:g,dragIcon:y,title:B,titleIdFinal:M}),e.jsxRuntimeExports.jsx("div",{"aria-label":x?u?.["aria-label"]:void 0,"aria-labelledby":x?u?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":!0,"data-testid":`${T}-content`,role:x?"region":void 0,style:{minHeight:f},...x?{tabIndex:0}:{},...p,children:m}),!!O&&!!h&&e.jsxRuntimeExports.jsx("div",{className:v?.footer,children:e.jsxRuntimeExports.jsx(i.NabVar,{variant:O,...h})})]})})});exports.ModalStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processCommonProp.js"),i=require("../popover/popover.js"),l=require("./fragments/modalHeader.js"),r=require("./utils/onlyDesktopSize.js"),a=o.forwardRef(({blocked:a,closeButton:n,closeIcon:d,content:c,contentContainer:m,contentHasScroll:p,contentScrollArias:u,cssClasses:x,customHeightAllDevices:v=!1,customWidthAllDevices:j=!1,device:b,dragIcon:y,footer:g,id:h,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:f,minWidth:S,onKeyDown:q,onPopoverCloseInternally:E,open:R,popover:k,title:D,...P},W)=>{const A=`modal-${o.useId().replace(/:/g,"")}`,z=h??A,M=`modal-title-${o.useId().replace(/:/g,"")}`,N=s.processTextProp(D).id??M,O=P["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(i.Popover,{"aria-labelledby":N,"aria-modal":R,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:!1,id:z,open:R,overlay:e.jsxRuntimeExports.jsx(t.Overlay,{}),role:"dialog",strategy:"fixed",onClose:E,...k,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:x?.modal,"data-testid":O,style:{maxHeight:C,maxWidth:H,minHeight:v?f:r.onlyDesktopSize(b,f),minWidth:j?S:r.onlyDesktopSize(b,S)},children:[e.jsxRuntimeExports.jsx(l.ModalHeader,{blocked:a,closeButton:n,closeIcon:d,cssClasses:x,device:b,dragIcon:y,title:D,titleIdFinal:N}),e.jsxRuntimeExports.jsx("div",{"aria-label":p?u?.["aria-label"]:void 0,"aria-labelledby":p?u?.["aria-labelledby"]:void 0,className:x?.content,"data-modal-content":!0,"data-testid":`${O}-content`,role:p?"region":void 0,style:{minHeight:I},...p?{tabIndex:0}:{},...m,children:c}),!!g&&e.jsxRuntimeExports.jsx("div",{className:x?.footer,children:g})]})})});exports.ModalStandAlone=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=i.useMediaDevice(),S=a.pickCustomAttributes({...g,...d}),q=a.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.thumbicon,...m})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),i=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,pressed:O,rightThumb:A,style:C,tooltip:E,tooltipAlign:T="top",value:g,...D})=>{const S=o.useMediaDevice(),q=a.pickCustomAttributes({...D,...d}),I=a.pickCustomAttributes(d);return s.isTooltipVisible(E,O,S)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":O,role:"presentation",style:C,...q,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:T,childrenAsButton:!1,content:{content:E?.content},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":g,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":O,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,...I,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:A?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":g,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":A?"right":void 0,"data-pressed":O,role:"slider",style:C,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,...q,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.thumbicon,...m})})};
@@ -1 +1 @@
1
- .kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{align-items:flex-start;display:flex}.kbt-tooltip__close-icon{align-self:flex-end;display:flex;justify-content:flex-end}.kbt-tooltip__paragraph,.kbt-tooltip__title{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
1
+ .kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),c=require("../icon/iconHost.js"),p=require("../popover/popover.js"),d=require("./components/tooltipTrigger.js"),u=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:x,children:m,childrenAsButton:j=!0,closeIcon:b,content:v,contentHasScroll:g,contentRef:h,contentScrollArias:y,cssClasses:T,disabled:C,dragIcon:R,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:I,onTooltipFocus:f,onTooltipKeyDown:q,onTriggerClick:D,onTriggerKeyDown:w,onTriggerMouseDown:B,onTriggerMouseUp:P,popover:_,popoverOpen:O,title:M,tooltipAriaLabel:S,tooltipAsModal:$,tooltipRef:F,triggerAsButton:K,...H})=>{const U=H["data-testid"]||"tooltip",z=l.pickCustomAttributes(H),L=`tooltip-${t.useId().replace(/:/g,"")}`,G=`${L}-title`,J=`${L}-content`,Q=a.processTextProp(v),V=a.processTextProp(M),W="string"==typeof Q.children,{isDesktop:X,isMobile:Y,isTablet:Z}=i.useActiveBreakpoints(),ee=X||Z;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":U,children:e.jsxRuntimeExports.jsx(d.TooltipTrigger,{childrenAsButton:j,disabled:!0,children:m})});const te=u.getAriaDescriptorsBy({contentId:J,hasContent:!!v,hasTitle:!!V.children,titleId:G}),oe={"data-align":x||r.POSITIONS.TOP},se=l.pickCustomAttributes(oe),ie=e.jsxRuntimeExports.jsxs("div",{ref:F,"aria-label":ee?S:void 0,"aria-labelledby":ee?u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}):void 0,"aria-modal":!(!ee||!$)||void 0,className:n.classNames("kbt-tooltip__external-container",T?.tooltipexternalcontainer),"data-testid":`${U}-content`,id:L,role:ee?$?"dialog":"tooltip":void 0,...ee&&{onFocus:f,onKeyDown:q},...z,children:[e.jsxRuntimeExports.jsxs("div",{className:T?.tooltipinternalcontainer,children:[(Y||Z)&&!!R&&e.jsxRuntimeExports.jsx("div",{ref:E,className:T?.dragiconcontainer,"data-testid":`${U}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:T?.dragicon,...R})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(T?.title,T?.headercontainer),style:(re=!!V.children,ne=!!b?.icon,re&&ne?{justifyContent:"space-between"}:re?{justifyContent:"flex-end"}:ne?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIconProp(b).icon&&e.jsxRuntimeExports.jsx("div",{className:T?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(c.IconHost,{...a.processIconProp(b),className:T?.closebuttonicon,icon:a.processIconProp(b).icon,onClick:A})}),!!V.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:G,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.title},component:"h2",...V,children:V.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:h,"aria-label":g?y?.["aria-label"]:void 0,"aria-labelledby":g?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!v&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",T?.paragraphcontainer,{[`${T?.divider}`]:!!V.children}),id:J,children:W?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.paragraph},...Q}):Q.children})})]}),e.jsxRuntimeExports.jsx("div",{...se,className:n.classNames("kbt-tooltip__arrow",T?.arrowsize,T?.tooltipalignstyles,T?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:T?.arrow})})]});var re,ne;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":U,children:[e.jsxRuntimeExports.jsx(d.TooltipTrigger,{ariaDescribedBy:$||!ee&&!O?void 0:te,childrenAsButton:j,triggerAsButton:K,onClick:D,onKeyDown:w,onMouseDown:B,onMouseUp:P,children:m}),ee?ie:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:T?.popover?{arrow:"",popover:T.popover.popover||""}:void 0,"aria-label":_?.["aria-label"]||S,"aria-labelledby":u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}),"aria-modal":$||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:O,preventCloseOnClickElements:[N?.current],role:$?"dialog":"tooltip",strategy:"absolute",onClose:I,..._,children:ie})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),o=require("../text/text.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../lib/types/positions/positions.js"),r=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),n=require("../popover/popover.js"),p=require("./components/tooltipTrigger.js"),c=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:d,children:u,childrenAsButton:x=!0,content:b,contentHasScroll:m,contentRef:j,contentScrollArias:v,cssClasses:g,disabled:h,labelRef:T,mediaDevice:A,onPopoverCloseInternally:k,onTooltipFocus:y,onTooltipKeyDown:C,onTriggerClick:R,onTriggerKeyDown:N,onTriggerMouseDown:E,onTriggerMouseUp:q,popover:D,popoverOpen:w,tooltipAriaLabel:f,tooltipAsModal:B,tooltipRef:_,triggerAsButton:I,...M})=>{const P=M["data-testid"]||"tooltip",S=l.pickCustomAttributes(M),O=`tooltip-${t.useId().replace(/:/g,"")}`,F=`${O}-content`,K=a.processTextProp(b),$="string"==typeof K.children,{isDesktop:U,isTablet:z}=i.useActiveBreakpoints(),H=U||z;if(h)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":P,children:e.jsxRuntimeExports.jsx(p.TooltipTrigger,{childrenAsButton:x,disabled:!0,children:u})});const L=c.getAriaDescriptorsBy({contentId:F,hasContent:!!b,hasTitle:!1,titleId:""}),G={"data-align":d||s.POSITIONS.TOP},J=l.pickCustomAttributes(G),Q=e.jsxRuntimeExports.jsxs("div",{ref:_,"aria-label":H?f:void 0,"aria-labelledby":void 0,"aria-modal":!(!H||!B)||void 0,className:r.classNames("kbt-tooltip__external-container",g?.tooltipexternalcontainer),"data-testid":`${P}-content`,id:O,role:H?B?"dialog":"tooltip":void 0,...H&&{onFocus:y,onKeyDown:C},...S,children:[e.jsxRuntimeExports.jsx("div",{className:g?.tooltipinternalcontainer,children:e.jsxRuntimeExports.jsx("div",{ref:j,"aria-label":m?v?.["aria-label"]:void 0,"aria-labelledby":m?v?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:m?"region":void 0,...m&&{tabIndex:0},children:!!b&&e.jsxRuntimeExports.jsx("div",{className:r.classNames("kbt-tooltip__paragraph",g?.paragraphcontainer),id:F,children:$?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:g?.paragraph},...K}):K.children})})}),e.jsxRuntimeExports.jsx("div",{...J,className:r.classNames("kbt-tooltip__arrow",g?.arrowsize,g?.tooltipalignstyles,g?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:g?.arrow})})]});return e.jsxRuntimeExports.jsxs("div",{ref:T,className:"kbt-tooltip","data-testid":P,children:[e.jsxRuntimeExports.jsx(p.TooltipTrigger,{ariaDescribedBy:B||!H&&!w?void 0:L,childrenAsButton:x,triggerAsButton:I,onClick:R,onKeyDown:N,onMouseDown:E,onMouseUp:q,children:u}),H?Q:e.jsxRuntimeExports.jsx(n.Popover,{additionalClasses:g?.popover?{arrow:"",popover:g.popover.popover||""}:void 0,"aria-label":D?.["aria-label"]||f,"aria-labelledby":void 0,"aria-modal":B||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:w,preventCloseOnClickElements:[T?.current],role:B?"dialog":"tooltip",strategy:"absolute",onClose:k,...D,children:Q})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),a=require("../../lib/utils/keyboard/keyboard.js"),u=require("./hooks/useTooltip.js"),p=require("./hooks/useTooltipAsModal.js"),c=require("./tooltipStandAlone.js"),d=o.forwardRef(function({additionalClasses:d,align:T,closeIcon:v,onOpenClose:f,popover:g,tooltipAriaLabel:b,tooltipAsModal:k,variant:C,...j},D){const R=r.useClassName({additionalClassNames:d,component:"TOOLTIP",variant:C}),{device:y,isDesktop:M,isMobile:A,isTablet:S}=t.useActiveBreakpoints(),q=M||S,h=o.useRef(null),m=o.useRef(null),w=p.useTooltipAsModal({propTooltipAsModal:k,styleTooltipAsModal:k});o.useImperativeHandle(D,()=>h.current);const{allowFocusOpenTooltip:F,hideTooltip:x,open:I,placement:O,showTooltip:P}=u.useTooltip({additionalClasses:d,align:T||"top",labelRef:h,onOpenClose:f,tooltipAsModal:w,tooltipRef:m,variant:C}),{handleScrollDetection:N,hasScroll:E}=l.useScrollDetection({autoFocus:!0}),K=o.useRef(!1),{setDragIconRef:L,setPopoverRef:W}=i.useSwipeDown({onClose:x});return n.useTrapFocus({ref:m,trapFocus:I&&w}),e.jsxRuntimeExports.jsx(c.TooltipStandAlone,{...j,align:O,contentHasScroll:E,contentRef:N,cssClasses:R,dragIconRef:L,labelRef:h,mediaDevice:y,popover:{...g,popoverContainerRef:W},popoverOpen:I,tooltipAriaLabel:b,tooltipAsModal:w,tooltipRef:m,onCloseIconClick:e=>{v?.onClick?.(e),x()},onPopoverCloseInternally:()=>{g?.onClose?.(),x()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(q){if(!w)return;return I?void(m.current?.contains(e.target)||x()):void P()}I?m.current?.contains(e.target)||x():P()},onTriggerKeyDown:e=>{a.isKeyPressed(e.key,s.ENTER.key)&&!I&&(P(),e.preventDefault())},onTriggerMouseDown:()=>{K.current=!0},onTriggerMouseUp:()=>{K.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||x()},onWrapperFocus:()=>{K.current||w||!F.current||A||P()},onWrapperMouseEnter:()=>{!w&&q&&P()},onWrapperMouseLeave:()=>{!w&&q&&x()}})});exports.Tooltip=d,exports.TooltipUnControlled=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),l=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),a=require("../../lib/utils/keyboard/keyboard.js"),u=require("./hooks/useTooltip.js"),p=require("./hooks/useTooltipAsModal.js"),c=require("./tooltipStandAlone.js"),d=o.forwardRef(function({additionalClasses:d,align:T,onOpenClose:v,popover:b,tooltipAriaLabel:f,tooltipAsModal:g,variant:k,...j},C){const y=r.useClassName({additionalClassNames:d,component:"TOOLTIP",variant:k}),{device:D,isDesktop:M,isMobile:A,isTablet:R}=t.useActiveBreakpoints(),S=M||R,q=o.useRef(null),h=o.useRef(null),m=p.useTooltipAsModal({propTooltipAsModal:g,styleTooltipAsModal:g});o.useImperativeHandle(C,()=>q.current);const{allowFocusOpenTooltip:w,hideTooltip:F,open:x,placement:O,showTooltip:P}=u.useTooltip({additionalClasses:d,align:T||"top",labelRef:q,onOpenClose:v,tooltipAsModal:m,tooltipRef:h,variant:k}),{handleScrollDetection:N,hasScroll:E}=i.useScrollDetection({autoFocus:!0}),K=o.useRef(!1),{setPopoverRef:L}=l.useSwipeDown({onClose:F});return n.useTrapFocus({ref:h,trapFocus:x&&m}),e.jsxRuntimeExports.jsx(c.TooltipStandAlone,{...j,align:O,contentHasScroll:E,contentRef:N,cssClasses:y,labelRef:q,mediaDevice:D,popover:{...b,popoverContainerRef:L},popoverOpen:x,tooltipAriaLabel:f,tooltipAsModal:m,tooltipRef:h,onPopoverCloseInternally:()=>{b?.onClose?.(),F()},onTooltipFocus:e=>{m||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(S){if(!m)return;return x?void(h.current?.contains(e.target)||F()):void P()}x?h.current?.contains(e.target)||F():P()},onTriggerKeyDown:e=>{a.isKeyPressed(e.key,s.ENTER.key)&&!x&&(P(),e.preventDefault())},onTriggerMouseDown:()=>{K.current=!0},onTriggerMouseUp:()=>{K.current=!1},onWrapperBlur:e=>{m||e.currentTarget.contains(e.relatedTarget)||F()},onWrapperFocus:()=>{K.current||m||!w.current||A||P()},onWrapperMouseEnter:()=>{!m&&S&&P()},onWrapperMouseLeave:()=>{!m&&S&&F()}})});exports.Tooltip=d,exports.TooltipUnControlled=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o&&r,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/alert/alertControlled.js"),t=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),p=require("./components/calendar/calendar.js"),i=require("./components/cardImage/cardImage.js"),a=require("./components/carousel/carousel.js"),c=require("./components/carousel/types/carousel.js"),d=require("./components/checkbox/checkboxControlled.js"),u=require("./components/checkbox/checkboxUnControlled.js"),x=require("./components/checkboxBase/checkboxBaseControlled.js"),b=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),C=require("./components/container/container.js"),j=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),q=require("./components/dropdownSelected/dropdownSelectedControlled.js"),S=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),B=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),T=require("./components/image/image.js"),P=require("./components/input/input.js"),A=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),E=require("./components/inputSignature/inputSignatureUncontrolled.js"),R=require("./components/label/labelStandAlone.js"),y=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/modal/modalControlled.js"),h=require("./components/modal/modalUnControlled.js"),O=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),M=require("./components/popover/popover.js"),N=require("@floating-ui/dom"),G=require("./components/progressBar/progressBar.js"),K=require("./components/radioButton/radioButton.js"),F=require("./components/radioButton/radioButtonStandAlone.js"),H=require("./components/selectorBoxFile/selectorBoxFile.js"),W=require("./components/skeleton/skeleton.js"),V=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),J=require("./components/table/table.js"),Q=require("./components/tableBody/tableBody.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),be=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),me=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=r.Alert,exports.Avatar=t.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=p.Calendar,exports.CardImage=i.CardImage,exports.Carousel=a.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=c.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=c.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=d.CheckboxControlled,exports.Checkbox=u.CheckboxUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxBase=b.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=C.Container,exports.DataTable=j.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=q.DropdownSelectedControlled,exports.DropdownSelected=S.DropdownSelectedUnControlled,exports.IconBasic=B.IconBasic,exports.Icon=v.IconHost,exports.Image=T.Image,exports.Input=P.Input,exports.InputBase=A.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=E.InputSignatureUnControlled,exports.Label=R.LabelStandAlone,exports.Link=y.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.ModalControlled=_.ModalControlled,exports.Modal=h.ModalUnControlled,exports.NabVar=O.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=M.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>N.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>N.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>N.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>N.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>N.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>N.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>N.size}),exports.ProgressBar=G.ProgressBar,exports.RadioButton=K.RadioButton,exports.RadioButtonStandAlone=F.RadioButtonStandAlone,exports.SelectorBoxFile=H.SelectorBoxFile,exports.Skeleton=W.Skeleton,exports.Slider=V.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=J.Table,exports.TableBody=Q.TableBody,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=be.GenericComponentContext,exports.GenericComponentsProvider=be.GenericComponentsProvider,exports.useGenericComponents=be.useGenericComponents,exports.KubitProvider=me.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/alert/alertControlled.js"),t=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),p=require("./components/calendar/calendar.js"),i=require("./components/cardImage/cardImage.js"),a=require("./components/carousel/carousel.js"),c=require("./components/carousel/types/carousel.js"),d=require("./components/checkbox/checkboxControlled.js"),u=require("./components/checkbox/checkboxUnControlled.js"),x=require("./components/checkboxBase/checkboxBaseControlled.js"),b=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),C=require("./components/container/container.js"),j=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),q=require("./components/dropdownSelected/dropdownSelectedControlled.js"),S=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),B=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),T=require("./components/image/image.js"),P=require("./components/input/input.js"),A=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),E=require("./components/inputSignature/inputSignatureUncontrolled.js"),R=require("./components/label/labelStandAlone.js"),y=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/modal/modalControlled.js"),h=require("./components/modal/modalUnControlled.js"),O=require("./components/option/option.js"),f=require("./components/pageControl/pageControl.js"),L=require("./components/pagination/pagination.js"),w=require("./components/popover/popover.js"),M=require("@floating-ui/dom"),N=require("./components/progressBar/progressBar.js"),G=require("./components/radioButton/radioButton.js"),K=require("./components/radioButton/radioButtonStandAlone.js"),F=require("./components/selectorBoxFile/selectorBoxFile.js"),H=require("./components/skeleton/skeleton.js"),W=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),V=require("./components/table/table.js"),J=require("./components/tableBody/tableBody.js"),Q=require("./components/tableCaption/tableCaption.js"),X=require("./components/tableCell/tableCell.js"),Z=require("./components/tableDivider/tableDivider.js"),$=require("./components/tableFoot/tableFoot.js"),ee=require("./components/tableHead/tableHead.js"),oe=require("./components/tableRow/tableRow.js"),re=require("./components/tabs/tabsControlled.js"),te=require("./components/tabs/tabsUnControlled.js"),ne=require("./components/tag/tag.js"),se=require("./components/text/text.js"),le=require("./components/textArea/textArea.js"),pe=require("./components/toggle/toggleControlled.js"),ie=require("./components/toggle/toggleStandAlone.js"),ae=require("./components/toggle/toggleUnControlled.js"),ce=require("./components/tooltip/tooltipControlled.js"),de=require("./components/tooltip/tooltipUnControlled.js"),ue=require("./components/virtualKeyboard/virtualKeyboard.js"),xe=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),me=require("./lib/provider/stylesProvider/stylesProvider.js"),Ce=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=r.Alert,exports.Avatar=t.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=p.Calendar,exports.CardImage=i.CardImage,exports.Carousel=a.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=c.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=c.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=d.CheckboxControlled,exports.Checkbox=u.CheckboxUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxBase=b.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=C.Container,exports.DataTable=j.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=q.DropdownSelectedControlled,exports.DropdownSelected=S.DropdownSelectedUnControlled,exports.IconBasic=B.IconBasic,exports.Icon=v.IconHost,exports.Image=T.Image,exports.Input=P.Input,exports.InputBase=A.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=E.InputSignatureUnControlled,exports.Label=R.LabelStandAlone,exports.Link=y.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.ModalControlled=_.ModalControlled,exports.Modal=h.ModalUnControlled,exports.Option=O.Option,exports.PageControl=f.PageControl,exports.Pagination=L.Pagination,exports.Popover=w.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>M.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>M.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>M.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>M.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>M.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>M.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>M.size}),exports.ProgressBar=N.ProgressBar,exports.RadioButton=G.RadioButton,exports.RadioButtonStandAlone=K.RadioButtonStandAlone,exports.SelectorBoxFile=F.SelectorBoxFile,exports.Skeleton=H.Skeleton,exports.Slider=W.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=V.Table,exports.TableBody=J.TableBody,exports.TableCaption=Q.TableCaption,exports.TableCell=X.TableCell,exports.TableDivider=Z.TableDivider,exports.TableFoot=$.TableFoot,exports.TableHead=ee.TableHead,exports.TableRow=oe.TableRow,exports.TabsControlled=re.TabsControlled,exports.Tabs=te.TabsUnControlled,exports.Tag=ne.Tag,exports.Text=se.Text,exports.TextArea=le.TextArea,exports.ToggleControlled=pe.ToggleControlled,exports.ToggleStandalone=ie.ToggleStandalone,exports.ToggleUncontrolled=ae.ToggleUncontrolled,exports.TooltipControlled=ce.TooltipControlled,exports.Tooltip=de.TooltipUnControlled,exports.VirtualKeyboard=ue.VirtualKeyboard,exports.GenericComponentContext=xe.GenericComponentContext,exports.GenericComponentsProvider=xe.GenericComponentsProvider,exports.useGenericComponents=xe.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=me.StylesContext,exports.StylesProvider=me.StylesProvider,exports.useStylesContext=me.useStylesContext,exports.UtilsContext=Ce.UtilsContext,exports.UtilsProvider=Ce.UtilsProvider,exports.useUtilsProvider=Ce.useUtilsProvider;