npm - @e1011/es-kit - Versions diffs - 1.1.74 → 1.1.75 - Mend

@e1011/es-kit 1.1.74 → 1.1.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1780) hide show

package/dist/ui/esm/src/core/ui/components/molecules/popover/PopoverLite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport React, { FC, memo, useRef, useEffect, useState, useCallback, useMemo,\n CSSProperties, ReactNode, ReactElement } 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 \| React.Component<any> }}\n {...props}\n />\n )}\n {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n && React.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 \| React.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","_targetRef$current","_children$","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","_objectWithoutProperties","_excluded","content","setContent","useState","target","setTarget","current","useEffect","_ref2","ContentComponent","contentComponents","_excluded2","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref3","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","_objectSpread","concat","transform","pendingHideRef","_popperInstanceRef$cu","popperInstance","destroy","createPopper","_popperInstance","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","_popperInstanceRef$cu2","_outsideClickUnsubscr","dataset","show","modalRef","style","update","call","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","_content$dataset","contains","open","_popperInstanceRef$cu3","_outsideClickUnsubscr2","setTimeout","outsideClickHandler","toggleOpen","_content$dataset2","keydownHandler","event","keyCode","KeyCode","Escape","_target$addEventListe","_content$addEventList","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","_target$removeEventLi","_content$removeEventL","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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"}
1	+ {"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport React, { FC, memo, useRef, useEffect, useState, useCallback, useMemo,\n CSSProperties, ReactNode, ReactElement } 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 \| React.Component<any> }}\n {...props}\n />\n )}\n {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n && React.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 \| React.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","_targetRef$current","_children$","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","_objectWithoutProperties","_excluded","content","setContent","useState","target","setTarget","current","useEffect","_ref2","ContentComponent","contentComponents","_excluded2","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref3","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","_objectSpread","concat","transform","pendingHideRef","_popperInstanceRef$cu","popperInstance","destroy","createPopper","_popperInstance","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","_popperInstanceRef$cu2","_outsideClickUnsubscr","dataset","show","modalRef","style","update","call","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","_content$dataset","contains","open","_popperInstanceRef$cu3","_outsideClickUnsubscr2","setTimeout","outsideClickHandler","toggleOpen","_content$dataset2","keydownHandler","event","keyCode","KeyCode","Escape","_target$addEventListe","_content$addEventList","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","_target$removeEventLi","_content$removeEventL","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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"}

package/dist/ui/esm/src/core/ui/components/molecules/popover/Tooltip.js CHANGED Viewed

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

package/dist/ui/esm/src/core/ui/components/molecules/popover/Tooltip.js.map CHANGED Viewed

	@@ -1 +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","_objectWithoutProperties","_excluded","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","displayName"],"mappings":"~~w5BAqBMA~~,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAiBC,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,EAAWC,EAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAiB,EAACN,UAAWK,EAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAQ,kBAE1BJ,MAAAC,cAACM,EAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,EAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAW,EACXpB,UAAWK,EAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,EAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAQ,KACNE,KAOZ5B,GAASM,MAAAC,cAACsB,EAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,~~GAAmBC~~,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,GAC9DT,EAD4EU,EAAKC,EAAAX,EAAAY,GAE9F,MAAMC,EAAoBC,~~GAAQ~~,IAAOX,EAAmB,CAC1DA,yBACEY,GAAY,CAACZ,IAEjB,IAAIa,EAEAX,IACFW,EAAaX,IAEVA,GAAYC,IACfU,EACEZ,EACIjC,MAAAC,cAACmB,EAAQ,CAACC,QAASY,EAAaa,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnFjD,MAAAC,cAACmB,EAAQ,CAAC0B,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1D3B,IAMX,MAAM4B,EAAkBP,~~GAAQ~~,IAAO,IAAI3D,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACkD,EAAOC,EAAA,CAAA,EACFb,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXhD,UAAWA,EACXkD,UAAWY,EACXnB,WAAYW,EACZ7C,UAAWuC,IAEVS,GAAcA,EACP,IASdlB,EAAQ0B,YAAc"}
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","_objectWithoutProperties","_excluded","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","displayName"],"mappings":"g7BAqBMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAiBC,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,EAAWC,EAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAiB,EAACN,UAAWK,EAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAQ,kBAE1BJ,MAAAC,cAACM,EAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,EAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAW,EACXpB,UAAWK,EAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,EAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAQ,KACNE,KAOZ5B,GAASM,MAAAC,cAACsB,EAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,EAAIA,MAAeC,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,GAC9DT,EAD4EU,EAAKC,EAAAX,EAAAY,GAE9F,MAAMC,EAAoBC,WAAQ,IAAOX,EAAmB,CAC1DA,yBACEY,GAAY,CAACZ,IAEjB,IAAIa,EAEAX,IACFW,EAAaX,IAEVA,GAAYC,IACfU,EACEZ,EACIjC,MAAAC,cAACmB,EAAQ,CAACC,QAASY,EAAaa,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnFjD,MAAAC,cAACmB,EAAQ,CAAC0B,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1D3B,IAMX,MAAM4B,EAAkBP,EAAAA,SAAQ,IAAO,IAAI3D,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACkD,EAAOC,EAAA,CAAA,EACFb,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXhD,UAAWA,EACXkD,UAAWY,EACXnB,WAAYW,EACZ7C,UAAWuC,IAEVS,GAAcA,EACP,IASdlB,EAAQ0B,YAAc"}

package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js CHANGED Viewed

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

package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js.map CHANGED Viewed

	@@ -1 +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] : null}\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","_objectWithoutProperties","_excluded","ContentComponent","useMemo","_objectSpread","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","_excluded2","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","concat","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"~~07BAwBMA~~,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,~~GAAiBC~~,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,GAEWZ,EADRa,EAAKC,EAAAd,EAAAe,GAOR,MAAMC,EAAmBb,aAAAA,EAAAA,EAAYa,iBAO/B1B,EAAS2B,~~GAAQ~~,IAAAC,EAAAA,EAAAA,EACjBR,CAAAA,EAAAA,EAAQ,CAAE,gBAAiBA,GAAU,CAAA,GACrCC,EAAS,CAAE,iBAAkBA,GAAW,CAAA,GACzCC,IACD,CAACD,EAAQC,EAAOF,IAEpB,OACES,MAAAC,cAACC,EAAWC,EAAA,CACVC,WAAS,EACTC,SAAO,EACPpB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBoB,sBAAuBC,EAAe,wBAClCb,GAEJM,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACX1B,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBqB,WAAYtC,IAGT0B,GAAoBd,GAAaA,GAEjCA,GAAYc,GAAqBG,MAAAC,cAACJ,EAAkB,OAE7C,IASlBlB,EAAM+B,YAAc,QAmBpB,MAAMF,EAAe5B,~~GAAK~~+B,IAWD,IAXE7B,MACzBA,EAAK8B,aACLA,EAAYC,KACZA,EAAI9B,SACJA,EAAQK,eACRA,EAAcqB,WACdA,EAAUpB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIwB,aACnBA,GAEkBH,EADfjB,EAAKC,EAAAgB,EAAAI,GAOR,MAAMC,EAAkBjC,GAAYkC,MAAMC,QAAQnC,GAC9CA,EAASoC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,~~EAE3CH~~,EAAKrB,EAAAA,EAAA,CAAIyB,IAAKF,GAAUF,EAAM1B,OAAK,GAAA,CAAEmB,QAASnB,MAEhDM,MAAAC,cAAK,MAAA,KAAA,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKwB,aAASC,OAAKC,EAAQ,oBAAsBC,IAAKhB,EAAcnB,MAAOgB,GACzET,MAAAC,cAAC4B,EAAS,CACRJ,aAASC,OAAKC,EAAQ,0BACtBlC,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAkB,MAE5DC,GACCW,MAAAC,cAAAD,MAAA8B,SACE9B,KAAAA,MAAAC,cAAC4B,EAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQzC,MAAM,OAAO0C,QAAQ,uBACpEjC,MAAAC,cAACiC,EAAE,KAAEpD,GACJQ,GACCU,MAAAC,cAAA,MAAA,CACEkC,QAAStB,EACTuB,UAAWvB,EACXwB,KAAK,SACLC,UAAW,EACXb,UAAWE,EAAQ,iBAElBb,GAAgBd,MAAAC,cAACsC,EAAQ,CAACC,QAAS1B,KAClCA,GACAd,MAAAC,cAACsC,OACEE,KAMXzC,MAAAC,cAACyC,EAAW,CAACC,OAAO,UAGxB3C,MAAAC,cAAA,MAAA,CAAKwB,UAAWE,EAAQ,8BACrBX,GAAmBA,IAGpB,IASVR,EAAaE,YAAc"}
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] : null}\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","_objectWithoutProperties","_excluded","ContentComponent","useMemo","_objectSpread","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","_excluded2","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","concat","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"g8BAwBMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAIA,MAAaC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAE,EAAAC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,GAEWZ,EADRa,EAAKC,EAAAd,EAAAe,GAOR,MAAMC,EAAmBb,aAAAA,EAAAA,EAAYa,iBAO/B1B,EAAS2B,EAAAA,SAAQ,IAAAC,EAAAA,EAAAA,EACjBR,CAAAA,EAAAA,EAAQ,CAAE,gBAAiBA,GAAU,CAAA,GACrCC,EAAS,CAAE,iBAAkBA,GAAW,CAAA,GACzCC,IACD,CAACD,EAAQC,EAAOF,IAEpB,OACES,MAAAC,cAACC,EAAWC,EAAA,CACVC,WAAS,EACTC,SAAO,EACPpB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBoB,sBAAuBC,EAAe,wBAClCb,GAEJM,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACX1B,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBqB,WAAYtC,IAGT0B,GAAoBd,GAAaA,GAEjCA,GAAYc,GAAqBG,MAAAC,cAACJ,EAAkB,OAE7C,IASlBlB,EAAM+B,YAAc,QAmBpB,MAAMF,EAAe5B,EAAIA,MAAC+B,IAWD,IAXE7B,MACzBA,EAAK8B,aACLA,EAAYC,KACZA,EAAI9B,SACJA,EAAQK,eACRA,EAAcqB,WACdA,EAAUpB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIwB,aACnBA,GAEkBH,EADfjB,EAAKC,EAAAgB,EAAAI,GAOR,MAAMC,EAAkBjC,GAAYkC,MAAMC,QAAQnC,GAC9CA,EAASoC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAYA,aAEvDH,EAAKrB,EAAAA,EAAA,CAAIyB,IAAKF,GAAUF,EAAM1B,OAAK,GAAA,CAAEmB,QAASnB,MAEhDM,MAAAC,cAAK,MAAA,KAAA,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKwB,aAASC,OAAKC,EAAQ,oBAAsBC,IAAKhB,EAAcnB,MAAOgB,GACzET,MAAAC,cAAC4B,EAAS,CACRJ,aAASC,OAAKC,EAAQ,0BACtBlC,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAkB,MAE5DC,GACCW,MAAAC,cAAAD,MAAA8B,SACE9B,KAAAA,MAAAC,cAAC4B,EAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQzC,MAAM,OAAO0C,QAAQ,uBACpEjC,MAAAC,cAACiC,EAAE,KAAEpD,GACJQ,GACCU,MAAAC,cAAA,MAAA,CACEkC,QAAStB,EACTuB,UAAWvB,EACXwB,KAAK,SACLC,UAAW,EACXb,UAAWE,EAAQ,iBAElBb,GAAgBd,MAAAC,cAACsC,EAAQ,CAACC,QAAS1B,KAClCA,GACAd,MAAAC,cAACsC,OACEE,KAMXzC,MAAAC,cAACyC,EAAW,CAACC,OAAO,UAGxB3C,MAAAC,cAAA,MAAA,CAAKwB,UAAWE,EAAQ,8BACrBX,GAAmBA,IAGpB,IASVR,EAAaE,YAAc"}

