@e1011/es-kit 1.5.0 → 1.5.4

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","modal","zIndex","position","width","height","top","left","background","pointerEvents","userSelect","visibility","Popover","memo","_ref","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","current","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref2","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","transform","pendingHideRef","popperInstance","destroy","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","dataset","show","modalRef","style","update","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","contains","open","setTimeout","outsideClickHandler","toggleOpen","keydownHandler","event","keyCode","KeyCode","Escape","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","targetRemoveListener","removeEventListener","contentRemoveListener","childrenIsFunction","childrenIsElement","Array","isArray","childrenAreElements","filter","child","length","React","createElement","Fragment","ref","className","forwardedRef","_extends","cloneElement","displayName"],"mappings":"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"}
+{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","Popover","memo","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","state","mcBoundRect","width","height","left","top","xpos","ypos","pendingHideRef","_a","popperInstance","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","modalRef","_b","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","open","outsideClickHandler","toggleOpen","keydownHandler","event","KeyCode","targetAddListener","contentAddListener","EventName","targetRemoveListener","contentRemoveListener","childrenIsFunction","childrenIsElement","childrenAreElements","child","jsxs","Fragment","jsx","cloneElement"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../atoms/icons.js"),r=require("./PopoverLite.js"),a=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),i=require("../../atoms/text/Headline.js"),c=require("../../icon/IconBase.js"),s=require("../../dividers/DividerLine.js"),m=require("../../atoms/text/Paragraph.js"),p=require("../../../../utils/helpers/ui.js");const u=[{name:"offset",options:{offset:[0,10],placement:a.PopoverPlacement.Top}}],d=e=>{let{forwardedRef:t,title:r,text:a,hide:u,showClose:d,closeIconUrl:f,className:v=""}=e;return React.createElement("div",{ref:t,className:p.classNames(n.default["popover-tooltip"],v)},React.createElement("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow},React.createElement("div",{className:n.default["arrow-inner"]})),React.createElement(l.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1"},r&&React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0"},React.createElement(i.HeadlineTertiary,null,r),d&&React.createElement("div",{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,className:n.default["close-button"]},f&&React.createElement(c.IconBase,{iconUrl:f}),!f&&React.createElement(c.IconBase,null,o.infoIconJSX))),r&&React.createElement(s.DividerHorizontal,{margin:"8px 0"}),a&&React.createElement(m.ParagraphSmall,{element:"p"},a)))},f=t.memo((a=>{let{tooltipProps:n,components:{ContentComponent:l}={ContentComponent:d},infoIconUrl:i,children:s,infoTip:m,clickable:p=!1,hoverable:f=!0,placement:v="top",modifiers:h,...x}=a;const R=t.useMemo((()=>l?{ContentComponent:l}:void 0),[l]);let E;s&&(E=s),!s&&m&&(E=i?React.createElement(c.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):React.createElement(c.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"}},o.infoIconJSX));const j=t.useMemo((()=>[...u,...h||[]]),[h]);return React.createElement(r.Popover,e.extends({},x,n,{hoverable:f,clickable:p,placement:v,modifiers:j,components:R,showClose:p}),E&&E)}));f.displayName="Tooltip",exports.Tooltip=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),x=require("../../atoms/icons.js"),q=require("./PopoverLite.js"),y=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),m=require("../../container/layoutBox/LayoutBox.js"),w=require("../../atoms/text/Headline.js"),a=require("../../icon/IconBase.js"),B=require("../../dividers/DividerLine.js"),T=require("../../atoms/text/Paragraph.js"),N=require("../../../../utils/helpers/ui.js"),P=[{name:"offset",options:{offset:[0,10],placement:y.PopoverPlacement.Top}}],b=({forwardedRef:c,title:o,text:i,hide:r,showClose:l,closeIconUrl:s,className:p=""})=>e.jsxs("div",{ref:c,className:N.classNames(n.default["popover-tooltip"],p),children:[e.jsx("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow,children:e.jsx("div",{className:n.default["arrow-inner"]})}),e.jsxs(m.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1",children:[o&&e.jsxs(m.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0",children:[e.jsx(w.HeadlineTertiary,{children:o}),l&&e.jsxs("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:n.default["close-button"],children:[s&&e.jsx(a.IconBase,{iconUrl:s}),!s&&e.jsx(a.IconBase,{children:x.infoIconJSX})]})]}),o&&e.jsx(B.DividerHorizontal,{margin:"8px 0"}),i&&e.jsx(T.ParagraphSmall,{element:"p",children:i})]})]}),f=d.memo(({tooltipProps:c,components:{ContentComponent:o}={ContentComponent:b},infoIconUrl:i,children:r,infoTip:l,clickable:s=!1,hoverable:p=!0,placement:j="top",modifiers:u,...h})=>{const v=d.useMemo(()=>o?{ContentComponent:o}:void 0,[o]);let t;r&&(t=r),!r&&l&&(t=i?e.jsx(a.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):e.jsx(a.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"},children:x.infoIconJSX}));const g=d.useMemo(()=>[...P,...u||[]],[u]);return e.jsx(q.Popover,{...h,...c,hoverable:p,clickable:s,placement:j,modifiers:g,components:v,showClose:s,children:t&&t})});f.displayName="Tooltip";exports.Tooltip=f;
 //# sourceMappingURL=Tooltip.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","name","options","offset","placement","PopoverPlacement","Top","TooltipContent","_ref","forwardedRef","title","text","hide","showClose","closeIconUrl","className","React","createElement","ref","classNames","classes","id","arrow","LayoutBox","padding","direction","width","height","flexGrow","justify","align","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","infoIconJSX","DividerHorizontal","margin","ParagraphSmall","element","Tooltip","memo","_ref2","tooltipProps","components","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","modifiers","props","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","displayName"],"mappings":"ofAqBA,MAAMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAAA,iBAAiBC,OAgC5BC,EAAiBC,IAAA,IAACC,aACtBA,EAAYC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,UAAEA,EAASC,aAAEA,EAAYC,UAAEA,EAAY,IAClDP,EAAA,OACpBQ,MAAAC,cAAA,MAAA,CACEC,IAAKT,EACLM,UAAWI,EAAAA,WAAWC,UAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAA,EAAkBN,UAAWK,EAAAA,QAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAAA,QAAQ,kBAE1BJ,MAAAC,cAACM,YAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,YAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAAA,iBAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVpB,UAAWK,EAAAA,QAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,WAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAAA,SAAQ,KACNE,EAAAA,eAOZ5B,GAASM,MAAAC,cAACsB,EAAAA,kBAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAAA,eAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,EAAAA,MAAmBC,IAIxC,IAJyCC,aAC3DA,EAAcC,YAAYC,iBAAEA,GAAqB,CAAEA,iBAAkBzC,GAAgB0C,YACrFA,EAAWC,SACXA,EAAQC,QAAEA,EAAOC,UAAEA,GAAY,EAAKC,UAAEA,GAAY,EAAIjD,UAAEA,EAAY,MAAKkD,UAAEA,KAAcC,GAC5EV,EACb,MAAMW,EAAoBC,WAAQ,IAAOT,EAAmB,CAC1DA,yBACEU,GAAY,CAACV,IAEjB,IAAIW,EAEAT,IACFS,EAAaT,IAEVA,GAAYC,IACfQ,EACEV,EACIjC,MAAAC,cAACmB,EAAAA,SAAQ,CAACC,QAASY,EAAaW,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnF/C,MAAAC,cAACmB,WAAQ,CAACwB,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1DzB,gBAMX,MAAM0B,EAAkBP,EAAAA,SAAQ,IAAO,IAAIzD,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACgD,EAAAA,QAAOC,EAAAA,QAAA,CAAA,EACFX,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXhD,UAAWA,EACXkD,UAAWU,EACXjB,WAAYS,EACZ3C,UAAWuC,IAEVO,GAAcA,EACP,IASdhB,EAAQwB,YAAc"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","PopoverPlacement","TooltipContent","forwardedRef","title","text","hide","showClose","closeIconUrl","className","jsxs","classNames","classes","jsx","LayoutBox","H3","IconBase","infoIconJSX","DividerHorizontal","ParagraphSmall","Tooltip","memo","tooltipProps","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","placement","modifiers","props","popoverComponents","useMemo","TargetNode","mergedModifiers","Popover"],"mappings":"mhBAqBMA,EAAmB,CACvB,CACE,KAAM,SACN,QAAS,CACP,OAAQ,CAAC,EAAG,EAAE,EACd,UAAWC,EAAAA,iBAAiB,GAAA,CAC9B,CAEJ,EA6BMC,EAAiB,CAAC,CACtB,aAAAC,EAAc,MAAAC,EAAO,KAAAC,EAAM,KAAAC,EAAM,UAAAC,EAAW,aAAAC,EAAc,UAAAC,EAAY,EACxE,IACEC,EAAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWQ,EAAAA,WAAWC,EAAAA,QAAQ,iBAAiB,EAAGH,CAAS,EAE3D,SAAA,CAAAI,EAAAA,IAAC,MAAA,CAAI,GAAG,QAAQ,oBAAiB,GAAC,UAAWD,EAAAA,QAAQ,MACnD,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAQ,aAAa,EAAG,EAC1C,EACAF,EAAAA,KAACI,EAAAA,UAAA,CACC,QAAQ,OACR,UAAU,SACV,MAAM,QACN,OAAO,QACP,SAAS,IAER,SAAA,CAAAV,GACCM,EAAAA,KAACI,EAAAA,WAAU,QAAQ,gBAAgB,MAAM,QAAQ,MAAM,OAAO,QAAQ,IACpE,SAAA,CAAAD,EAAAA,IAACE,EAAAA,kBAAI,SAAAX,CAAA,CAAM,EACVG,GACCG,EAAAA,KAAC,MAAA,CACC,QAASJ,EACT,UAAWA,EACX,KAAK,SACL,SAAU,GACV,UAAWM,EAAAA,QAAQ,cAAc,EAEhC,SAAA,CAAAJ,GAAgBK,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASR,CAAA,CAAc,EACjD,CAACA,GACAK,EAAAA,IAACG,EAAAA,SAAA,CACE,SAAAC,EAAAA,WAAA,CACH,CAAA,CAAA,CAAA,CAEJ,EAEJ,EAEDb,GAASS,EAAAA,IAACK,EAAAA,kBAAA,CAAkB,OAAO,OAAA,CAAQ,EAC3Cb,GAAQQ,EAAAA,IAACM,iBAAA,CAAe,QAAQ,IAAK,SAAAd,CAAA,CAAK,CAAA,CAAA,CAAA,CAC7C,CAAA,CACF,EA8BWe,EAA4BC,EAAAA,KAAmB,CAAC,CAC3D,aAAAC,EAAc,WAAY,CAAE,iBAAAC,CAAA,EAAqB,CAAE,iBAAkBrB,CAAA,EACrE,YAAAsB,EACA,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAY,GAAO,UAAAC,EAAY,GAAM,UAAAC,EAAY,MAAO,UAAAC,EAAW,GAAGC,CAC3F,IAAoB,CAClB,MAAMC,EAAoBC,UAAQ,IAAOV,EAAmB,CAC1D,iBAAAA,CAAA,EACE,OAAY,CAACA,CAAgB,CAAC,EAElC,IAAIW,EAEAT,IACFS,EAAaT,GAEX,CAACA,GAAYC,IACfQ,EACEV,EACIX,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASQ,EAAa,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAAS,EAE5FX,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAC1D,SAAAC,EAAAA,WAAA,CACH,GAKR,MAAMkB,EAAkBF,UAAQ,IAAO,CAAC,GAAGjC,EAAkB,GAAI8B,GAAa,CAAA,CAAG,EAAI,CAACA,CAAS,CAAC,EAEhG,OACEjB,EAAAA,IAACuB,EAAAA,QAAA,CACE,GAAGL,EACH,GAAGT,EACJ,UAAAM,EACA,UAAAD,EACA,UAAAE,EACA,UAAWM,EACX,WAAYH,EACZ,UAAWL,EAEV,SAAAO,GAAcA,CAAA,CAAA,CAGrB,CAAC,EAODd,EAAQ,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/popover.types.js

@@ -1,2 +1,2 @@
-"use strict";let t=function(t){return t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t}({});exports.PopoverPlacement=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(t=>(t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t))(d||{});exports.PopoverPlacement=d;
 //# sourceMappingURL=popover.types.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"aA4BA,IAAYA,WAAAA,GAAgB,OAAhBA,EAAgB,MAAA,QAAhBA,EAAgB,WAAA,cAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,EAAgB,IAAA,MAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,OAAA,UAAhBA,EAAgB,OAAA,SAAhBA,EAAgB,YAAA,eAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,CAAgB,EAAA,CAAA"}
+{"version":3,"file":"popover.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"gFA4BO,IAAKA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,WAAa,cACbA,EAAA,SAAW,YACXA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WACVA,EAAA,IAAM,MACNA,EAAA,SAAW,YACXA,EAAA,OAAS,UACTA,EAAA,OAAS,SACTA,EAAA,YAAc,eACdA,EAAA,UAAY,aACZA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WAfAA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/tooltip.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popover-tooltip":"tooltip-module_popover-tooltip__sAhKa",arrow:"tooltip-module_arrow__pqqOi","arrow-inner":"tooltip-module_arrow-inner__IqzxY","close-button":"tooltip-module_close-button__o8OBN"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_arrow_l4it1_47",r={arrow:e};exports.arrow=e;exports.default=r;
 //# sourceMappingURL=tooltip.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../popover/PopoverLite.js"),n=require("../../atoms/icons.js"),o=require("./popup.module.scss.js"),i=require("./popup.overlay.module.scss.js"),r=require("./popup.types.js"),l=require("../../container/layoutBox/LayoutBox.js"),p=require("../../atoms/text/Headline.js"),s=require("../../icon/IconBase.js"),c=require("../../dividers/DividerLine.js");const u={popup:{inner:{[r.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[r.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[r.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[r.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},d=t.memo((n=>{let{title:o="Popup's title",children:l,components:p={},isModal:s=!0,hideOnClickOutside:c=!1,hideOnContentClick:u=!1,animateVariant:d=r.PopupAnimateVariant.SLIDE_UP,hasHeader:h=!0,hasCloseIcon:E=!0,width:y,height:R,style:v,...x}=n;const P=p?.ContentComponent,C=t.useMemo((()=>({...y?{"--popup-width":y}:{},...R?{"--popup-height":R}:{},...v})),[R,v,y]);return React.createElement(a.Popover,e.extends({clickable:!0,isPopup:!0,isModal:s,hideOnContentClick:u,hideOnClickOutside:c,modalOverlayClassName:i.default["popup-modal-overlay"]},x),React.createElement("p",null),React.createElement(m,{title:o,hasHeader:h,hasCloseIcon:E,animateVariant:d,popupStyle:C},!P&&l&&l,!l&&P&&React.createElement(P,null)))}));d.displayName="Popup";const m=t.memo((e=>{let{title:a,forwardedRef:i,hide:r,children:d,animateVariant:m,popupStyle:h,hasHeader:E=!0,hasCloseIcon:y=!0,closeIconURL:R,...v}=e;const x=d&&Array.isArray(d)?d.filter((e=>!!e)).map(((e,a)=>t.cloneElement(e,{key:a,...e.props,hide:r,...v}))):React.createElement("div",null,"Pseudo Content");return React.createElement("div",{className:`${o.default["popup-container"]}`,ref:i,style:h},React.createElement(l.LayoutBox,{className:`${o.default["popup-container-inner"]}`,style:m?u.popup.inner[m]:{}},E&&React.createElement(React.Fragment,null,React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px"},React.createElement(p.HeadlineTertiary,null,a),y&&React.createElement("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:o.default["close-button"]},R&&React.createElement(s.IconBase,{iconUrl:R}),!R&&React.createElement(s.IconBase,null,n.closeIconJSX))),React.createElement(c.DividerLine,{length:"100%"})),React.createElement("div",{className:o.default["popup-container-inner-div"]},x&&x)))}));m.displayName="PopupContent",exports.Popup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),D=require("../popover/PopoverLite.js"),I=require("../../atoms/icons.js"),l=require("./popup.module.scss.js"),S=require("./popup.overlay.module.scss.js"),a=require("./popup.types.js"),v=require("../../container/layoutBox/LayoutBox.js"),_=require("../../atoms/text/Headline.js"),f=require("../../icon/IconBase.js"),N=require("../../dividers/DividerLine.js"),b={popup:{inner:{[a.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[a.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[a.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[a.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},q=c.memo(({title:d="Popup's title",children:p,components:o={},isModal:r=!0,hideOnClickOutside:u=!1,hideOnContentClick:m=!1,animateVariant:x=a.PopupAnimateVariant.SLIDE_UP,hasHeader:y=!0,hasCloseIcon:s=!0,width:i,height:n,style:t,...j})=>{const P=o==null?void 0:o.ContentComponent,L=c.useMemo(()=>({...i?{"--popup-width":i}:{},...n?{"--popup-height":n}:{},...t}),[n,t,i]);return e.jsxs(D.Popover,{clickable:!0,isPopup:!0,isModal:r,hideOnContentClick:m,hideOnClickOutside:u,modalOverlayClassName:S.default["popup-modal-overlay"],...j,children:[e.jsx("p",{}),e.jsxs(C,{title:d,hasHeader:y,hasCloseIcon:s,animateVariant:x,popupStyle:L,children:[!P&&p&&p,!p&&P&&e.jsx(P,{})]})]})});q.displayName="Popup";const C=c.memo(({title:d,forwardedRef:p,hide:o,children:r,animateVariant:u,popupStyle:m,hasHeader:x=!0,hasCloseIcon:y=!0,closeIconURL:s,...i})=>{const n=r&&Array.isArray(r)?r.filter(t=>!!t).map((t,j)=>c.cloneElement(t,{key:j,...t.props,hide:o,...i})):e.jsx("div",{children:"Pseudo Content"});return e.jsx("div",{className:`${l.default["popup-container"]}`,ref:p,style:m,children:e.jsxs(v.LayoutBox,{className:`${l.default["popup-container-inner"]}`,style:u?b.popup.inner[u]:{},children:[x&&e.jsxs(e.Fragment,{children:[e.jsxs(v.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px",children:[e.jsx(_.HeadlineTertiary,{children:d}),y&&e.jsxs("div",{onClick:o,onKeyDown:o,role:"button",tabIndex:-1,className:l.default["close-button"],children:[s&&e.jsx(f.IconBase,{iconUrl:s}),!s&&e.jsx(f.IconBase,{children:I.closeIconJSX})]})]}),e.jsx(N.DividerLine,{length:"100%"})]}),e.jsx("div",{className:l.default["popup-container-inner-div"],children:n&&n})]})})});C.displayName="PopupContent";exports.Popup=q;
 //# sourceMappingURL=Popup.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"6cAwBA,MAAMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAAA,MAAiBC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAA,EAAEC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAAA,oBAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,KACGC,GACQb,EAMX,MAAMc,EAAmBX,GAAYW,iBAO/BxB,EAASyB,EAAAA,SAAQ,KAAA,IACjBL,EAAQ,CAAE,gBAAiBA,GAAU,MACrCC,EAAS,CAAE,iBAAkBA,GAAW,MACzCC,KACD,CAACD,EAAQC,EAAOF,IAEpB,OACEM,MAAAC,cAACC,EAAAA,QAAWC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPjB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBiB,sBAAuBC,EAAAA,QAAe,wBAClCV,GAEJG,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACXvB,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBkB,WAAYnC,IAGTwB,GAAoBZ,GAAaA,GAEjCA,GAAYY,GAAqBE,MAAAC,cAACH,EAAgB,OAE3C,IASlBhB,EAAM4B,YAAc,QAmBpB,MAAMF,EAAezB,EAAAA,MAAK4B,IAWD,IAXE1B,MACzBA,EAAK2B,aACLA,EAAYC,KACZA,EAAI3B,SACJA,EAAQK,eACRA,EAAckB,WACdA,EAAUjB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIqB,aACnBA,KACGjB,GACec,EAMlB,MAAMI,EAAkB7B,GAAY8B,MAAMC,QAAQ/B,GAC9CA,EAASgC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAAA,aAE3CH,EAAO,CAAEI,IAAKF,KAAUF,EAAMtB,MAAOgB,UAAShB,MAEhDG,MAAAC,cAAA,MAAA,KAAK,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKuB,UAAW,GAAGC,UAAQ,qBAAsBC,IAAKd,EAAchB,MAAOa,GACzET,MAAAC,cAAC0B,YAAS,CACRH,UAAW,GAAGC,UAAQ,2BACtB7B,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAmC,CAAA,GAE7EC,GACCQ,MAAAC,cAAAD,MAAA4B,SAAA,KACE5B,MAAAC,cAAC0B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQpC,MAAM,OAAOqC,QAAQ,uBACpE/B,MAAAC,cAAC+B,EAAAA,iBAAE,KAAE/C,GACJQ,GACCO,MAAAC,cAAA,MAAA,CACEgC,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVZ,UAAWC,EAAAA,QAAQ,iBAElBX,GAAgBd,MAAAC,cAACoC,WAAQ,CAACC,QAASxB,KAClCA,GACAd,MAAAC,cAACoC,EAAAA,cACEE,EAAAA,gBAMXvC,MAAAC,cAACuC,EAAAA,YAAW,CAACC,OAAO,UAGxBzC,MAAAC,cAAA,MAAA,CAAKuB,UAAWC,EAAAA,QAAQ,8BACrBV,GAAmBA,IAGpB,IASVP,EAAaE,YAAc"}
+{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","PopupAnimateVariant","Popup","memo","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","jsxs","PopoverLite","classesOverlay","jsx","PopupContent","forwardedRef","hide","popupStyle","closeIconURL","ContentRemapped","child","index","cloneElement","classes","LayoutBox","Fragment","H3","IconBase","closeIconJSX","DividerLine"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-container":"popup-module_popup-container__PJ0oQ","popup-container-inner":"popup-module_popup-container-inner__n83Cz","close-button":"popup-module_close-button__-8sZx","popup-container-inner-div":"popup-module_popup-container-inner-div__sDNBm"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.overlay.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-modal-overlay":"popup-overlay-module_popup-modal-overlay__dlJqM"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.overlay.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.types.js

@@ -1,2 +1,2 @@
-"use strict";let e=function(e){return e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e}({});exports.PopupAnimateVariant=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e))(l||{});exports.PopupAnimateVariant=l;
 //# sourceMappingURL=popup.types.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"aAWA,IAAYA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA,CAAA"}
+{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"gFAWO,IAAKA,GAAAA,IACVA,EAAA,WAAa,YACbA,EAAA,SAAW,UACXA,EAAA,YAAc,aACdA,EAAA,WAAa,YAJHA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js

@@ -1,2 +1,2 @@
-"use strict";exports.handleClickOutside=(t,e)=>n=>{const s=n.target,c="function"==typeof t?t():t;c&&!c.contains(s)&&e?.(s)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(t,e)=>n=>{const o=n.target,i=typeof t=="function"?t():t;i&&!i.contains(o)&&(e==null||e(o))};exports.handleClickOutside=s;
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}
+{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement"],"mappings":"gFAGO,MAAMA,EAAqB,CAChCC,EACAC,IACIC,GAA4B,CAChC,MAAMC,EAASD,EAAM,OACfE,EAAqC,OAAOJ,GAAY,WAAaA,IAAYA,EAEnFI,GAAmB,CAACA,EAAgB,SAASD,CAAM,IACrDF,GAAA,MAAAA,EAAWE,GAEf"}

package/dist/lib/cjs/src/core/ui/utils/style.js

@@ -1,2 +1,2 @@
-"use strict";exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),r=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===r.indexOf("#")&&(r=r.substr(1));const n=Math.ceil(parseInt(r.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),o=Math.ceil(parseInt(r.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(r.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${e(n)+e(o)+e(u)}`};exports.calculateColors=function(t,e){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const n=s/(s+1)/s,o=[];let u=n;for(;s--;)o.push(u),u+=n;return o.map((s=>r(t,e,s)))},exports.calculatePercColor=r,exports.convertHex=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const n=t.replace("#",""),o=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(o,16),p=parseInt(u,16),l=parseInt(a,16);return(s?`rgba(${i},${p},${l},${r<=1?r:r/100})`:`#${o}${u}${a}${e(Math.round(255*(r<=1?r:r/100)))}`).toLowerCase()},exports.convertRGB=(t,r,s,n)=>`#${e(t)}${e(r)}${e(s)}${e(Math.round(255*(n<=1?n:n/100)))}`,exports.pxToRem=t,exports.resolveStyleValue=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===r?`${t(e)}rem`:`${e}${r}`},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.defaultFontSize=16;const f=t=>{exports.defaultFontSize=t},o=t=>t/exports.defaultFontSize,p=(t,e="rem")=>typeof t=="string"?t:e==="px"?`${o(t)}rem`:`${t}${e}`,r=t=>(t=t.toString(16),t.padStart(2,"0")),S=(t,e,s=!1)=>{const n=t.replace("#",""),c=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(c,16),b=parseInt(u,16),g=parseInt(a,16),$=e<=1?e:e/100;return(s?`rgba(${i},${b},${g},${$})`:`#${c}${u}${a}${r(Math.round((e<=1?e:e/100)*255))}`).toLowerCase()},I=(t,e,s,n)=>`#${r(t)}${r(e)}${r(s)}${r(Math.round((n<=1?n:n/100)*255))}`,l=(t,e,s=.5)=>{t.indexOf("#")===0&&(t=t.substr(1)),e.indexOf("#")===0&&(e=e.substr(1));const n=Math.ceil(parseInt(e.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),c=Math.ceil(parseInt(e.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(e.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${r(n)+r(c)+r(u)}`},h=(t,e,s=10)=>{const n=s/(s+1)/s,c=[];let u=n;for(;s--;)c.push(u),u+=n;return c.map(a=>l(t,e,a))};exports.calculateColors=h;exports.calculatePercColor=l;exports.convertHex=S;exports.convertRGB=I;exports.pxToRem=o;exports.resolveStyleValue=p;exports.setDefaultFontSize=f;exports.toHex=r;
 //# sourceMappingURL=style.js.map

package/dist/lib/cjs/src/core/ui/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"aACWA,QAAAA,gBAAkB,GACtB,MAIMC,EAAWC,GAAuBA,EAAKF,QAAAA,gBAkBvCG,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAO,IAAIP,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,IACzC,0BAE+B,SAACd,EAAoBC,GAAyC,IAAvBc,EAAGZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMa,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIf,EAAQc,EAGZ,KAAOD,KACLE,EAAOC,KAAKhB,GACZA,GAASc,EAGX,OAAOC,EAAOE,KAAKC,GAAQrB,EAAmBC,EAAYC,EAAUmB,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIpB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMqB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASZ,UAAU,EAAG,GAC/Be,EAASH,EAASZ,UAAU,EAAG,GAC/BgB,EAASJ,EAASZ,UAAU,EAAG,GAC/BJ,EAAIG,SAASe,EAAQ,IACrBb,EAAIF,SAASgB,EAAQ,IACrBb,EAAIH,SAASiB,EAAQ,IAI3B,OAAQL,EACJ,QAAQf,KAAKK,KAAKC,KAHZQ,GAAW,EAAIA,EAAWA,EAAU,OAI1C,IAAII,IAASC,IAASC,IAASjC,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,UACtFQ,aACL,qBAE0BC,CACxBvB,EAAWK,EAAWC,EAAWQ,IACtB,IAAI3B,EAAMa,KAAKb,EAAMkB,KAAKlB,EAAMmB,KAAKnB,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,qDAxCvE,SAC/BU,GAEW,IADXC,EAAK9B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV6B,EACFA,EAGK,OAAVC,EACK,GAAGxC,EAAQuC,QAGb,GAAGA,IAAQC,GACpB,6BAnBmCC,IACjC1C,QAAAA,gBAAkB0C,CAAQ"}
+{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","toHex","x","convertHex","hex","opacity","rgba","hexValue","rValue","gValue","bValue","r","g","b","a","convertRGB","calculatePercColor","startColor","endColor","ratio","calculateColors","num","ratioIterator","ratios","rat"],"mappings":"gFACWA,QAAAA,gBAAkB,GACtB,MAAMC,EAAsBC,GAA2B,CAC5DF,QAAAA,gBAAkBE,CACpB,EAEaC,EAAWC,GAAuBA,EAAKJ,QAAAA,gBAEvCK,EAAoB,CAC/BC,EACAC,EAAQ,QAEJ,OAAOD,GAAU,SACZA,EAGLC,IAAU,KACL,GAAGJ,EAAQG,CAAK,CAAC,MAGnB,GAAGA,CAAK,GAAGC,CAAK,GAIZC,EAASC,IACpBA,EAAIA,EAAE,SAAS,EAAE,EACVA,EAAE,SAAS,EAAG,GAAG,GAGbC,EAAa,CAACC,EAAaC,EAAiBC,EAAO,KAAkB,CAChF,MAAMC,EAAWH,EAAI,QAAQ,IAAK,EAAE,EAC9BI,EAASD,EAAS,UAAU,EAAG,CAAC,EAChCE,EAASF,EAAS,UAAU,EAAG,CAAC,EAChCG,EAASH,EAAS,UAAU,EAAG,CAAC,EAChCI,EAAI,SAASH,EAAQ,EAAE,EACvBI,EAAI,SAASH,EAAQ,EAAE,EACvBI,EAAI,SAASH,EAAQ,EAAE,EAEvBI,EAAIT,GAAW,EAAIA,EAAWA,EAAU,IAE9C,OAAQC,EACJ,QAAQK,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAIC,CAAC,IACxB,IAAIN,CAAM,GAAGC,CAAM,GAAGC,CAAM,GAAGT,EAAM,KAAK,OAAOI,GAAW,EAAIA,EAAWA,EAAU,KAAQ,GAAG,CAAC,CAAC,IACnG,YAAA,CACL,EAEaU,EAAa,CACxBJ,EAAWC,EAAWC,EAAWR,IACtB,IAAIJ,EAAMU,CAAC,CAAC,GAAGV,EAAMW,CAAC,CAAC,GAAGX,EAAMY,CAAC,CAAC,GAAGZ,EAAM,KAAK,OAAOI,GAAW,EAAIA,EAAWA,EAAU,KAAQ,GAAG,CAAC,CAAC,GAExGW,EAAqB,CAACC,EAAoBC,EAAkBC,EAAQ,KAAgB,CAC3FF,EAAW,QAAQ,GAAG,IAAM,IAC9BA,EAAaA,EAAW,OAAO,CAAC,GAE9BC,EAAS,QAAQ,GAAG,IAAM,IAC5BA,EAAWA,EAAS,OAAO,CAAC,GAG9B,MAAMP,EAAI,KAAK,KAAK,SAASO,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EACpDP,EAAI,KAAK,KAAK,SAASM,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EACpDN,EAAI,KAAK,KAAK,SAASK,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EAE1D,MAAO,IAAIlB,EAAMU,CAAC,EAAIV,EAAMW,CAAC,EAAIX,EAAMY,CAAC,CAAC,EAC3C,EAEaO,EAAkB,CAACH,EAAoBC,EAAkBG,EAAM,KAAiB,CAC3F,MAAMC,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,CAAA,EACf,IAAIJ,EAAQG,EAGZ,KAAOD,KACLE,EAAO,KAAKJ,CAAK,EACjBA,GAASG,EAGX,OAAOC,EAAO,IAAKC,GAAQR,EAAmBC,EAAYC,EAAUM,CAAG,CAAC,CAC1E"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/es.array.includes.js");var e=require("./peregrineMQ.types.js"),t=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class s extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(n,r){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(t,s,n)=>{const r=this.channels.get(t);if(!r)return e.NON_EXISTENT_CHANNEL;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(t,n)),l=i.next().value;return 1===h?.length?h[0]:h},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new s;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=n||t.default(),this.configure(r||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=s;
+"use strict";var a=Object.defineProperty;var c=(h,e,s)=>e in h?a(h,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):h[e]=s;var n=(h,e,s)=>c(h,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./peregrineMQ.types.js");class u extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}class f{constructor(e,s){n(this,"id");n(this,"config",{allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1});n(this,"channels",new Map);n(this,"listeners",new Map);n(this,"addListener",(e,s)=>{const t=this.listeners.get(e),r=this.channels.get(s);r&&(t?t.push(r):this.listeners.set(e,[r]))});n(this,"removeListener",e=>{const s=this.listeners.get(e);let t=!0;for(const r of s||[])if(t=!r.has(e),!t)break;t&&this.listeners.delete(e)});n(this,"publishToChannel",(e,s,t)=>{const r=this.channels.get(e);if(!r)return d.NON_EXISTENT_CHANNEL;const l=r[Symbol.iterator]();let o=l.next().value;const i=[];for(;o;)i.push(o(e,t)),o=l.next().value;return(i==null?void 0:i.length)===1?i[0]:i});n(this,"configure",e=>{this.config=e;const{allowAutoPrune:s,pruneInterval:t}=e;let r;s&&(r=setInterval(()=>{this.prune()},t));const l=this;return{...s?{clearPruneInterval:()=>{clearInterval(r)},restartPruneInterval:()=>{clearInterval(r),r=setInterval(()=>{l.prune()},t)}}:{}}});n(this,"getChannels",()=>[...this.channels.keys()]);n(this,"prune",()=>{var r;const e=this.channels[Symbol.iterator]();let s=e.next().value;const t=[];for(;s;)((r=s[1])==null?void 0:r.size)===0&&(t.push(s[0]),this.channels.delete(s[0])),s=e.next().value;return t});n(this,"removeChannel",e=>{const s=this.channels.get(e);if(s&&s.size>0){const t=[...s||[]];s.clear();let r=t.length;for(;r--;)this.removeListener(t[r])}return this.channels.delete(e)});n(this,"publish",(e,s)=>{if(e.includes(".")){const t=e.split(".");let{length:r}=t,l=0;const o=[];for(;r--;){const i=this.publishToChannel(t.slice(0,l+1).join("."),r!==t.length-1,s);l+=1,o.push(i)}return o}return this.publishToChannel(e,!1,s)});n(this,"subscribe",(e,s)=>{const t=this.channels.get(e);return t?t.add(s):this.channels.set(e,new Set([s])),this.addListener(s,e),()=>this.unsubscribe(s,{channel:e,prune:!0})});n(this,"unsubscribe",(e,s)=>{const{channel:t,prune:r}=s||{};let l=!1;if(t){const i=this.channels.get(t);return l=i?i.delete(e):!1,r&&(i==null?void 0:i.size)===0&&this.channels.delete(t),this.removeListener(e),l}const o=this.listeners.get(e)||[];for(const i of o)l=i.delete(e),r&&i.size===0&&this.prune();return this.listeners.delete(e),l});n(this,"isSubscribed",(e,s)=>{if(s){const t=this.channels.get(s);return t?t.has(e):!1}return this.listeners.has(e)});n(this,"clear",()=>{if(this.config.allowClear)this.channels.clear(),this.listeners.clear();else throw new u});n(this,"getId",()=>this.id);this.id=e||(typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`),this.configure(s||{})}get length(){return[...this.channels.values()].reduce((e,s)=>e+s.size,0)}}exports.PeregrineMQ=f;exports.PeregrineMQClearError=u;
 //# sourceMappingURL=peregrineMQ.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"peregrineMQ.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.ts"],"sourcesContent":["import { v4 as uuidv4 } from 'uuid'\n\nimport {\n  Callback, Config, PeregrineMQApi, PublishToChannelReturnType,\n  PublishReturnType, SubscribersSet,\n  UnsubscribeOptions, NON_EXISTENT_CHANNEL_TYPE,\n  NON_EXISTENT_CHANNEL,\n  CallbackPayload,\n} from './peregrineMQ.types'\n\n\nexport class PeregrineMQClearError extends Error {\n  constructor() {\n    super('Clearing PeregrineMQ is not allowed. Please read the documentation for more information.')\n    this.name = 'PeregrineMQClearError'\n  }\n}\n\n/**\n * Represents a message queue with publish/subscribe functionality.\n */\nexport class PeregrineMQ implements PeregrineMQApi {\n  private id: string\n\n  private config: Config = {\n    allowAutoPrune: false,\n    pruneInterval: 10000,\n    allowClear: false,\n  }\n\n  /**\n   * The map of channels and their subscribers sets.\n   */\n  private channels: Map<string, SubscribersSet> = new Map()\n\n  /**\n   * The map of listeners and their subscribed channels.\n   */\n  private listeners: Map<Callback, SubscribersSet[]> = new Map()\n\n  /**\n   * Adds a callback as a listener to a channel.\n   * @param callback The callback function to add as a listener.\n   * @param channel The channel to add the listener to.\n   */\n  private addListener = (callback: Callback, channel: string): void => {\n    const listener = this.listeners.get(callback)\n    const subscribersSet = this.channels.get(channel)\n\n    if (subscribersSet) {\n      if (listener) {\n        listener.push(subscribersSet)\n      } else {\n        this.listeners.set(callback, [subscribersSet])\n      }\n    }\n  }\n\n  /**\n   * Removes the callback from the listeners collection if it is not subscribed to any channels.\n   * @description Removes the callback only when it is not present in any other subscriberSet\n   * (Ref to Map<string, SubscribersSet>).\n   * @param callback The callback to remove from listeners.\n   */\n  private removeListener = (callback: Callback): void => {\n    const channelSubscriberSets = this.listeners.get(callback)\n    let isEmpty = true\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const channelSubscriberSet of channelSubscriberSets || []) {\n      isEmpty = !channelSubscriberSet.has(callback)\n      if (!isEmpty) {\n        break\n      }\n    }\n\n    if (isEmpty) {\n      this.listeners.delete(callback)\n    }\n  }\n\n  /**\n   * Publishes data to a channel.\n   * @param channel The channel to publish the data to.\n   * @param isParent Indicates if the channel is a parent channel.\n   * @param data The data to publish.\n   * @returns A boolean indicating if the publication was successful.\n   */\n  private publishToChannel = (\n    channel: string, isParent: boolean, data?: unknown,\n  ): PublishToChannelReturnType => {\n    const subscribersSet = this.channels.get(channel)\n\n    if (!subscribersSet) {\n      return NON_EXISTENT_CHANNEL as NON_EXISTENT_CHANNEL_TYPE\n    }\n\n    const iterator = subscribersSet[Symbol.iterator]()\n    let subscriberFunc = iterator.next().value\n\n    const results = []\n\n    // eslint-disable-next-line no-plusplus\n    while (subscriberFunc) {\n      // eslint-disable-next-line no-await-in-loop\n      results.push(subscriberFunc(channel, data as CallbackPayload))\n      subscriberFunc = iterator.next().value\n    }\n    return results?.length === 1 ? results[0] : results\n  }\n\n  /**\n   * Creates a new instance of PeregrineMQ.\n   * @param id Specific instance of PeregrineMQ identifier\n   * @param config The configuration options for PeregrineMQ.\n   */\n  constructor(id?: string, config?: Config) {\n    this.id = id || uuidv4()\n    this.configure(config || {})\n  }\n\n  /**\n   * Gets the total number of subscribers across all channels.\n   */\n  get length(): number {\n    return [...this.channels.values()].reduce((acc, subscribersList) => acc + subscribersList.size, 0)\n  }\n\n  /**\n   * Configures PeregrineMQ with the specified options.\n   * @param config The configuration options for PeregrineMQ.\n   * @returns An object containing the prune interval handler (if auto prune is enabled).\n   */\n  configure = (config: Config): {\n    clearPruneInterval?: () => void\n    restartPruneInterval?: () => void\n  } => {\n    this.config = config\n    const { allowAutoPrune, pruneInterval } = config\n\n    let pruneIntervalHandler: ReturnType<typeof setInterval>\n\n    if (allowAutoPrune) {\n      pruneIntervalHandler = setInterval(() => {\n        this.prune()\n      }, pruneInterval)\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const instance: PeregrineMQ = this\n\n    return {\n      ...(allowAutoPrune\n        ? {\n          clearPruneInterval: (): void => {\n            clearInterval(pruneIntervalHandler)\n          },\n          restartPruneInterval: (): void => {\n            clearInterval(pruneIntervalHandler)\n            pruneIntervalHandler = setInterval(() => {\n              instance.prune()\n            }, pruneInterval)\n          },\n        }\n        : {}),\n    }\n  }\n\n  /**\n   * Gets an array of all channels.\n   * @returns An array of channel names.\n   */\n  getChannels = (): string[] => [...this.channels.keys()]\n\n  /**\n   * Prunes the channels with no subscribers.\n   * @returns An array of pruned channel names.\n   */\n  prune = (): string[] => {\n    const iterator = this.channels[Symbol.iterator]()\n    let subscribersSet = iterator.next().value\n    const prunedChannels: string[] = []\n\n    // eslint-disable-next-line no-plusplus\n    while (subscribersSet) {\n      if (subscribersSet[1]?.size === 0) {\n        prunedChannels.push(subscribersSet[0])\n        this.channels.delete(subscribersSet[0])\n      }\n      subscribersSet = iterator.next().value\n    }\n\n    return prunedChannels\n  }\n\n  /**\n   * Removes a channel and its subscribers.\n   * @param channel The channel to remove.\n   * @returns A boolean indicating if the channel was successfully removed.\n   */\n  removeChannel = (channel: string): boolean => {\n    const subscribersSet = this.channels.get(channel)\n\n    if (subscribersSet && subscribersSet.size > 0) {\n      const channelListeners = [...subscribersSet || []]\n\n      subscribersSet.clear()\n\n      let index = channelListeners.length\n\n      // eslint-disable-next-line no-plusplus\n      while (index--) {\n        this.removeListener(channelListeners[index])\n      }\n    }\n\n    return this.channels.delete(channel)\n  }\n\n  /**\n   * Publishes data to a channel.\n   * @param channel The channel to publish the data to.\n   * @param data The data to publish.\n   * @returns A boolean indicating if the publication was successful.\n   */\n  publish = <T>(channel: string, data?: T): PublishReturnType => {\n    if (channel.includes('.')) {\n      const nestedChannels = channel.split('.')\n\n      let { length } = nestedChannels\n      let it = 0\n      const results = []\n\n      // eslint-disable-next-line no-plusplus\n      while (length--) {\n        // eslint-disable-next-line no-await-in-loop\n        const result = this.publishToChannel(\n          nestedChannels.slice(0, it + 1).join('.'),\n          length !== nestedChannels.length - 1,\n          data,\n        )\n\n        it += 1\n        results.push(result)\n      }\n      return results\n    }\n\n    return this.publishToChannel(channel, false, data)\n  }\n\n  /**\n   * Subscribes a callback to a channel.\n   * @param channel The channel to subscribe to.\n   * @param callback The callback function to subscribe.\n   * @returns A function to unsubscribe the callback.\n   */\n  subscribe = (channel: string, callback: Callback): () => boolean => {\n    const subscribersList = this.channels.get(channel)\n\n    if (subscribersList) {\n      subscribersList.add(callback)\n    } else {\n      this.channels.set(channel, new Set([callback]))\n    }\n\n    this.addListener(callback, channel)\n\n    return () => this.unsubscribe(callback, { channel, prune: true })\n  }\n\n  /**\n   * Unsubscribes a callback from a channel or all channels.\n   * @param callback The callback function to unsubscribe.\n   * @param options Optional unsubscribe options.\n   * @returns A boolean indicating if the callback was successfully unsubscribed.\n   */\n  unsubscribe = (callback: Callback, options?: UnsubscribeOptions): boolean => {\n    const { channel, prune } = options || {}\n\n    let unsubscribed = false\n\n    if (channel) {\n      const subscriberSet = this.channels.get(channel)\n\n      unsubscribed = subscriberSet ? subscriberSet.delete(callback) : false\n      if (prune && subscriberSet?.size === 0) {\n        this.channels.delete(channel)\n      }\n\n      this.removeListener(callback)\n\n      return unsubscribed\n    }\n\n    const subscriberSetArray = this.listeners.get(callback) || []\n\n    // remove callback form listeners and all channels\n    // TODO remove only if has\n    // eslint-disable-next-line no-restricted-syntax\n    for (const subscriberSet of subscriberSetArray) {\n      unsubscribed = subscriberSet.delete(callback) as boolean\n\n      if (prune && subscriberSet.size === 0) {\n        this.prune()\n      }\n    }\n\n    this.listeners.delete(callback)\n\n    return unsubscribed\n  }\n\n  /**\n   * Checks if a callback is subscribed to a specific channel or any channel.\n   * @param callback The callback function to check.\n   * @param channel Optional channel name to check subscription for.\n   * @returns A boolean indicating if the callback is subscribed.\n   */\n  isSubscribed = (callback: Callback, channel?: string): boolean => {\n    if (channel) {\n      const subscribersList = this.channels.get(channel)\n\n      return subscribersList ? subscribersList.has(callback) : false\n    }\n\n    return this.listeners.has(callback)\n  }\n\n  /**\n   * Clears all channels and listeners.\n   * @throws {Error} If clearing PeregrineMQ is not allowed.\n   */\n  clear = (): void => {\n    if (this.config.allowClear) {\n      this.channels.clear()\n      this.listeners.clear()\n    } else {\n      throw new PeregrineMQClearError()\n    }\n  }\n\n  /**\n   * Returns the specific instance of PeregrineMQ.\n   * @returns A string identifier of the specific instance of PeregrineMQ.\n   */\n  getId = (): string => this.id\n}\n"],"names":["PeregrineMQClearError","Error","constructor","super","this","name","id","config","allowAutoPrune","pruneInterval","allowClear","channels","Map","listeners","addListener","callback","channel","listener","get","subscribersSet","push","set","removeListener","channelSubscriberSets","isEmpty","channelSubscriberSet","has","delete","publishToChannel","isParent","data","NON_EXISTENT_CHANNEL","iterator","Symbol","subscriberFunc","next","value","results","length","configure","pruneIntervalHandler","setInterval","prune","instance","clearPruneInterval","clearInterval","restartPruneInterval","getChannels","keys","prunedChannels","size","removeChannel","channelListeners","clear","index","publish","includes","nestedChannels","split","it","result","slice","join","subscribe","subscribersList","add","Set","unsubscribe","options","unsubscribed","subscriberSet","subscriberSetArray","isSubscribed","getId","uuidv4","values","reduce","acc"],"mappings":"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"}
+{"version":3,"file":"peregrineMQ.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.ts"],"sourcesContent":["import {\n  Callback, Config, PeregrineMQApi, PublishToChannelReturnType,\n  PublishReturnType, SubscribersSet,\n  UnsubscribeOptions, NON_EXISTENT_CHANNEL_TYPE,\n  NON_EXISTENT_CHANNEL,\n  CallbackPayload,\n} from './peregrineMQ.types'\n\n\nexport class PeregrineMQClearError extends Error {\n  constructor() {\n    super('Clearing PeregrineMQ is not allowed. Please read the documentation for more information.')\n    this.name = 'PeregrineMQClearError'\n  }\n}\n\n/**\n * Represents a message queue with publish/subscribe functionality.\n */\nexport class PeregrineMQ implements PeregrineMQApi {\n  private id: string\n\n  private config: Config = {\n    allowAutoPrune: false,\n    pruneInterval: 10000,\n    allowClear: false,\n  }\n\n  /**\n   * The map of channels and their subscribers sets.\n   */\n  private channels: Map<string, SubscribersSet> = new Map()\n\n  /**\n   * The map of listeners and their subscribed channels.\n   */\n  private listeners: Map<Callback, SubscribersSet[]> = new Map()\n\n  /**\n   * Adds a callback as a listener to a channel.\n   * @param callback The callback function to add as a listener.\n   * @param channel The channel to add the listener to.\n   */\n  private addListener = (callback: Callback, channel: string): void => {\n    const listener = this.listeners.get(callback)\n    const subscribersSet = this.channels.get(channel)\n\n    if (subscribersSet) {\n      if (listener) {\n        listener.push(subscribersSet)\n      } else {\n        this.listeners.set(callback, [subscribersSet])\n      }\n    }\n  }\n\n  /**\n   * Removes the callback from the listeners collection if it is not subscribed to any channels.\n   * @description Removes the callback only when it is not present in any other subscriberSet\n   * (Ref to Map<string, SubscribersSet>).\n   * @param callback The callback to remove from listeners.\n   */\n  private removeListener = (callback: Callback): void => {\n    const channelSubscriberSets = this.listeners.get(callback)\n    let isEmpty = true\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const channelSubscriberSet of channelSubscriberSets || []) {\n      isEmpty = !channelSubscriberSet.has(callback)\n      if (!isEmpty) {\n        break\n      }\n    }\n\n    if (isEmpty) {\n      this.listeners.delete(callback)\n    }\n  }\n\n  /**\n   * Publishes data to a channel.\n   * @param channel The channel to publish the data to.\n   * @param isParent Indicates if the channel is a parent channel.\n   * @param data The data to publish.\n   * @returns A boolean indicating if the publication was successful.\n   */\n  private publishToChannel = (\n    channel: string, isParent: boolean, data?: unknown,\n  ): PublishToChannelReturnType => {\n    const subscribersSet = this.channels.get(channel)\n\n    if (!subscribersSet) {\n      return NON_EXISTENT_CHANNEL as NON_EXISTENT_CHANNEL_TYPE\n    }\n\n    const iterator = subscribersSet[Symbol.iterator]()\n    let subscriberFunc = iterator.next().value\n\n    const results = []\n\n    // eslint-disable-next-line no-plusplus\n    while (subscriberFunc) {\n      // eslint-disable-next-line no-await-in-loop\n      results.push(subscriberFunc(channel, data as CallbackPayload))\n      subscriberFunc = iterator.next().value\n    }\n    return results?.length === 1 ? results[0] : results\n  }\n\n  /**\n   * Creates a new instance of PeregrineMQ.\n   * @param id Specific instance of PeregrineMQ identifier\n   * @param config The configuration options for PeregrineMQ.\n   */\n  constructor(id?: string, config?: Config) {\n    this.id = id || (typeof crypto !== 'undefined' && crypto.randomUUID\n      ? crypto.randomUUID()\n      : `${Date.now()}-${Math.random().toString(36).slice(2)}`)\n    this.configure(config || {})\n  }\n\n  /**\n   * Gets the total number of subscribers across all channels.\n   */\n  get length(): number {\n    return [...this.channels.values()].reduce((acc, subscribersList) => acc + subscribersList.size, 0)\n  }\n\n  /**\n   * Configures PeregrineMQ with the specified options.\n   * @param config The configuration options for PeregrineMQ.\n   * @returns An object containing the prune interval handler (if auto prune is enabled).\n   */\n  configure = (config: Config): {\n    clearPruneInterval?: () => void\n    restartPruneInterval?: () => void\n  } => {\n    this.config = config\n    const { allowAutoPrune, pruneInterval } = config\n\n    let pruneIntervalHandler: ReturnType<typeof setInterval>\n\n    if (allowAutoPrune) {\n      pruneIntervalHandler = setInterval(() => {\n        this.prune()\n      }, pruneInterval)\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const instance: PeregrineMQ = this\n\n    return {\n      ...(allowAutoPrune\n        ? {\n          clearPruneInterval: (): void => {\n            clearInterval(pruneIntervalHandler)\n          },\n          restartPruneInterval: (): void => {\n            clearInterval(pruneIntervalHandler)\n            pruneIntervalHandler = setInterval(() => {\n              instance.prune()\n            }, pruneInterval)\n          },\n        }\n        : {}),\n    }\n  }\n\n  /**\n   * Gets an array of all channels.\n   * @returns An array of channel names.\n   */\n  getChannels = (): string[] => [...this.channels.keys()]\n\n  /**\n   * Prunes the channels with no subscribers.\n   * @returns An array of pruned channel names.\n   */\n  prune = (): string[] => {\n    const iterator = this.channels[Symbol.iterator]()\n    let subscribersSet = iterator.next().value\n    const prunedChannels: string[] = []\n\n    // eslint-disable-next-line no-plusplus\n    while (subscribersSet) {\n      if (subscribersSet[1]?.size === 0) {\n        prunedChannels.push(subscribersSet[0])\n        this.channels.delete(subscribersSet[0])\n      }\n      subscribersSet = iterator.next().value\n    }\n\n    return prunedChannels\n  }\n\n  /**\n   * Removes a channel and its subscribers.\n   * @param channel The channel to remove.\n   * @returns A boolean indicating if the channel was successfully removed.\n   */\n  removeChannel = (channel: string): boolean => {\n    const subscribersSet = this.channels.get(channel)\n\n    if (subscribersSet && subscribersSet.size > 0) {\n      const channelListeners = [...subscribersSet || []]\n\n      subscribersSet.clear()\n\n      let index = channelListeners.length\n\n      // eslint-disable-next-line no-plusplus\n      while (index--) {\n        this.removeListener(channelListeners[index])\n      }\n    }\n\n    return this.channels.delete(channel)\n  }\n\n  /**\n   * Publishes data to a channel.\n   * @param channel The channel to publish the data to.\n   * @param data The data to publish.\n   * @returns A boolean indicating if the publication was successful.\n   */\n  publish = <T>(channel: string, data?: T): PublishReturnType => {\n    if (channel.includes('.')) {\n      const nestedChannels = channel.split('.')\n\n      let { length } = nestedChannels\n      let it = 0\n      const results = []\n\n      // eslint-disable-next-line no-plusplus\n      while (length--) {\n        // eslint-disable-next-line no-await-in-loop\n        const result = this.publishToChannel(\n          nestedChannels.slice(0, it + 1).join('.'),\n          length !== nestedChannels.length - 1,\n          data,\n        )\n\n        it += 1\n        results.push(result)\n      }\n      return results\n    }\n\n    return this.publishToChannel(channel, false, data)\n  }\n\n  /**\n   * Subscribes a callback to a channel.\n   * @param channel The channel to subscribe to.\n   * @param callback The callback function to subscribe.\n   * @returns A function to unsubscribe the callback.\n   */\n  subscribe = (channel: string, callback: Callback): () => boolean => {\n    const subscribersList = this.channels.get(channel)\n\n    if (subscribersList) {\n      subscribersList.add(callback)\n    } else {\n      this.channels.set(channel, new Set([callback]))\n    }\n\n    this.addListener(callback, channel)\n\n    return () => this.unsubscribe(callback, { channel, prune: true })\n  }\n\n  /**\n   * Unsubscribes a callback from a channel or all channels.\n   * @param callback The callback function to unsubscribe.\n   * @param options Optional unsubscribe options.\n   * @returns A boolean indicating if the callback was successfully unsubscribed.\n   */\n  unsubscribe = (callback: Callback, options?: UnsubscribeOptions): boolean => {\n    const { channel, prune } = options || {}\n\n    let unsubscribed = false\n\n    if (channel) {\n      const subscriberSet = this.channels.get(channel)\n\n      unsubscribed = subscriberSet ? subscriberSet.delete(callback) : false\n      if (prune && subscriberSet?.size === 0) {\n        this.channels.delete(channel)\n      }\n\n      this.removeListener(callback)\n\n      return unsubscribed\n    }\n\n    const subscriberSetArray = this.listeners.get(callback) || []\n\n    // remove callback form listeners and all channels\n    // TODO remove only if has\n    // eslint-disable-next-line no-restricted-syntax\n    for (const subscriberSet of subscriberSetArray) {\n      unsubscribed = subscriberSet.delete(callback) as boolean\n\n      if (prune && subscriberSet.size === 0) {\n        this.prune()\n      }\n    }\n\n    this.listeners.delete(callback)\n\n    return unsubscribed\n  }\n\n  /**\n   * Checks if a callback is subscribed to a specific channel or any channel.\n   * @param callback The callback function to check.\n   * @param channel Optional channel name to check subscription for.\n   * @returns A boolean indicating if the callback is subscribed.\n   */\n  isSubscribed = (callback: Callback, channel?: string): boolean => {\n    if (channel) {\n      const subscribersList = this.channels.get(channel)\n\n      return subscribersList ? subscribersList.has(callback) : false\n    }\n\n    return this.listeners.has(callback)\n  }\n\n  /**\n   * Clears all channels and listeners.\n   * @throws {Error} If clearing PeregrineMQ is not allowed.\n   */\n  clear = (): void => {\n    if (this.config.allowClear) {\n      this.channels.clear()\n      this.listeners.clear()\n    } else {\n      throw new PeregrineMQClearError()\n    }\n  }\n\n  /**\n   * Returns the specific instance of PeregrineMQ.\n   * @returns A string identifier of the specific instance of PeregrineMQ.\n   */\n  getId = (): string => this.id\n}\n"],"names":["PeregrineMQClearError","PeregrineMQ","id","config","__publicField","callback","channel","listener","subscribersSet","channelSubscriberSets","isEmpty","channelSubscriberSet","isParent","data","NON_EXISTENT_CHANNEL","iterator","subscriberFunc","results","allowAutoPrune","pruneInterval","pruneIntervalHandler","instance","prunedChannels","_a","channelListeners","index","nestedChannels","length","it","result","subscribersList","options","prune","unsubscribed","subscriberSet","subscriberSetArray","acc"],"mappings":"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"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js

@@ -1,2 +1,2 @@
-"use strict";exports.NON_EXISTENT_CHANNEL="NON_EXISTENT_CHANNEL";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="NON_EXISTENT_CHANNEL";exports.NON_EXISTENT_CHANNEL=N;
 //# sourceMappingURL=peregrineMQ.types.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"peregrineMQ.types.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.types.ts"],"sourcesContent":["export type CallbackPayload = string | number | Record<any, any>;\nexport type Callback = (message: string, data?: CallbackPayload) => void;\n\nexport type SubscribersSet = Set<Callback>;\n\nexport interface Config {\n  /**\n   *  If true, enables automatic removal of channels without subscribers.\n   */\n  allowAutoPrune?: boolean\n\n  /**\n   *  The interval, in milliseconds, for checking channels with no subscribers.\n   */\n  pruneInterval?: number\n\n  /**\n   * If true, allows the use of the clear method to remove all channels and listeners.\n   */\n  allowClear?: boolean\n}\n\nexport interface UnsubscribeOptions {\n  /**\n   * The channel to unsubscribe from.\n   */\n  channel?: string\n\n  /**\n   * If true, removes the channel from the collection when the last subscriber is removed.\n   */\n  prune?: boolean\n}\n\nexport interface PeregrineMQApi {\n  /**\n   * Sets the configuration options for a PeregrineMQ instance.\n   *\n   * @param {Config} config - An object containing configuration options for the instance.\n   * @return {void}\n   */\n  configure: (config: Config) => void\n\n  /**\n   * Retrieves a list of all channels and their subscribers.\n   *\n   * @return { string[] }\n   */\n  getChannels: () => string[]\n\n  /**\n   * Removes all channels that have no subscribers.\n   *\n   * @return {void}\n   */\n  prune: () => void\n\n  /**\n   * Removes a specified channel from the collection.\n   *\n   * @param {string} channel - The name of the channel to remove.\n   * @return {boolean} - Returns true if the channel was successfully removed, otherwise false.\n   */\n  removeChannel: (channel: string) => boolean\n\n  /**\n   * Publishes a message to a specified channel, passing the data to its subscribers.\n   *\n   * @param {string} channel - The channel to publish the message to.\n   * @param {unknown} [data] - The data to pass to subscribers.\n   * @return {boolean} - Returns true if the message was successfully published, otherwise false.\n   */\n  publish: (channel: string, data?: unknown) => PublishReturnType\n\n  /**\n   * Subscribes a function to a specified channel.\n   * The returned unsubscribe function is unique and should be stored for later use.\n   *\n   * @param {string} channel - The channel name to subscribe to.\n   * @param {Callback} callback - The function to call when a new message is published.\n   * @return {() => boolean} - The unsubscribe function.\n   */\n  subscribe: (channel: string, callback: Callback) => () => boolean\n\n  /**\n   * Unsubscribes a callback from a channel.\n   * Returns true if the callback was successfully unsubscribed, otherwise false.\n   *\n   * @param {Callback} callback - The callback to unsubscribe.\n   * @param {UnsubscribeOptions} [options] - Options for unsubscribing, including the channel.\n   * @return {boolean} - Returns true if the callback was successfully unsubscribed, otherwise false.\n   */\n  unsubscribe: (callback: Callback, options?: UnsubscribeOptions) => boolean\n\n  /**\n   * Checks if a specified callback is subscribed to a specified channel (or any channel if not specified).\n   *\n   * @param {Callback} callback - The callback to check for subscription.\n   * @param {string} [channel] - The channel to check for subscription. If not specified, all channels will be checked.\n   * @return {boolean} - Returns true if the callback is subscribed, otherwise false.\n   */\n  isSubscribed: (callback: Callback, channel?: string) => boolean\n\n  /**\n   * Removes all channels and subscribers from the collection.\n   *\n   * @function\n   * @alias clear\n   */\n  clear: () => void\n\n  /**\n   * Retrieves the identifier for the specific instance of PeregrineMQ.\n   *\n   * @return {string} - A string identifier for the specific instance.\n   */\n  getId: () => string\n}\nexport const NON_EXISTENT_CHANNEL = 'NON_EXISTENT_CHANNEL'\n\nexport type NON_EXISTENT_CHANNEL_TYPE = typeof NON_EXISTENT_CHANNEL\n\nexport type PublishToChannelReturnType = NON_EXISTENT_CHANNEL_TYPE\n  | undefined | boolean | unknown | Array<undefined | boolean | unknown>\n\nexport type PublishReturnType = PublishToChannelReturnType | PublishToChannelReturnType[]\n"],"names":[],"mappings":"0CAsHoC"}
+{"version":3,"file":"peregrineMQ.types.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.types.ts"],"sourcesContent":["export type CallbackPayload = string | number | Record<any, any>;\nexport type Callback = (message: string, data?: CallbackPayload) => void;\n\nexport type SubscribersSet = Set<Callback>;\n\nexport interface Config {\n  /**\n   *  If true, enables automatic removal of channels without subscribers.\n   */\n  allowAutoPrune?: boolean\n\n  /**\n   *  The interval, in milliseconds, for checking channels with no subscribers.\n   */\n  pruneInterval?: number\n\n  /**\n   * If true, allows the use of the clear method to remove all channels and listeners.\n   */\n  allowClear?: boolean\n}\n\nexport interface UnsubscribeOptions {\n  /**\n   * The channel to unsubscribe from.\n   */\n  channel?: string\n\n  /**\n   * If true, removes the channel from the collection when the last subscriber is removed.\n   */\n  prune?: boolean\n}\n\nexport interface PeregrineMQApi {\n  /**\n   * Sets the configuration options for a PeregrineMQ instance.\n   *\n   * @param {Config} config - An object containing configuration options for the instance.\n   * @return {void}\n   */\n  configure: (config: Config) => void\n\n  /**\n   * Retrieves a list of all channels and their subscribers.\n   *\n   * @return { string[] }\n   */\n  getChannels: () => string[]\n\n  /**\n   * Removes all channels that have no subscribers.\n   *\n   * @return {void}\n   */\n  prune: () => void\n\n  /**\n   * Removes a specified channel from the collection.\n   *\n   * @param {string} channel - The name of the channel to remove.\n   * @return {boolean} - Returns true if the channel was successfully removed, otherwise false.\n   */\n  removeChannel: (channel: string) => boolean\n\n  /**\n   * Publishes a message to a specified channel, passing the data to its subscribers.\n   *\n   * @param {string} channel - The channel to publish the message to.\n   * @param {unknown} [data] - The data to pass to subscribers.\n   * @return {boolean} - Returns true if the message was successfully published, otherwise false.\n   */\n  publish: (channel: string, data?: unknown) => PublishReturnType\n\n  /**\n   * Subscribes a function to a specified channel.\n   * The returned unsubscribe function is unique and should be stored for later use.\n   *\n   * @param {string} channel - The channel name to subscribe to.\n   * @param {Callback} callback - The function to call when a new message is published.\n   * @return {() => boolean} - The unsubscribe function.\n   */\n  subscribe: (channel: string, callback: Callback) => () => boolean\n\n  /**\n   * Unsubscribes a callback from a channel.\n   * Returns true if the callback was successfully unsubscribed, otherwise false.\n   *\n   * @param {Callback} callback - The callback to unsubscribe.\n   * @param {UnsubscribeOptions} [options] - Options for unsubscribing, including the channel.\n   * @return {boolean} - Returns true if the callback was successfully unsubscribed, otherwise false.\n   */\n  unsubscribe: (callback: Callback, options?: UnsubscribeOptions) => boolean\n\n  /**\n   * Checks if a specified callback is subscribed to a specified channel (or any channel if not specified).\n   *\n   * @param {Callback} callback - The callback to check for subscription.\n   * @param {string} [channel] - The channel to check for subscription. If not specified, all channels will be checked.\n   * @return {boolean} - Returns true if the callback is subscribed, otherwise false.\n   */\n  isSubscribed: (callback: Callback, channel?: string) => boolean\n\n  /**\n   * Removes all channels and subscribers from the collection.\n   *\n   * @function\n   * @alias clear\n   */\n  clear: () => void\n\n  /**\n   * Retrieves the identifier for the specific instance of PeregrineMQ.\n   *\n   * @return {string} - A string identifier for the specific instance.\n   */\n  getId: () => string\n}\nexport const NON_EXISTENT_CHANNEL = 'NON_EXISTENT_CHANNEL'\n\nexport type NON_EXISTENT_CHANNEL_TYPE = typeof NON_EXISTENT_CHANNEL\n\nexport type PublishToChannelReturnType = NON_EXISTENT_CHANNEL_TYPE\n  | undefined | boolean | unknown | Array<undefined | boolean | unknown>\n\nexport type PublishReturnType = PublishToChannelReturnType | PublishToChannelReturnType[]\n"],"names":["NON_EXISTENT_CHANNEL"],"mappings":"gFAsHO,MAAMA,EAAuB"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.usePeregrineMQ=(r,u,s)=>{const t=e.useCallback(s,[s]),c=e.useRef();return e.useEffect((()=>(c.current=r.subscribe(u,t),()=>{c?.current?.()})),[t,u,r]),[c.current,r.publish]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=(r,u,o)=>{const c=t.useCallback(o,[o]),e=t.useRef();return t.useEffect(()=>(e.current=r.subscribe(u,c),()=>{var s;(s=e==null?void 0:e.current)==null||s.call(e)}),[c,u,r]),[e.current,r.publish]};exports.usePeregrineMQ=l;
 //# sourceMappingURL=usePeregrineMQ.react.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback, PublishReturnType } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  (() => boolean) | undefined,\n  <T>(channel: string, data?: T) => PublishReturnType\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","current","subscribe","publish"],"mappings":"2DAU8BA,CAC5BC,EAAgCC,EAAiBC,KAEjD,MAAMC,EAAcC,EAAAA,YAAYF,EAAU,CAACA,IAErCG,EAAiBC,EAAAA,SAUvB,OARAC,EAAAA,WAAU,KACRF,EAAeG,QAAUR,EAAkBS,UAAUR,EAASE,GAEvD,KACLE,GAAgBG,WAAW,IAE5B,CAACL,EAAaF,EAASD,IAEnB,CAACK,EAAeG,QAASR,EAAkBU,QAAQ"}
+{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback, PublishReturnType } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  (() => boolean) | undefined,\n  <T>(channel: string, data?: T) => PublishReturnType\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","_a"],"mappings":"yGAUaA,EAAiB,CAC5BC,EAAgCC,EAAiBC,IACpB,CAC7B,MAAMC,EAAcC,EAAAA,YAAYF,EAAU,CAACA,CAAQ,CAAC,EAE9CG,EAAiBC,EAAAA,OAAA,EAEvBC,OAAAA,EAAAA,UAAU,KACRF,EAAe,QAAUL,EAAkB,UAAUC,EAASE,CAAW,EAElE,IAAY,QACjBK,EAAAH,GAAA,YAAAA,EAAgB,UAAhB,MAAAG,EAAA,KAAAH,EACF,GACC,CAACF,EAAaF,EAASD,CAAiB,CAAC,EAErC,CAACK,EAAe,QAASL,EAAkB,OAAO,CAC3D"}