acinguiux-ds-react-framework 0.1.28 → 0.1.29

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.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("react"),y=require("react-aria"),m=require("classnames"),w=require("./Overlay.styles.js"),x=p.forwardRef(({children:s,arrowRef:l,arrowProps:a,triggerState:r,className:n,arrow:t,...o},c)=>{const{tooltipProps:i}=y.useTooltip(o,r),{placement:u,overlayProps:d}=o,v=typeof s=="string";return r.isOpen?e.jsxs(w.Overlay,{...i,$padded:v,...d,className:m(n,u),$arrow:t,ref:c,children:[!!t&&e.jsx("svg",{className:"arrow",ref:l,...a,viewBox:"0 0 20 7",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z"})}),s||null]}):null});exports.Overlay=x;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),w=require("react-aria"),y=require("classnames"),m=require("./Overlay.styles.js"),x=v.forwardRef(({children:s,arrowRef:o,arrowProps:l,overlayProps:a,placement:n,triggerState:r,className:i,arrow:t,...c},u)=>{const{tooltipProps:d}=w.useTooltip(c,r),p=typeof s=="string";return r.isOpen?e.jsxs(m.Overlay,{...d,$padded:p,...a,className:y(i,n),$arrow:t,ref:u,children:[!!t&&e.jsx("svg",{className:"arrow",ref:o,...l,viewBox:"0 0 20 7",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z"})}),s||null]}):null});exports.Overlay=x;
2
2
  //# sourceMappingURL=Overlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { useTooltip } from 'react-aria';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './Overlay.styles';\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\r\n ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\r\n const { tooltipProps } = useTooltip(props, triggerState);\r\n const { placement, overlayProps } = props;\r\n const childIsString = typeof children === 'string';\r\n\r\n return triggerState.isOpen ? (\r\n <Styled.Overlay\r\n {...tooltipProps}\r\n $padded={childIsString}\r\n {...overlayProps}\r\n className={classNames(className, placement)}\r\n $arrow={arrow}\r\n ref={ref}\r\n >\r\n {!!arrow && (\r\n <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\r\n </svg>\r\n )}\r\n {children || null}\r\n </Styled.Overlay>\r\n ) : null;\r\n },\r\n);\r\n\r\nexport { Overlay };\r\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","childIsString","jsxs","Styled.Overlay","classNames","jsx"],"mappings":"qPAQMA,EAAUC,EAAAA,WACd,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,aAAAC,EAAc,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASC,IAAQ,CACrF,KAAM,CAAE,aAAAC,CAAA,EAAiBC,aAAWH,EAAOH,CAAY,EACjD,CAAE,UAAAO,EAAW,aAAAC,CAAA,EAAiBL,EAC9BM,EAAgB,OAAOZ,GAAa,SAE1C,OAAOG,EAAa,OAClBU,EAAAA,KAACC,EAAAA,QAAA,CACE,GAAGN,EACJ,QAASI,EACR,GAAGD,EACJ,UAAWI,EAAWX,EAAWM,CAAS,EAC1C,OAAQL,EACR,IAAAE,EAEC,SAAA,CAAA,CAAC,CAACF,GACDW,EAAAA,IAAC,OAAI,UAAU,QAAQ,IAAKf,EAAW,GAAGC,EAAY,QAAQ,WAAW,MAAM,6BAC7E,eAAC,OAAA,CAAK,EAAE,gOAAgO,EAC1O,EAEDF,GAAY,IAAA,CAAA,CAAA,EAEb,IACN,CACF"}