package/dist/ui/esm/src/core/utils/helpers/text.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../../node_modules/core-js/modules/es.regexp.exec.js";import"../../../../node_modules/core-js/modules/es.string.replace.js";import"sanitize-html";const e=e=>{var o;return null==e||null===(o=e.toLowerCase)||void 0===o||null===(o=o.call(e))||void 0===o?void 0:o.replace(/\s+/g,"-")};export{e as composeId};
+import"../../../../node_modules/core-js/modules/es.regexp.exec.js";import"../../../../node_modules/core-js/modules/es.string.replace.js";const e=e=>{var o;return null==e||null===(o=e.toLowerCase)||void 0===o||null===(o=o.call(e))||void 0===o?void 0:o.replace(/\s+/g,"-")};export{e as composeId};
 //# sourceMappingURL=text.js.map

package/dist/ui/esm/src/core/utils/helpers/text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.js","sources":["../../../../../../../src/core/utils/helpers/text.ts"],"sourcesContent":["import _sanitize from 'sanitize-html'\n\nexport const defaultSanitizeConfig = {\n allowedTags: ['b', 'i', 'em', 'strong', 'a', 'p', 'span', 'li', 'ul', 'div', 'h1', 'h2', 'h3', 'h4', 'img'],\n allowedAttributes: {\n a: ['href', 'target', 'style', 'class', 'onclick'],\n '*': ['href', 'target', 'style', 'align', 'alt', 'center', 'bgcolor', 'style', 'src'],\n },\n}\n\nexport const sanitizeHtml\n = (\n text: string,\n sanitizeConfig?: typeof defaultSanitizeConfig,\n ): ReturnType<typeof _sanitize> => _sanitize(text, sanitizeConfig \|\| defaultSanitizeConfig)\n\nexport const composeId = (text: string): string => text?.toLowerCase?.()?.replace(/\\s+/g, '-')\n"],"names":["composeId","text","_text$toLowerCase","toLowerCase","call","replace"],"mappings":"~~+JAgBO~~,MAAMA,EAAaC,IAAY,IAAAC,EAAA,OAAaD,SAAiB,QAAbC,EAAJD,EAAME,mBAAW,IAAAD,GAAI,QAAJA,EAAjBA,EAAAE,KAAAH,UAAqB,IAAAC,OAAA,EAArBA,EAAuBG,QAAQ,OAAQ,IAAI"}
1	+ {"version":3,"file":"text.js","sources":["../../../../../../../src/core/utils/helpers/text.ts"],"sourcesContent":["import _sanitize from 'sanitize-html'\n\nexport const defaultSanitizeConfig = {\n allowedTags: ['b', 'i', 'em', 'strong', 'a', 'p', 'span', 'li', 'ul', 'div', 'h1', 'h2', 'h3', 'h4', 'img'],\n allowedAttributes: {\n a: ['href', 'target', 'style', 'class', 'onclick'],\n '*': ['href', 'target', 'style', 'align', 'alt', 'center', 'bgcolor', 'style', 'src'],\n },\n}\n\nexport const sanitizeHtml\n = (\n text: string,\n sanitizeConfig?: typeof defaultSanitizeConfig,\n ): ReturnType<typeof _sanitize> => _sanitize(text, sanitizeConfig \|\| defaultSanitizeConfig)\n\nexport const composeId = (text: string): string => text?.toLowerCase?.()?.replace(/\\s+/g, '-')\n"],"names":["composeId","text","_text$toLowerCase","toLowerCase","call","replace"],"mappings":"yIAgBO,MAAMA,EAAaC,IAAY,IAAAC,EAAA,OAAaD,SAAiB,QAAbC,EAAJD,EAAME,mBAAW,IAAAD,GAAI,QAAJA,EAAjBA,EAAAE,KAAAH,UAAqB,IAAAC,OAAA,EAArBA,EAAuBG,QAAQ,OAAQ,IAAI"}

package/dist/ui/node_modules/ramda/es/internal/_curry1.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_isPlaceholder.js");exports.default=function(t){return function r(u){return 0===arguments.length\|\|e.default(u)?r:t.apply(this,arguments)}};
2	+ //# sourceMappingURL=_curry1.js.map

package/dist/ui/node_modules/ramda/es/internal/_curry1.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_curry1.js","sources":["../../../../../../node_modules/ramda/es/internal/_curry1.js"],"sourcesContent":["import _isPlaceholder from \"./_isPlaceholder.js\";\n/**\n * Optimized internal one-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\nexport default function _curry1(fn) {\n return function f1(a) {\n if (arguments.length === 0 || _isPlaceholder(a)) {\n return f1;\n } else {\n return fn.apply(this, arguments);\n }\n };\n}"],"names":["fn","f1","a","arguments","length","_isPlaceholder","default","apply","this"],"mappings":"yHAUe,SAAiBA,GAC9B,OAAO,SAASC,EAAGC,GACjB,OAAyB,IAArBC,UAAUC,QAAgBC,EAAcC,QAACJ,GACpCD,EAEAD,EAAGO,MAAMC,KAAML,UAEzB,CACH","x_google_ignoreList":[0]}

package/dist/ui/node_modules/ramda/es/internal/_curry2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_curry1.js"),t=require("./_isPlaceholder.js");exports.default=function(u){return function r(n,f){switch(arguments.length){case 0:return r;case 1:return t.default(n)?r:e.default((function(e){return u(n,e)}));default:return t.default(n)&&t.default(f)?r:t.default(n)?e.default((function(e){return u(e,f)})):t.default(f)?e.default((function(e){return u(n,e)})):u(n,f)}}};
2	+ //# sourceMappingURL=_curry2.js.map