1
+ {"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { useTooltip } from 'react-aria';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './Overlay.styles';\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\r\n ({ children, arrowRef, arrowProps, overlayProps, placement, triggerState, className, arrow, ...tooltipAriaProps }, ref) => {\r\n const { tooltipProps } = useTooltip(tooltipAriaProps, triggerState);\r\n const childIsString = typeof children === 'string';\r\n\r\n return triggerState.isOpen ? (\r\n <Styled.Overlay\r\n {...tooltipProps}\r\n $padded={childIsString}\r\n {...overlayProps}\r\n className={classNames(className, placement)}\r\n $arrow={arrow}\r\n ref={ref}\r\n >\r\n {!!arrow && (\r\n <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\r\n </svg>\r\n )}\r\n {children || null}\r\n </Styled.Overlay>\r\n ) : null;\r\n },\r\n);\r\n\r\nexport { Overlay };\r\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","overlayProps","placement","triggerState","className","arrow","tooltipAriaProps","ref","tooltipProps","useTooltip","childIsString","jsxs","Styled.Overlay","classNames","jsx"],"mappings":"qPAQMA,EAAUC,EAAAA,WACd,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,aAAAC,EAAc,UAAAC,EAAW,aAAAC,EAAc,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAAoBC,IAAQ,CACzH,KAAM,CAAE,aAAAC,CAAA,EAAiBC,aAAWH,EAAkBH,CAAY,EAC5DO,EAAgB,OAAOZ,GAAa,SAE1C,OAAOK,EAAa,OAClBQ,EAAAA,KAACC,EAAAA,QAAA,CACE,GAAGJ,EACJ,QAASE,EACR,GAAGT,EACJ,UAAWY,EAAWT,EAAWF,CAAS,EAC1C,OAAQG,EACR,IAAAE,EAEC,SAAA,CAAA,CAAC,CAACF,GACDS,EAAAA,IAAC,OAAI,UAAU,QAAQ,IAAKf,EAAW,GAAGC,EAAY,QAAQ,WAAW,MAAM,6BAC7E,eAAC,OAAA,CAAK,EAAE,gOAAgO,EAC1O,EAEDF,GAAY,IAAA,CAAA,CAAA,EAEb,IACN,CACF"}
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("react"),s=require("react-aria"),z=require("react-stately"),A=require("react-dom"),B=require("classnames"),C=require("../../react-base/src/consts/classes.js"),E=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),H=require("./Overlay.js"),h=e.forwardRef(({className:c,isOpen:i,trigger:a,shouldFlip:u,triggerAction:n,onOpenChange:p,targetRef:f,...g},y)=>{const{delay:d,closeDelay:m,isDisabled:l,offset:P,crossOffset:v,overlay:O,arrow:R,overlayPlacement:T,arrowSize:q,containerPadding:S,arrowBoundaryOffset:w}=E.useProps(g),r=z.useTooltipTriggerState({delay:d,isOpen:i,closeDelay:m,trigger:n,isDisabled:l,onOpenChange:p}),D=e.useRef(null),t=f??D,o=e.useRef(null),b=e.useRef(null);e.useImperativeHandle(y,()=>o.current);const{triggerProps:k,tooltipProps:I}=s.useTooltipTrigger({isDisabled:l,trigger:n},r,t),L=s.useOverlayPosition({placement:T,targetRef:t,overlayRef:o,offset:P,crossOffset:v,shouldFlip:u,arrowSize:q,containerPadding:S,arrowBoundaryOffset:w,isOpen:r.isOpen}),N=s.mergeProps(a.props,k),_=e.cloneElement(a,{key:"tooltip-trigger",ref:t,...N}),x=typeof document>"u"?null:A.createPortal(e.createElement(H.Overlay,{...L,...I,key:"tooltip-overlay",triggerState:r,className:B(C.TOOLTIP_CLASS,c),arrowRef:b,arrow:R,ref:o},O),document.body);return[_,x]});module.exports=h;
1
+ "use strict";const e=require("react"),a=require("react-aria"),B=require("react-stately"),C=require("react-dom"),E=require("classnames"),H=require("../../react-base/src/consts/classes.js"),h=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),j=require("./Overlay.js"),F=e.forwardRef(({className:f,isOpen:y,trigger:c,shouldFlip:v,triggerAction:l,onOpenChange:R,targetRef:T,isDisabled:r,delay:i,closeDelay:p,offset:u,crossOffset:g,overlay:P,arrow:m,placement:d},q)=>{const{overlayPlacement:O,arrowSize:S,containerPadding:w,arrowBoundaryOffset:k}=h.useProps({isDisabled:r,delay:i,closeDelay:p,offset:u,crossOffset:g,overlay:P,arrow:m,placement:d}),t=B.useTooltipTriggerState({delay:i,isOpen:y,closeDelay:p,trigger:l,isDisabled:r,onOpenChange:R}),I=e.useRef(null),o=T??I,s=e.useRef(null),L=e.useRef(null);e.useImperativeHandle(q,()=>s.current);const{triggerProps:N,tooltipProps:_}=a.useTooltipTrigger({isDisabled:r,trigger:l},t,o),n=a.useOverlayPosition({placement:O,targetRef:o,overlayRef:s,offset:u,crossOffset:g,shouldFlip:v,arrowSize:S,containerPadding:w,arrowBoundaryOffset:k,isOpen:t.isOpen}),x=a.mergeProps(c.props,N),z=e.cloneElement(c,{key:"tooltip-trigger",ref:o,...x}),A=typeof document>"u"?null:C.createPortal(e.createElement(j.Overlay,{overlayProps:n.overlayProps,arrowProps:n.arrowProps,placement:n.placement,..._,key:"tooltip-overlay",triggerState:t,className:E(H.TOOLTIP_CLASS,f),arrowRef:L,arrow:m,ref:s},P),document.body);return[z,A]});module.exports=F;
2
2
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\n\r\nimport type { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n (\r\n {\r\n className,\r\n isOpen,\r\n trigger: triggerElement,\r\n shouldFlip,\r\n triggerAction,\r\n onOpenChange,\r\n targetRef: externalTargetRef,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const {\r\n delay,\r\n closeDelay,\r\n isDisabled,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n overlayPlacement,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n } = TooltipUtils.useProps(props);\r\n\r\n const state = useTooltipTriggerState({\r\n delay,\r\n isOpen,\r\n closeDelay,\r\n trigger: triggerAction,\r\n isDisabled,\r\n onOpenChange,\r\n });\r\n\r\n const internalTargetRef = useRef<HTMLElement>(null);\r\n const targetRef = externalTargetRef ?? internalTargetRef;\r\n const overlayRef = useRef<HTMLElement>(null);\r\n const arrowRef = useRef<SVGSVGElement>(null);\r\n\r\n useImperativeHandle(ref, () => overlayRef.current!);\r\n\r\n const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n {\r\n isDisabled,\r\n trigger: triggerAction,\r\n },\r\n state,\r\n targetRef,\r\n );\r\n\r\n const overlayProps = useOverlayPosition({\r\n placement: overlayPlacement as PositionProps['placement'],\r\n targetRef,\r\n overlayRef,\r\n offset,\r\n crossOffset,\r\n shouldFlip,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n isOpen: state.isOpen,\r\n });\r\n\r\n const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n const trigger = cloneElement(triggerElement, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\r\n\r\n const portal =\r\n typeof document === 'undefined'\r\n ? null\r\n : createPortal(\r\n <Overlay\r\n {...overlayProps}\r\n {...tooltipProps}\r\n key=\"tooltip-overlay\"\r\n triggerState={state}\r\n className={classNames(TOOLTIP_CLASS, className)}\r\n arrowRef={arrowRef}\r\n arrow={arrow}\r\n ref={overlayRef}\r\n >\r\n {overlay}\r\n </Overlay>,\r\n document.body,\r\n );\r\n return [trigger, portal];\r\n },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","overlay","arrow","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":"4RAYMA,EAAUC,EAAAA,WACd,CACE,CACE,UAAAC,EACA,OAAAC,EACA,QAASC,EACT,WAAAC,EACA,cAAAC,EACA,aAAAC,EACA,UAAWC,EACX,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CACJ,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,oBAAAC,CAAA,EACEC,EAAAA,SAAsBb,CAAK,EAEzBc,EAAQC,EAAAA,uBAAuB,CACnC,MAAAb,EACA,OAAAR,EACA,WAAAS,EACA,QAASN,EACT,WAAAO,EACA,aAAAN,CAAA,CACD,EAEKkB,EAAoBC,EAAAA,OAAoB,IAAI,EAC5CC,EAAYnB,GAAqBiB,EACjCG,EAAaF,EAAAA,OAAoB,IAAI,EACrCG,EAAWH,EAAAA,OAAsB,IAAI,EAE3CI,EAAAA,oBAAoBpB,EAAK,IAAMkB,EAAW,OAAQ,EAElD,KAAM,CAAE,aAAAG,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CACE,WAAApB,EACA,QAASP,CAAA,EAEXiB,EACAI,CAAA,EAGIO,EAAeC,EAAAA,mBAAmB,CACtC,UAAWjB,EACX,UAAAS,EACA,WAAAC,EACA,OAAAd,EACA,YAAAC,EACA,WAAAV,EACA,UAAAc,EACA,iBAAAC,EACA,oBAAAC,EACA,OAAQE,EAAM,MAAA,CACf,EAEKa,EAAcC,EAAAA,WAAWjC,EAAe,MAAO2B,CAAY,EAE3DO,EAAUC,eAAanC,EAAgB,CAAE,IAAK,kBAAmB,IAAKuB,EAAW,GAAGS,EAAa,EAEjGI,EACJ,OAAO,SAAa,IAChB,KACAC,EAAAA,aACEC,EAAAA,cAACC,EAAAA,QAAA,CACE,GAAGT,EACH,GAAGF,EACJ,IAAI,kBACJ,aAAcT,EACd,UAAWqB,EAAWC,EAAAA,cAAe3C,CAAS,EAC9C,SAAA2B,EACA,MAAAZ,EACA,IAAKW,CAAA,EAEJZ,CAAA,EAEH,SAAS,IAAA,EAEjB,MAAO,CAACsB,EAASE,CAAM,CACzB,CACF"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\n\r\nimport type { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n (\r\n {\r\n className,\r\n isOpen,\r\n trigger: triggerElement,\r\n shouldFlip,\r\n triggerAction,\r\n onOpenChange,\r\n targetRef: externalTargetRef,\r\n isDisabled,\r\n delay,\r\n closeDelay,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n placement,\r\n },\r\n ref,\r\n ) => {\r\n const {\r\n overlayPlacement,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n } = TooltipUtils.useProps({\r\n isDisabled,\r\n delay,\r\n closeDelay,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n placement,\r\n });\r\n\r\n const state = useTooltipTriggerState({\r\n delay,\r\n isOpen,\r\n closeDelay,\r\n trigger: triggerAction,\r\n isDisabled,\r\n onOpenChange,\r\n });\r\n\r\n const internalTargetRef = useRef<HTMLElement>(null);\r\n const targetRef = externalTargetRef ?? internalTargetRef;\r\n const overlayRef = useRef<HTMLElement>(null);\r\n const arrowRef = useRef<SVGSVGElement>(null);\r\n\r\n useImperativeHandle(ref, () => overlayRef.current!);\r\n\r\n const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n {\r\n isDisabled,\r\n trigger: triggerAction,\r\n },\r\n state,\r\n targetRef,\r\n );\r\n\r\n const overlayPositionProps = useOverlayPosition({\r\n placement: overlayPlacement as PositionProps['placement'],\r\n targetRef,\r\n overlayRef,\r\n offset,\r\n crossOffset,\r\n shouldFlip,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n isOpen: state.isOpen,\r\n });\r\n\r\n const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n const trigger = cloneElement(triggerElement, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\r\n\r\n const portal =\r\n typeof document === 'undefined'\r\n ? null\r\n : createPortal(\r\n <Overlay\r\n overlayProps={overlayPositionProps.overlayProps}\r\n arrowProps={overlayPositionProps.arrowProps}\r\n placement={overlayPositionProps.placement}\r\n {...tooltipProps}\r\n key=\"tooltip-overlay\"\r\n triggerState={state}\r\n className={classNames(TOOLTIP_CLASS, className)}\r\n arrowRef={arrowRef}\r\n arrow={arrow}\r\n ref={overlayRef}\r\n >\r\n {overlay}\r\n </Overlay>,\r\n document.body,\r\n );\r\n return [trigger, portal];\r\n },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","isDisabled","delay","closeDelay","offset","crossOffset","overlay","arrow","placement","ref","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayPositionProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":"4RAYMA,EAAUC,EAAAA,WACd,CACE,CACE,UAAAC,EACA,OAAAC,EACA,QAASC,EACT,WAAAC,EACA,cAAAC,EACA,aAAAC,EACA,UAAWC,EACX,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,CAAA,EAEFC,IACG,CACH,KAAM,CACJ,iBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,oBAAAC,CAAA,EACEC,WAAsB,CACxB,WAAAb,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,CAAA,CACD,EAEKO,EAAQC,EAAAA,uBAAuB,CACnC,MAAAd,EACA,OAAAP,EACA,WAAAQ,EACA,QAASL,EACT,WAAAG,EACA,aAAAF,CAAA,CACD,EAEKkB,EAAoBC,EAAAA,OAAoB,IAAI,EAC5CC,EAAYnB,GAAqBiB,EACjCG,EAAaF,EAAAA,OAAoB,IAAI,EACrCG,EAAWH,EAAAA,OAAsB,IAAI,EAE3CI,EAAAA,oBAAoBb,EAAK,IAAMW,EAAW,OAAQ,EAElD,KAAM,CAAE,aAAAG,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CACE,WAAAxB,EACA,QAASH,CAAA,EAEXiB,EACAI,CAAA,EAGIO,EAAuBC,EAAAA,mBAAmB,CAC9C,UAAWjB,EACX,UAAAS,EACA,WAAAC,EACA,OAAAhB,EACA,YAAAC,EACA,WAAAR,EACA,UAAAc,EACA,iBAAAC,EACA,oBAAAC,EACA,OAAQE,EAAM,MAAA,CACf,EAEKa,EAAcC,EAAAA,WAAWjC,EAAe,MAAO2B,CAAY,EAE3DO,EAAUC,eAAanC,EAAgB,CAAE,IAAK,kBAAmB,IAAKuB,EAAW,GAAGS,EAAa,EAEjGI,EACJ,OAAO,SAAa,IAChB,KACAC,EAAAA,aACEC,EAAAA,cAACC,EAAAA,QAAA,CACC,aAAcT,EAAqB,aACnC,WAAYA,EAAqB,WACjC,UAAWA,EAAqB,UAC/B,GAAGF,EACJ,IAAI,kBACJ,aAAcT,EACd,UAAWqB,EAAWC,EAAAA,cAAe3C,CAAS,EAC9C,SAAA2B,EACA,MAAAd,EACA,IAAKa,CAAA,EAEJd,CAAA,EAEH,SAAS,IAAA,EAEjB,MAAO,CAACwB,EAASE,CAAM,CACzB,CACF"}
@@ -5,7 +5,7 @@ declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions,
5
5
  fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
6
6
  fileType: "single" | "multiHorizontal" | "multiVertical";
7
7
  acceptedFileTypes: string[];
8
- dropOptions: import("react-aria").DropOptions | undefined;
8
+ dropOptions: any;
9
9
  handleOnProgress: (fileName: string, progressPercentage: number) => void;
10
10
  handleOnError: (fileName: string) => void;
11
11
  handleOnDropFiles: (files: File[]) => void;
@@ -21,7 +21,7 @@ declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions,
21
21
  handleOnRemoveFile: (fileName: string) => void;
22
22
  onChange: ChangeEventHandler<HTMLInputElement>;
23
23
  onClick: MouseEventHandler<HTMLInputElement>;
24
- dropResult: import("react-aria").DropResult;
24
+ dropResult: any;
25
25
  isSingleFileType: boolean;
26
26
  fileUploads: (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[];
27
27
  renderSingleDeleteFile: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,QAAA,MAAM,OAAO,uGAwBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,QAAA,MAAM,OAAO,uGAuBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1,22 +1,22 @@
1
- import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as v } from "react";
3
- import { useTooltip as w } from "react-aria";
1
+ import { jsxs as d, jsx as t } from "react/jsx-runtime";
2
+ import { forwardRef as w } from "react";
3
+ import { useTooltip as v } from "react-aria";
4
4
  import x from "classnames";
5
- import { Overlay as y } from "./Overlay.styles.js";
6
- const C = v(
7
- ({ children: o, arrowRef: l, arrowProps: a, triggerState: r, className: m, arrow: s, ...t }, p) => {
8
- const { tooltipProps: n } = w(t, r), { placement: i, overlayProps: c } = t, f = typeof o == "string";
5
+ import { Overlay as h } from "./Overlay.styles.js";
6
+ const C = w(
7
+ ({ children: o, arrowRef: l, arrowProps: e, overlayProps: m, placement: p, triggerState: r, className: a, arrow: s, ...i }, n) => {
8
+ const { tooltipProps: f } = v(i, r), c = typeof o == "string";
9
9
  return r.isOpen ? /* @__PURE__ */ d(
10
- y,
10
+ h,
11
11
  {
12
- ...n,
13
- $padded: f,
14
- ...c,
15
- className: x(m, i),
12
+ ...f,
13
+ $padded: c,
14
+ ...m,
15
+ className: x(a, p),
16
16
  $arrow: s,
17
- ref: p,
17
+ ref: n,
18
18
  children: [
19
- !!s && /* @__PURE__ */ e("svg", { className: "arrow", ref: l, ...a, viewBox: "0 0 20 7", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z" }) }),
19
+ !!s && /* @__PURE__ */ t("svg", { className: "arrow", ref: l, ...e, viewBox: "0 0 20 7", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z" }) }),
20
20
  o || null
21
21
  ]
22
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { useTooltip } from 'react-aria';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './Overlay.styles';\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\r\n ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\r\n const { tooltipProps } = useTooltip(props, triggerState);\r\n const { placement, overlayProps } = props;\r\n const childIsString = typeof children === 'string';\r\n\r\n return triggerState.isOpen ? (\r\n <Styled.Overlay\r\n {...tooltipProps}\r\n $padded={childIsString}\r\n {...overlayProps}\r\n className={classNames(className, placement)}\r\n $arrow={arrow}\r\n ref={ref}\r\n >\r\n {!!arrow && (\r\n <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\r\n </svg>\r\n )}\r\n {children || null}\r\n </Styled.Overlay>\r\n ) : null;\r\n },\r\n);\r\n\r\nexport { Overlay };\r\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","childIsString","jsxs","Styled.Overlay","classNames","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACrF,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAWH,GAAOH,CAAY,GACjD,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBL,GAC9BM,IAAgB,OAAOZ,KAAa;AAE1C,WAAOG,EAAa,SAClB,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACJ,SAASI;AAAA,QACR,GAAGD;AAAA,QACJ,WAAWI,EAAWX,GAAWM,CAAS;AAAA,QAC1C,QAAQL;AAAA,QACR,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAA,CAAC,CAACF,KACD,gBAAAW,EAAC,SAAI,WAAU,SAAQ,KAAKf,GAAW,GAAGC,GAAY,SAAQ,YAAW,OAAM,8BAC7E,4BAAC,QAAA,EAAK,GAAE,iOAAgO,GAC1O;AAAA,UAEDF,KAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb;AAAA,EACN;AACF;"}
1
+ {"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { useTooltip } from 'react-aria';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './Overlay.styles';\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\r\n ({ children, arrowRef, arrowProps, overlayProps, placement, triggerState, className, arrow, ...tooltipAriaProps }, ref) => {\r\n const { tooltipProps } = useTooltip(tooltipAriaProps, triggerState);\r\n const childIsString = typeof children === 'string';\r\n\r\n return triggerState.isOpen ? (\r\n <Styled.Overlay\r\n {...tooltipProps}\r\n $padded={childIsString}\r\n {...overlayProps}\r\n className={classNames(className, placement)}\r\n $arrow={arrow}\r\n ref={ref}\r\n >\r\n {!!arrow && (\r\n <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\r\n </svg>\r\n )}\r\n {children || null}\r\n </Styled.Overlay>\r\n ) : null;\r\n },\r\n);\r\n\r\nexport { Overlay };\r\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","overlayProps","placement","triggerState","className","arrow","tooltipAriaProps","ref","tooltipProps","useTooltip","childIsString","jsxs","Styled.Overlay","classNames","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAoBC,MAAQ;AACzH,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAWH,GAAkBH,CAAY,GAC5DO,IAAgB,OAAOZ,KAAa;AAE1C,WAAOK,EAAa,SAClB,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGJ;AAAA,QACJ,SAASE;AAAA,QACR,GAAGT;AAAA,QACJ,WAAWY,EAAWT,GAAWF,CAAS;AAAA,QAC1C,QAAQG;AAAA,QACR,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAA,CAAC,CAACF,KACD,gBAAAS,EAAC,SAAI,WAAU,SAAQ,KAAKf,GAAW,GAAGC,GAAY,SAAQ,YAAW,OAAM,8BAC7E,4BAAC,QAAA,EAAK,GAAE,iOAAgO,GAC1O;AAAA,UAEDF,KAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb;AAAA,EACN;AACF;"}
@@ -1,10 +1,13 @@
1
- import type { ReactNode, RefObject } from 'react';
1
+ import type { HTMLAttributes, ReactNode, RefObject, SVGAttributes } from 'react';
2
2
  import type { AriaTooltipProps, PositionAria } from 'react-aria';
3
3
  import type { TooltipTriggerState } from 'react-stately';
4
4
  export interface IOverlayProps extends AriaTooltipProps, PositionAria {
5
5
  className?: string;
6
6
  children: ReactNode;
7
7
  arrowRef: RefObject<SVGSVGElement>;
8
+ arrowProps?: SVGAttributes<SVGSVGElement>;
9
+ overlayProps?: HTMLAttributes<HTMLElement>;
10
+ placement?: string;
8
11
  triggerState: TooltipTriggerState;
9
12
  arrow: boolean;
10
13
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Overlay.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,YAAY;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACnC,YAAY,EAAE,mBAAmB,CAAC;IAClC,KAAK,EAAE,OAAO,CAAC;CAChB"}
1
+ {"version":3,"file":"Overlay.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Overlay.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,YAAY;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,mBAAmB,CAAC;IAClC,KAAK,EAAE,OAAO,CAAC;CAChB"}
@@ -1,4 +1,4 @@
1
1
  import type { ITooltipProps } from './Tooltip.types';
2
- declare const Tooltip: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<HTMLElement>>;
2
+ declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<ITooltipProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
3
3
  export default Tooltip;
4
4
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,QAAA,MAAM,OAAO,uGA0FZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,QAAA,MAAM,OAAO,oHAqGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,82 +1,93 @@
1
- import { forwardRef as B, useRef as t, useImperativeHandle as C, cloneElement as E, createElement as H } from "react";
2
- import { useTooltipTrigger as _, useOverlayPosition as h, mergeProps as j } from "react-aria";
3
- import { useTooltipTriggerState as q } from "react-stately";
4
- import { createPortal as A } from "react-dom";
5
- import F from "classnames";
6
- import { TOOLTIP_CLASS as G } from "../../react-base/src/consts/classes.js";
7
- import { useProps as J } from "../../react-base/src/components/Tooltip/Tooltip.utils.js";
8
- import { Overlay as K } from "./Overlay.js";
9
- const $ = B(
1
+ import { forwardRef as E, useRef as p, useImperativeHandle as H, cloneElement as _, createElement as h } from "react";
2
+ import { useTooltipTrigger as j, useOverlayPosition as q, mergeProps as A } from "react-aria";
3
+ import { useTooltipTriggerState as F } from "react-stately";
4
+ import { createPortal as G } from "react-dom";
5
+ import J from "classnames";
6
+ import { TOOLTIP_CLASS as K } from "../../react-base/src/consts/classes.js";
7
+ import { useProps as M } from "../../react-base/src/components/Tooltip/Tooltip.utils.js";
8
+ import { Overlay as Q } from "./Overlay.js";
9
+ const D = E(
10
10
  ({
11
- className: n,
12
- isOpen: i,
13
- trigger: s,
14
- shouldFlip: p,
15
- triggerAction: a,
16
- onOpenChange: f,
17
- targetRef: m,
18
- ...c
19
- }, g) => {
11
+ className: u,
12
+ isOpen: P,
13
+ trigger: a,
14
+ shouldFlip: y,
15
+ triggerAction: s,
16
+ onOpenChange: d,
17
+ targetRef: v,
18
+ isDisabled: r,
19
+ delay: l,
20
+ closeDelay: i,
21
+ offset: m,
22
+ crossOffset: c,
23
+ overlay: g,
24
+ arrow: f,
25
+ placement: T
26
+ }, R) => {
20
27
  const {
21
- delay: u,
22
- closeDelay: d,
23
- isDisabled: l,
24
- offset: y,
25
- crossOffset: P,
26
- overlay: v,
27
- arrow: O,
28
- overlayPlacement: T,
29
- arrowSize: R,
30
- containerPadding: w,
31
- arrowBoundaryOffset: S
32
- } = J(c), e = q({
33
- delay: u,
34
- isOpen: i,
35
- closeDelay: d,
36
- trigger: a,
37
- isDisabled: l,
38
- onOpenChange: f
39
- }), b = t(null), r = m ?? b, o = t(null), k = t(null);
40
- C(g, () => o.current);
41
- const { triggerProps: D, tooltipProps: I } = _(
28
+ overlayPlacement: O,
29
+ arrowSize: w,
30
+ containerPadding: S,
31
+ arrowBoundaryOffset: k
32
+ } = M({
33
+ isDisabled: r,
34
+ delay: l,
35
+ closeDelay: i,
36
+ offset: m,
37
+ crossOffset: c,
38
+ overlay: g,
39
+ arrow: f,
40
+ placement: T
41
+ }), o = F({
42
+ delay: l,
43
+ isOpen: P,
44
+ closeDelay: i,
45
+ trigger: s,
46
+ isDisabled: r,
47
+ onOpenChange: d
48
+ }), I = p(null), e = v ?? I, t = p(null), L = p(null);
49
+ H(R, () => t.current);
50
+ const { triggerProps: N, tooltipProps: x } = j(
42
51
  {
43
- isDisabled: l,
44
- trigger: a
52
+ isDisabled: r,
53
+ trigger: s
45
54
  },
46
- e,
47
- r
48
- ), L = h({
49
- placement: T,
50
- targetRef: r,
51
- overlayRef: o,
52
- offset: y,
53
- crossOffset: P,
54
- shouldFlip: p,
55
- arrowSize: R,
56
- containerPadding: w,
57
- arrowBoundaryOffset: S,
58
- isOpen: e.isOpen
59
- }), N = j(s.props, D), x = E(s, { key: "tooltip-trigger", ref: r, ...N }), z = typeof document > "u" ? null : A(
60
- /* @__PURE__ */ H(
61
- K,
55
+ o,
56
+ e
57
+ ), n = q({
58
+ placement: O,
59
+ targetRef: e,
60
+ overlayRef: t,
61
+ offset: m,
62
+ crossOffset: c,
63
+ shouldFlip: y,
64
+ arrowSize: w,
65
+ containerPadding: S,
66
+ arrowBoundaryOffset: k,
67
+ isOpen: o.isOpen
68
+ }), z = A(a.props, N), B = _(a, { key: "tooltip-trigger", ref: e, ...z }), C = typeof document > "u" ? null : G(
69
+ /* @__PURE__ */ h(
70
+ Q,
62
71
  {
63
- ...L,
64
- ...I,
72
+ overlayProps: n.overlayProps,
73
+ arrowProps: n.arrowProps,
74
+ placement: n.placement,
75
+ ...x,
65
76
  key: "tooltip-overlay",
66
- triggerState: e,
67
- className: F(G, n),
68
- arrowRef: k,
69
- arrow: O,
70
- ref: o
77
+ triggerState: o,
78
+ className: J(K, u),
79
+ arrowRef: L,
80
+ arrow: f,
81
+ ref: t
71
82
  },
72
- v
83
+ g
73
84
  ),
74
85
  document.body
75
86
  );
76
- return [x, z];
87
+ return [B, C];
77
88
  }
78
89
  );
79
90
  export {
80
- $ as default
91
+ D as default
81
92
  };
82
93
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\n\r\nimport type { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n (\r\n {\r\n className,\r\n isOpen,\r\n trigger: triggerElement,\r\n shouldFlip,\r\n triggerAction,\r\n onOpenChange,\r\n targetRef: externalTargetRef,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const {\r\n delay,\r\n closeDelay,\r\n isDisabled,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n overlayPlacement,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n } = TooltipUtils.useProps(props);\r\n\r\n const state = useTooltipTriggerState({\r\n delay,\r\n isOpen,\r\n closeDelay,\r\n trigger: triggerAction,\r\n isDisabled,\r\n onOpenChange,\r\n });\r\n\r\n const internalTargetRef = useRef<HTMLElement>(null);\r\n const targetRef = externalTargetRef ?? internalTargetRef;\r\n const overlayRef = useRef<HTMLElement>(null);\r\n const arrowRef = useRef<SVGSVGElement>(null);\r\n\r\n useImperativeHandle(ref, () => overlayRef.current!);\r\n\r\n const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n {\r\n isDisabled,\r\n trigger: triggerAction,\r\n },\r\n state,\r\n targetRef,\r\n );\r\n\r\n const overlayProps = useOverlayPosition({\r\n placement: overlayPlacement as PositionProps['placement'],\r\n targetRef,\r\n overlayRef,\r\n offset,\r\n crossOffset,\r\n shouldFlip,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n isOpen: state.isOpen,\r\n });\r\n\r\n const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n const trigger = cloneElement(triggerElement, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\r\n\r\n const portal =\r\n typeof document === 'undefined'\r\n ? null\r\n : createPortal(\r\n <Overlay\r\n {...overlayProps}\r\n {...tooltipProps}\r\n key=\"tooltip-overlay\"\r\n triggerState={state}\r\n className={classNames(TOOLTIP_CLASS, className)}\r\n arrowRef={arrowRef}\r\n arrow={arrow}\r\n ref={overlayRef}\r\n >\r\n {overlay}\r\n </Overlay>,\r\n document.body,\r\n );\r\n return [trigger, portal];\r\n },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","overlay","arrow","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAUC;AAAA,EACd,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsBb,CAAK,GAEzBc,IAAQC,EAAuB;AAAA,MACnC,OAAAb;AAAA,MACA,QAAAR;AAAA,MACA,YAAAS;AAAA,MACA,SAASN;AAAA,MACT,YAAAO;AAAA,MACA,cAAAN;AAAA,IAAA,CACD,GAEKkB,IAAoBC,EAAoB,IAAI,GAC5CC,IAAYnB,KAAqBiB,GACjCG,IAAaF,EAAoB,IAAI,GACrCG,IAAWH,EAAsB,IAAI;AAE3C,IAAAI,EAAoBpB,GAAK,MAAMkB,EAAW,OAAQ;AAElD,UAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAApB;AAAA,QACA,SAASP;AAAA,MAAA;AAAA,MAEXiB;AAAA,MACAI;AAAA,IAAA,GAGIO,IAAeC,EAAmB;AAAA,MACtC,WAAWjB;AAAA,MACX,WAAAS;AAAA,MACA,YAAAC;AAAA,MACA,QAAAd;AAAA,MACA,aAAAC;AAAA,MACA,YAAAV;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKa,IAAcC,EAAWjC,EAAe,OAAO2B,CAAY,GAE3DO,IAAUC,EAAanC,GAAgB,EAAE,KAAK,mBAAmB,KAAKuB,GAAW,GAAGS,GAAa,GAEjGI,IACJ,OAAO,WAAa,MAChB,OACAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGF;AAAA,UACJ,KAAI;AAAA,UACJ,cAAcT;AAAA,UACd,WAAWqB,EAAWC,GAAe3C,CAAS;AAAA,UAC9C,UAAA2B;AAAA,UACA,OAAAZ;AAAA,UACA,KAAKW;AAAA,QAAA;AAAA,QAEJZ;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAEjB,WAAO,CAACsB,GAASE,CAAM;AAAA,EACzB;AACF;"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\n\r\nimport type { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n (\r\n {\r\n className,\r\n isOpen,\r\n trigger: triggerElement,\r\n shouldFlip,\r\n triggerAction,\r\n onOpenChange,\r\n targetRef: externalTargetRef,\r\n isDisabled,\r\n delay,\r\n closeDelay,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n placement,\r\n },\r\n ref,\r\n ) => {\r\n const {\r\n overlayPlacement,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n } = TooltipUtils.useProps({\r\n isDisabled,\r\n delay,\r\n closeDelay,\r\n offset,\r\n crossOffset,\r\n overlay,\r\n arrow,\r\n placement,\r\n });\r\n\r\n const state = useTooltipTriggerState({\r\n delay,\r\n isOpen,\r\n closeDelay,\r\n trigger: triggerAction,\r\n isDisabled,\r\n onOpenChange,\r\n });\r\n\r\n const internalTargetRef = useRef<HTMLElement>(null);\r\n const targetRef = externalTargetRef ?? internalTargetRef;\r\n const overlayRef = useRef<HTMLElement>(null);\r\n const arrowRef = useRef<SVGSVGElement>(null);\r\n\r\n useImperativeHandle(ref, () => overlayRef.current!);\r\n\r\n const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n {\r\n isDisabled,\r\n trigger: triggerAction,\r\n },\r\n state,\r\n targetRef,\r\n );\r\n\r\n const overlayPositionProps = useOverlayPosition({\r\n placement: overlayPlacement as PositionProps['placement'],\r\n targetRef,\r\n overlayRef,\r\n offset,\r\n crossOffset,\r\n shouldFlip,\r\n arrowSize,\r\n containerPadding,\r\n arrowBoundaryOffset,\r\n isOpen: state.isOpen,\r\n });\r\n\r\n const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n const trigger = cloneElement(triggerElement, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\r\n\r\n const portal =\r\n typeof document === 'undefined'\r\n ? null\r\n : createPortal(\r\n <Overlay\r\n overlayProps={overlayPositionProps.overlayProps}\r\n arrowProps={overlayPositionProps.arrowProps}\r\n placement={overlayPositionProps.placement}\r\n {...tooltipProps}\r\n key=\"tooltip-overlay\"\r\n triggerState={state}\r\n className={classNames(TOOLTIP_CLASS, className)}\r\n arrowRef={arrowRef}\r\n arrow={arrow}\r\n ref={overlayRef}\r\n >\r\n {overlay}\r\n </Overlay>,\r\n document.body,\r\n );\r\n return [trigger, portal];\r\n },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","isDisabled","delay","closeDelay","offset","crossOffset","overlay","arrow","placement","ref","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayPositionProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAUC;AAAA,EACd,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM;AAAA,MACJ,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsB;AAAA,MACxB,YAAAb;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,CACD,GAEKO,IAAQC,EAAuB;AAAA,MACnC,OAAAd;AAAA,MACA,QAAAP;AAAA,MACA,YAAAQ;AAAA,MACA,SAASL;AAAA,MACT,YAAAG;AAAA,MACA,cAAAF;AAAA,IAAA,CACD,GAEKkB,IAAoBC,EAAoB,IAAI,GAC5CC,IAAYnB,KAAqBiB,GACjCG,IAAaF,EAAoB,IAAI,GACrCG,IAAWH,EAAsB,IAAI;AAE3C,IAAAI,EAAoBb,GAAK,MAAMW,EAAW,OAAQ;AAElD,UAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAAxB;AAAA,QACA,SAASH;AAAA,MAAA;AAAA,MAEXiB;AAAA,MACAI;AAAA,IAAA,GAGIO,IAAuBC,EAAmB;AAAA,MAC9C,WAAWjB;AAAA,MACX,WAAAS;AAAA,MACA,YAAAC;AAAA,MACA,QAAAhB;AAAA,MACA,aAAAC;AAAA,MACA,YAAAR;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKa,IAAcC,EAAWjC,EAAe,OAAO2B,CAAY,GAE3DO,IAAUC,EAAanC,GAAgB,EAAE,KAAK,mBAAmB,KAAKuB,GAAW,GAAGS,GAAa,GAEjGI,IACJ,OAAO,WAAa,MAChB,OACAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,cAAcT,EAAqB;AAAA,UACnC,YAAYA,EAAqB;AAAA,UACjC,WAAWA,EAAqB;AAAA,UAC/B,GAAGF;AAAA,UACJ,KAAI;AAAA,UACJ,cAAcT;AAAA,UACd,WAAWqB,EAAWC,GAAe3C,CAAS;AAAA,UAC9C,UAAA2B;AAAA,UACA,OAAAd;AAAA,UACA,KAAKa;AAAA,QAAA;AAAA,QAEJd;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAEjB,WAAO,CAACwB,GAASE,CAAM;AAAA,EACzB;AACF;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "acinguiux-ds-react-framework",
3
- "version": "0.1.28",
3
+ "version": "0.1.29",
4
4
  "description": "Acinguiux UI Web Library",
5
5
  "main": "./build/cjs/index.js",
6
6
  "module": "./build/esm/index.js",
@@ -21,11 +21,6 @@
21
21
  "package.json"
22
22
  ],
23
23
  "sideEffects": false,
24
- "repository": {
25
- "type": "git",
26
- "url": "git+https://github.com/arjunsedani/acinguiux-ds.git",
27
- "directory": "packages/react-framework"
28
- },
29
24
  "author": {
30
25
  "name": "Acinguiux"
31
26
  },
@@ -57,7 +52,7 @@
57
52
  },
58
53
  "devDependencies": {
59
54
  "eslint-config-acinguiux": "0.0.1",
60
- "acinguiux-ds-react-base": "0.2.4",
55
+ "acinguiux-ds-react-base": "0.2.5",
61
56
  "@storybook/addon-a11y": "10.2.0",
62
57
  "@storybook/addon-docs": "10.2.0",
63
58
  "@storybook/addon-links": "10.2.0",
@@ -99,7 +94,7 @@
99
94
  "styled-components": "6.1.19",
100
95
  "stylelint": "16.5.0",
101
96
  "stylelint-config-standard": "^36.0.0",
102
- "tsconfig": "workspace:*",
97
+ "acinguiux-tsconfig": "0.0.2",
103
98
  "tslib": "2.8.1",
104
99
  "typescript": "5.7.2",
105
100
  "vite": "7.1.11",
@@ -114,7 +109,7 @@
114
109
  "@radix-ui/react-popover": "1.1.15",
115
110
  "@rc-component/menu": "1.1.4",
116
111
  "@rc-component/trigger": "2.1.1",
117
- "acinguiux-ds-fabrics": "0.1.1",
112
+ "acinguiux-ds-fabrics": "0.1.2",
118
113
  "@storybook/addon-vitest": "10.2.0",
119
114
  "@tanstack/match-sorter-utils": "8.15.1",
120
115
  "@tanstack/react-table": "8.21.3",