package/dist/ui/node_modules/ramda/es/internal/_curry2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_curry2.js","sources":["../../../../../../node_modules/ramda/es/internal/_curry2.js"],"sourcesContent":["import _curry1 from \"./_curry1.js\";\nimport _isPlaceholder from \"./_isPlaceholder.js\";\n/**\n * Optimized internal two-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\nexport default function _curry2(fn) {\n return function f2(a, b) {\n switch (arguments.length) {\n case 0:\n return f2;\n\n case 1:\n return _isPlaceholder(a) ? f2 : _curry1(function (_b) {\n return fn(a, _b);\n });\n\n default:\n return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {\n return fn(_a, b);\n }) : _isPlaceholder(b) ? _curry1(function (_b) {\n return fn(a, _b);\n }) : fn(a, b);\n }\n };\n}"],"names":["fn","f2","a","b","arguments","length","_isPlaceholder","_curry1","default","_b","_a"],"mappings":"mJAWe,SAAiBA,GAC9B,OAAO,SAASC,EAAGC,EAAGC,GACpB,OAAQC,UAAUC,QAChB,KAAK,EACH,OAAOJ,EAET,KAAK,EACH,OAAOK,EAAAA,QAAeJ,GAAKD,EAAKM,EAAOC,SAAC,SAAUC,GAChD,OAAOT,EAAGE,EAAGO,EACvB,IAEM,QACE,OAAOH,UAAeJ,IAAMI,EAAAA,QAAeH,GAAKF,EAAKK,EAAAA,QAAeJ,GAAKK,EAAOC,SAAC,SAAUE,GACzF,OAAOV,EAAGU,EAAIP,EACf,IAAIG,EAAAA,QAAeH,GAAKI,EAAOC,SAAC,SAAUC,GACzC,OAAOT,EAAGE,EAAGO,EACvB,IAAaT,EAAGE,EAAGC,GAEhB,CACH","x_google_ignoreList":[0]}

package/dist/ui/node_modules/ramda/es/internal/_isPlaceholder.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]};
2	+ //# sourceMappingURL=_isPlaceholder.js.map

package/dist/ui/node_modules/ramda/es/internal/_isPlaceholder.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"_isPlaceholder.js","sources":["../../../../../../node_modules/ramda/es/internal/_isPlaceholder.js"],"sourcesContent":["export default function _isPlaceholder(a) {\n return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;\n}"],"names":["a"],"mappings":"oFAAe,SAAwBA,GACrC,OAAY,MAALA,GAA0B,iBAANA,IAAoD,IAAlCA,EAAE,2BACjD","x_google_ignoreList":[0]}

package/dist/ui/node_modules/ramda/es/is.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./internal/_curry2.js").default((function(e,r){return null!=r&&r.constructor===e\|\|r instanceof e}));exports.default=e;
2	+ //# sourceMappingURL=is.js.map

package/dist/ui/node_modules/ramda/es/is.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"is.js","sources":["../../../../../node_modules/ramda/es/is.js"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/**\n * See if an object (`val`) is an instance of the supplied constructor. This\n * function will check up the inheritance chain, if any.\n *\n * @func\n * @memberOf R\n * @since v0.3.0\n * @category Type\n * @sig (* -> {*}) -> a -> Boolean\n * @param {Object} ctor A constructor\n * @param {*} val The value to test\n * @return {Boolean}\n * @example\n *\n * R.is(Object, {}); //=> true\n * R.is(Number, 1); //=> true\n * R.is(Object, 1); //=> false\n * R.is(String, 's'); //=> true\n * R.is(String, new String('')); //=> true\n * R.is(Object, new String('')); //=> true\n * R.is(Object, 's'); //=> false\n * R.is(Number, {}); //=> false\n */\n\nvar is =\n/*#__PURE__*/\n_curry2(function is(Ctor, val) {\n return val != null && val.constructor === Ctor || val instanceof Ctor;\n});\n\nexport default is;"],"names":["is","_curry2","Ctor","val","constructor"],"mappings":"wEAyBIA,mCAEJC,SAAQ,SAAYC,EAAMC,GACxB,OAAc,MAAPA,GAAeA,EAAIC,cAAgBF,GAAQC,aAAeD,CACnE","x_google_ignoreList":[0]}

package/dist/ui/node_modules/react/cjs/react.development.js ADDED Viewed

@@ -0,0 +1,11 @@
+"use strict";var e,t=require("../../../_virtual/react.development.js");
+/**
+ * @license React
+ * react.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */t.__module.exports,exports.__require=function(){return e||(e=1,function(e,t){"production"!==process.env.NODE_ENV&&function(){"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen"),m=Symbol.iterator,v="@@iterator";function h(e){if(null===e||"object"!=typeof e)return null;var t=m&&e[m]||e[v];return"function"==typeof t?t:null}var g={current:null},b={transition:null},_={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},w={current:null},k={},O=null;function S(e){O=e}k.setExtraStackFrame=function(e){O=e},k.getCurrentStack=null,k.getStackAddendum=function(){var e="";O&&(e+=O);var t=k.getCurrentStack;return t&&(e+=t()||""),e};var C=!1,R=!1,E=!1,j=!1,P=!1,T={ReactCurrentDispatcher:g,ReactCurrentBatchConfig:b,ReactCurrentOwner:w};function x(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];D("warn",e,r)}function $(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];D("error",e,r)}function D(e,t,r){var n=T.ReactDebugCurrentFrame.getStackAddendum();""!==n&&(t+="%s",r=r.concat([n]));var o=r.map((function(e){return String(e)}));o.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,o)}T.ReactDebugCurrentFrame=k,T.ReactCurrentActQueue=_;var L={};function I(e,t){var r=e.constructor,n=r&&(r.displayName||r.name)||"ReactClass",o=n+"."+t;L[o]||($("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,n),L[o]=!0)}var N={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,r){I(e,"forceUpdate")},enqueueReplaceState:function(e,t,r,n){I(e,"replaceState")},enqueueSetState:function(e,t,r,n){I(e,"setState")}},F=Object.assign,A={};function M(e,t,r){this.props=e,this.context=t,this.refs=A,this.updater=r||N}Object.freeze(A),M.prototype.isReactComponent={},M.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},M.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var V={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},z=function(e,t){Object.defineProperty(M.prototype,e,{get:function(){x("%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})};for(var U in V)V.hasOwnProperty(U)&&z(U,V[U]);function q(){}function B(e,t,r){this.props=e,this.context=t,this.refs=A,this.updater=r||N}q.prototype=M.prototype;var Y=B.prototype=new q;Y.constructor=B,F(Y,M.prototype),Y.isPureReactComponent=!0;var H=Array.isArray;function W(e){return H(e)}function G(e){return""+e}function K(e){if(function(e){try{return G(e),!1}catch(e){return!0}}(e))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",function(e){return"function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object"}(e)),G(e)}function J(e){return e.displayName||"Context"}function X(e){if(null==e)return null;if("number"==typeof e.tag&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case o:return"Fragment";case n:return"Portal";case i:return"Profiler";case a:return"StrictMode";case l:return"Suspense";case f:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case s:return J(e)+".Consumer";case u:return J(e._context)+".Provider";case c:return function(e,t,r){var n=e.displayName;if(n)return n;var o=t.displayName||t.name||"";return""!==o?r+"("+o+")":r}(e,e.render,"ForwardRef");case p:var t=e.displayName||null;return null!==t?t:X(e.type)||"Memo";case d:var r=e,y=r._payload,m=r._init;try{return X(m(y))}catch(e){return null}}return null}var Q,Z,ee,te=Object.prototype.hasOwnProperty,re={key:!0,ref:!0,__self:!0,__source:!0};function ne(e){if(te.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function oe(e){if(te.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}ee={};var ae=function(e,t,n,o,a,i,u){var s={$$typeof:r,type:e,key:t,ref:n,props:u,_owner:i,_store:{}};return Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function ie(e,t,r){var n,o={},a=null,i=null,u=null,s=null;if(null!=t)for(n in ne(t)&&(i=t.ref,function(e){if("string"==typeof e.ref&&w.current&&e.__self&&w.current.stateNode!==e.__self){var t=X(w.current.type);ee[t]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',t,e.ref),ee[t]=!0)}}(t)),oe(t)&&(K(t.key),a=""+t.key),u=void 0===t.__self?null:t.__self,s=void 0===t.__source?null:t.__source,t)te.call(t,n)&&!re.hasOwnProperty(n)&&(o[n]=t[n]);var c=arguments.length-2;if(1===c)o.children=r;else if(c>1){for(var l=Array(c),f=0;f<c;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(n in p)void 0===o[n]&&(o[n]=p[n])}if(a||i){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;a&&function(e,t){var r=function(){Q||(Q=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}(o,d),i&&function(e,t){var r=function(){Z||(Z=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}(o,d)}return ae(e,a,i,u,s,w.current,o)}function ue(e,t,r){if(null==e)throw new Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var n,o,a=F({},e.props),i=e.key,u=e.ref,s=e._self,c=e._source,l=e._owner;if(null!=t)for(n in ne(t)&&(u=t.ref,l=w.current),oe(t)&&(K(t.key),i=""+t.key),e.type&&e.type.defaultProps&&(o=e.type.defaultProps),t)te.call(t,n)&&!re.hasOwnProperty(n)&&(void 0===t[n]&&void 0!==o?a[n]=o[n]:a[n]=t[n]);var f=arguments.length-2;if(1===f)a.children=r;else if(f>1){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];a.children=p}return ae(e.type,i,u,s,c,l,a)}function se(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var ce=".",le=":";var fe=!1,pe=/\/+/g;function de(e){return e.replace(pe,"$&/")}function ye(e,t){return"object"==typeof e&&null!==e&&null!=e.key?(K(e.key),r=""+e.key,n={"=":"=0",":":"=2"},"$"+r.replace(/[=:]/g,(function(e){return n[e]}))):t.toString(36);var r,n}function me(e,t,o,a,i){var u=typeof e;"undefined"!==u&&"boolean"!==u||(e=null);var s,c,l,f=!1;if(null===e)f=!0;else switch(u){case"string":case"number":f=!0;break;case"object":switch(e.$$typeof){case r:case n:f=!0}}if(f){var p=e,d=i(p),y=""===a?ce+ye(p,0):a;if(W(d)){var m="";null!=y&&(m=de(y)+"/"),me(d,t,m,"",(function(e){return e}))}else null!=d&&(se(d)&&(!d.key||p&&p.key===d.key||K(d.key),s=d,c=o+(!d.key||p&&p.key===d.key?"":de(""+d.key)+"/")+y,d=ae(s.type,c,s.ref,s._self,s._source,s._owner,s.props)),t.push(d));return 1}var v=0,g=""===a?ce:a+le;if(W(e))for(var b=0;b<e.length;b++)v+=me(l=e[b],t,o,g+ye(l,b),i);else{var _=h(e);if("function"==typeof _){var w=e;_===w.entries&&(fe||x("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),fe=!0);for(var k,O=_.call(w),S=0;!(k=O.next()).done;)v+=me(l=k.value,t,o,g+ye(l,S++),i)}else if("object"===u){var C=String(e);throw new Error("Objects are not valid as a React child (found: "+("[object Object]"===C?"object with keys {"+Object.keys(e).join(", ")+"}":C)+"). If you meant to render a collection of children, use an array instead.")}}return v}function ve(e,t,r){if(null==e)return e;var n=[],o=0;return me(e,n,"","",(function(e){return t.call(r,e,o++)})),n}var he,ge=-1,be=0,_e=1,we=2;function ke(e){if(e._status===ge){var t=(0,e._result)();if(t.then((function(t){if(e._status===be||e._status===ge){var r=e;r._status=_e,r._result=t}}),(function(t){if(e._status===be||e._status===ge){var r=e;r._status=we,r._result=t}})),e._status===ge){var r=e;r._status=be,r._result=t}}if(e._status===_e){var n=e._result;return void 0===n&&$("lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",n),"default"in n||$("lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",n),n.default}throw e._result}function Oe(e){return"string"==typeof e||"function"==typeof e||(!!(e===o||e===i||P||e===a||e===l||e===f||j||e===y||C||R||E)||"object"==typeof e&&null!==e&&(e.$$typeof===d||e.$$typeof===p||e.$$typeof===u||e.$$typeof===s||e.$$typeof===c||e.$$typeof===he||void 0!==e.getModuleId))}function Se(){var e=g.current;return null===e&&$("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."),e}he=Symbol.for("react.module.reference");var Ce,Re,Ee,je,Pe,Te,xe,$e=0;function De(){}De.__reactDisabledLog=!0;var Le,Ie=T.ReactCurrentDispatcher;function Ne(e,t,r){if(void 0===Le)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);Le=n&&n[1]||""}return"\n"+Le+e}var Fe,Ae=!1,Me="function"==typeof WeakMap?WeakMap:Map;function Ve(e,t){if(!e||Ae)return"";var r,n=Fe.get(e);if(void 0!==n)return n;Ae=!0;var o,a=Error.prepareStackTrace;Error.prepareStackTrace=void 0,o=Ie.current,Ie.current=null,function(){if(0===$e){Ce=console.log,Re=console.info,Ee=console.warn,je=console.error,Pe=console.group,Te=console.groupCollapsed,xe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:De,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$e++}();try{if(t){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(i,[])}catch(e){r=e}Reflect.construct(e,[],i)}else{try{i.call()}catch(e){r=e}e.call(i.prototype)}}else{try{throw Error()}catch(e){r=e}e()}}catch(t){if(t&&r&&"string"==typeof t.stack){for(var u=t.stack.split("\n"),s=r.stack.split("\n"),c=u.length-1,l=s.length-1;c>=1&&l>=0&&u[c]!==s[l];)l--;for(;c>=1&&l>=0;c--,l--)if(u[c]!==s[l]){if(1!==c||1!==l)do{if(c--,--l<0||u[c]!==s[l]){var f="\n"+u[c].replace(" at new "," at ");return e.displayName&&f.includes("<anonymous>")&&(f=f.replace("<anonymous>",e.displayName)),"function"==typeof e&&Fe.set(e,f),f}}while(c>=1&&l>=0);break}}}finally{Ae=!1,Ie.current=o,function(){if(0==--$e){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:Ce}),info:F({},e,{value:Re}),warn:F({},e,{value:Ee}),error:F({},e,{value:je}),group:F({},e,{value:Pe}),groupCollapsed:F({},e,{value:Te}),groupEnd:F({},e,{value:xe})})}$e<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=a}var p=e?e.displayName||e.name:"",d=p?Ne(p):"";return"function"==typeof e&&Fe.set(e,d),d}function ze(e,t,r){if(null==e)return"";if("function"==typeof e)return Ve(e,function(e){var t=e.prototype;return!(!t||!t.isReactComponent)}(e));if("string"==typeof e)return Ne(e);switch(e){case l:return Ne("Suspense");case f:return Ne("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case c:return Ve(e.render,!1);case p:return ze(e.type,t,r);case d:var n=e,o=n._payload,a=n._init;try{return ze(a(o),t,r)}catch(e){}}return""}Fe=new Me;var Ue,qe={},Be=T.ReactDebugCurrentFrame;function Ye(e){if(e){var t=e._owner,r=ze(e.type,e._source,t?t.type:null);Be.setExtraStackFrame(r)}else Be.setExtraStackFrame(null)}function He(e){if(e){var t=e._owner;S(ze(e.type,e._source,t?t.type:null))}else S(null)}function We(){if(w.current){var e=X(w.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}Ue=!1;var Ge={};function Ke(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var r=function(e){var t=We();if(!t){var r="string"==typeof e?e:e.displayName||e.name;r&&(t="\n\nCheck the top-level render call using <"+r+">.")}return t}(t);if(!Ge[r]){Ge[r]=!0;var n="";e&&e._owner&&e._owner!==w.current&&(n=" It was passed a child from "+X(e._owner.type)+"."),He(e),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),He(null)}}}function Je(e,t){if("object"==typeof e)if(W(e))for(var r=0;r<e.length;r++){var n=e[r];se(n)&&Ke(n,t)}else if(se(e))e._store&&(e._store.validated=!0);else if(e){var o=h(e);if("function"==typeof o&&o!==e.entries)for(var a,i=o.call(e);!(a=i.next()).done;)se(a.value)&&Ke(a.value,t)}}function Xe(e){var t,r=e.type;if(null!=r&&"string"!=typeof r){if("function"==typeof r)t=r.propTypes;else{if("object"!=typeof r||r.$$typeof!==c&&r.$$typeof!==p)return;t=r.propTypes}if(t){var n=X(r);!function(e,t,r,n,o){var a=Function.call.bind(te);for(var i in e)if(a(e,i)){var u=void 0;try{if("function"!=typeof e[i]){var s=Error((n||"React class")+": "+r+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw s.name="Invariant Violation",s}u=e[i](t,i,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(e){u=e}!u||u instanceof Error||(Ye(o),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,i,typeof u),Ye(null)),u instanceof Error&&!(u.message in qe)&&(qe[u.message]=!0,Ye(o),$("Failed %s type: %s",r,u.message),Ye(null))}}(t,e.props,"prop",n,e)}else if(void 0!==r.PropTypes&&!Ue){Ue=!0,$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",X(r)||"Unknown")}"function"!=typeof r.getDefaultProps||r.getDefaultProps.isReactClassApproved||$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Qe(e,t,n){var a,i,u=Oe(e);if(!u){var s="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var c,l=null!=(a=t)&&void 0!==(i=a.__source)?"\n\nCheck your code at "+i.fileName.replace(/^.*[\\\/]/,"")+":"+i.lineNumber+".":"";s+=l||We(),null===e?c="null":W(e)?c="array":void 0!==e&&e.$$typeof===r?(c="<"+(X(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):c=typeof e,$("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,s)}var f=ie.apply(this,arguments);if(null==f)return f;if(u)for(var p=2;p<arguments.length;p++)Je(arguments[p],e);return e===o?function(e){for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if("children"!==n&&"key"!==n){He(e),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),He(null);break}}null!==e.ref&&(He(e),$("Invalid attribute `ref` supplied to `React.Fragment`."),He(null))}(f):Xe(f),f}var Ze=!1;var et=!1,tt=null;var rt=0,nt=!1;function ot(e){var t=rt;rt++,null===_.current&&(_.current=[]);var r,n=_.isBatchingLegacy;try{if(_.isBatchingLegacy=!0,r=e(),!n&&_.didScheduleLegacyUpdate){var o=_.current;null!==o&&(_.didScheduleLegacyUpdate=!1,st(o))}}catch(e){throw at(t),e}finally{_.isBatchingLegacy=n}if(null!==r&&"object"==typeof r&&"function"==typeof r.then){var a=r,i=!1,u={then:function(e,r){i=!0,a.then((function(n){at(t),0===rt?it(n,e,r):e(n)}),(function(e){at(t),r(e)}))}};return nt||"undefined"==typeof Promise||Promise.resolve().then((function(){})).then((function(){i||(nt=!0,$("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))})),u}var s=r;if(at(t),0===rt){var c=_.current;return null!==c&&(st(c),_.current=null),{then:function(e,t){null===_.current?(_.current=[],it(s,e,t)):e(s)}}}return{then:function(e,t){e(s)}}}function at(e){e!==rt-1&&$("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),rt=e}function it(t,r,n){var o=_.current;if(null!==o)try{st(o),function(t){if(null===tt)try{var r=("require"+Math.random()).slice(0,7),n=e&&e[r];tt=n.call(e,"timers").setImmediate}catch(e){tt=function(e){!1===et&&(et=!0,"undefined"==typeof MessageChannel&&$("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var t=new MessageChannel;t.port1.onmessage=e,t.port2.postMessage(void 0)}}tt(t)}((function(){0===o.length?(_.current=null,r(t)):it(t,r,n)}))}catch(e){n(e)}else r(t)}var ut=!1;function st(e){if(!ut){ut=!0;var t=0;try{for(;t<e.length;t++){var r=e[t];do{r=r(!0)}while(null!==r)}e.length=0}catch(r){throw e=e.slice(t+1),r}finally{ut=!1}}}var ct=Qe,lt=function(e,t,r){for(var n=ue.apply(this,arguments),o=2;o<arguments.length;o++)Je(arguments[o],n.type);return Xe(n),n},ft=function(e){var t=Qe.bind(null,e);return t.type=e,Ze||(Ze=!0,x("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(t,"type",{enumerable:!1,get:function(){return x("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},pt={map:ve,forEach:function(e,t,r){ve(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return ve(e,(function(){t++})),t},toArray:function(e){return ve(e,(function(e){return e}))||[]},only:function(e){if(!se(e))throw new Error("React.Children.only expected to receive a single React element child.");return e}};t.Children=pt,t.Component=M,t.Fragment=o,t.Profiler=i,t.PureComponent=B,t.StrictMode=a,t.Suspense=l,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T,t.act=ot,t.cloneElement=lt,t.createContext=function(e){var t={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};t.Provider={$$typeof:u,_context:t};var r=!1,n=!1,o=!1,a={$$typeof:s,_context:t};return Object.defineProperties(a,{Provider:{get:function(){return n||(n=!0,$("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),t.Provider},set:function(e){t.Provider=e}},_currentValue:{get:function(){return t._currentValue},set:function(e){t._currentValue=e}},_currentValue2:{get:function(){return t._currentValue2},set:function(e){t._currentValue2=e}},_threadCount:{get:function(){return t._threadCount},set:function(e){t._threadCount=e}},Consumer:{get:function(){return r||(r=!0,$("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),t.Consumer}},displayName:{get:function(){return t.displayName},set:function(e){o||(x("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",e),o=!0)}}}),t.Consumer=a,t._currentRenderer=null,t._currentRenderer2=null,t},t.createElement=ct,t.createFactory=ft,t.createRef=function(){var e={current:null};return Object.seal(e),e},t.forwardRef=function(e){null!=e&&e.$$typeof===p?$("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?$("forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&$("forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=e&&(null==e.defaultProps&&null==e.propTypes||$("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"));var t,r={$$typeof:c,render:e};return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return t},set:function(r){t=r,e.name||e.displayName||(e.displayName=r)}}),r},t.isValidElement=se,t.lazy=function(e){var t,r,n={$$typeof:d,_payload:{_status:ge,_result:e},_init:ke};return Object.defineProperties(n,{defaultProps:{configurable:!0,get:function(){return t},set:function(e){$("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),t=e,Object.defineProperty(n,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){$("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(n,"propTypes",{enumerable:!0})}}}),n},t.memo=function(e,t){Oe(e)||$("memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e);var r,n={$$typeof:p,type:e,compare:void 0===t?null:t};return Object.defineProperty(n,"displayName",{enumerable:!1,configurable:!0,get:function(){return r},set:function(t){r=t,e.name||e.displayName||(e.displayName=t)}}),n},t.startTransition=function(e,t){var r=b.transition;b.transition={};var n=b.transition;b.transition._updatedFibers=new Set;try{e()}finally{if(b.transition=r,null===r&&n._updatedFibers)n._updatedFibers.size>10&&x("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."),n._updatedFibers.clear()}},t.unstable_act=ot,t.useCallback=function(e,t){return Se().useCallback(e,t)},t.useContext=function(e){var t=Se();if(void 0!==e._context){var r=e._context;r.Consumer===e?$("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===e&&$("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return t.useContext(e)},t.useDebugValue=function(e,t){return Se().useDebugValue(e,t)},t.useDeferredValue=function(e){return Se().useDeferredValue(e)},t.useEffect=function(e,t){return Se().useEffect(e,t)},t.useId=function(){return Se().useId()},t.useImperativeHandle=function(e,t,r){return Se().useImperativeHandle(e,t,r)},t.useInsertionEffect=function(e,t){return Se().useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return Se().useLayoutEffect(e,t)},t.useMemo=function(e,t){return Se().useMemo(e,t)},t.useReducer=function(e,t,r){return Se().useReducer(e,t,r)},t.useRef=function(e){return Se().useRef(e)},t.useState=function(e){return Se().useState(e)},t.useSyncExternalStore=function(e,t,r){return Se().useSyncExternalStore(e,t,r)},t.useTransition=function(){return Se().useTransition()},t.version="18.3.1","undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()}(t.__module,t.__module.exports)),t.__module.exports};
+//# sourceMappingURL=react.development.js.map