npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

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

Files changed (1735) hide show

package/cjs-bundle/componentsV2/Accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../src/componentsV2/Accordion/Accordion.tsx"],"sourcesContent":["import {\n Accordion as MuiAccordion,\n AccordionDetails as MuiAccordionDetails,\n AccordionProps as MuiAccordionProps,\n AccordionSummary as MuiAccordionSummary,\n} from '@material-ui/core';\nimport { ChangeEvent, ReactNode, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { DownIcon } from '../../icons';\n\nimport styles from './Accordion.scss';\n\nexport type AccordionProps = {\n /*\n Title to show\n /\n title: ReactNode;\n /\n Content to hide under accordion\n /\n children: ReactNode;\n\n size?: 'small' \| 'medium';\n\n iconPosition?: 'start' \| 'end';\n\n /\n Controls title's color change on hover\n /\n titleHover?: boolean;\n\n open?: boolean;\n onChange?: (isOpen: boolean, event: ChangeEvent) => void;\n\n disabled?: boolean;\n\n /\n Controls whether content should persist in DOM tree if closed\n */\n unmountWhenClosed?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<AccordionProps>['size'], string> = {\n medium: styles.medium,\n small: styles.small,\n};\n\nconst SizeToIconSizeMap: Record<Required<AccordionProps>['size'], number> = {\n medium: 24,\n small: 16,\n};\n\nconst IconPosClassNameMap: Record<Required<AccordionProps>['iconPosition'], string> = {\n start: '',\n end: styles.iconEnd,\n};\n\nconst IconButtonProps = { disableRipple: true };\n\nexport const Accordion = ({\n size = 'medium',\n iconPosition = 'start',\n className,\n testId,\n children,\n open,\n title,\n onChange,\n disabled,\n titleHover = true,\n unmountWhenClosed = true,\n}: AccordionProps) => {\n const onChangeHandler = useCallback<Required<MuiAccordionProps>['onChange']>(\n (event, value) => {\n onChange?.(value, event as ChangeEvent);\n },\n [onChange]\n );\n\n const transitionProps = useMemo(\n () => ({\n unmountOnExit: unmountWhenClosed,\n }),\n [unmountWhenClosed]\n );\n\n return (\n <MuiAccordion\n expanded={open}\n onChange={onChangeHandler}\n disabled={disabled}\n className={classNames(styles.root, className)}\n data-testid={testId}\n TransitionProps={transitionProps}\n >\n <MuiAccordionSummary\n expandIcon={<DownIcon size={SizeToIconSizeMap[size]} />}\n className={classNames(\n styles.title,\n IconPosClassNameMap[iconPosition],\n SizeToClassNameMap[size],\n !titleHover && styles.staticTitle\n )}\n IconButtonProps={IconButtonProps}\n >\n {title}\n </MuiAccordionSummary>\n <MuiAccordionDetails>{children}</MuiAccordionDetails>\n </MuiAccordion>\n );\n};\n"],"names":["SizeToClassNameMap","medium","styles","small","SizeToIconSizeMap","IconPosClassNameMap","start","end","iconEnd","IconButtonProps","disableRipple","_ref","_ref$size","size","_ref$iconPosition","iconPosition","className","testId","children","open","title","onChange","disabled","_ref$titleHover","titleHover","_ref$unmountWhenClose","unmountWhenClosed","onChangeHandler","useCallback","event","value","transitionProps","useMemo","unmountOnExit","_jsxs","MuiAccordion","expanded","classNames","root","TransitionProps","_jsx","MuiAccordionSummary","expandIcon","DownIcon","staticTitle","MuiAccordionDetails"],"mappings":"~~ynIA8CMA~~,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,qBAEhB,SAYHC,GAAA,IAAAC,EAAAD,EAXpBE,KAAAA,aAAO,SAAQD,EAAAE,EAAAH,EACfI,aAAAA,aAAe,QAAOD,EACtBE,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAZ,EACRa,WAAAA,cAAiBD,EAAAE,EAAAd,EACjBe,kBAAAA,cAAwBD,EAElBE,EAAkBC,EAAAA,aACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,EAAAA,SACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAAAA,KAACC,EAAAA,UAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAU,QAACnC,EAAOoC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,MAACC,mBAAmB,CAClBC,WAAYF,MAACG,WAAQ,CAAC9B,KAAMT,EAAkBS,KAC9CG,UAAWqB,EAAAA,QACTnC,EAAOkB,MACPf,EAAoBU,GACpBf,EAAmBa,IAClBW,GAActB,EAAO0C,aAExBnC,gBAAiBA,EAAgBS,SAEhCE,IAEHoB,MAACK,mBAAmB,CAAA3B,SAAEA,MAG5B"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../src/componentsV2/Accordion/Accordion.tsx"],"sourcesContent":["import {\n Accordion as MuiAccordion,\n AccordionDetails as MuiAccordionDetails,\n AccordionProps as MuiAccordionProps,\n AccordionSummary as MuiAccordionSummary,\n} from '@material-ui/core';\nimport { ChangeEvent, ReactNode, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { DownIcon } from '../../icons';\n\nimport styles from './Accordion.scss';\n\nexport type AccordionProps = {\n /*\n Title to show\n /\n title: ReactNode;\n /\n Content to hide under accordion\n /\n children: ReactNode;\n\n size?: 'small' \| 'medium';\n\n iconPosition?: 'start' \| 'end';\n\n /\n Controls title's color change on hover\n /\n titleHover?: boolean;\n\n open?: boolean;\n onChange?: (isOpen: boolean, event: ChangeEvent) => void;\n\n disabled?: boolean;\n\n /\n Controls whether content should persist in DOM tree if closed\n */\n unmountWhenClosed?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<AccordionProps>['size'], string> = {\n medium: styles.medium,\n small: styles.small,\n};\n\nconst SizeToIconSizeMap: Record<Required<AccordionProps>['size'], number> = {\n medium: 24,\n small: 16,\n};\n\nconst IconPosClassNameMap: Record<Required<AccordionProps>['iconPosition'], string> = {\n start: '',\n end: styles.iconEnd,\n};\n\nconst IconButtonProps = { disableRipple: true };\n\nexport const Accordion = ({\n size = 'medium',\n iconPosition = 'start',\n className,\n testId,\n children,\n open,\n title,\n onChange,\n disabled,\n titleHover = true,\n unmountWhenClosed = true,\n}: AccordionProps) => {\n const onChangeHandler = useCallback<Required<MuiAccordionProps>['onChange']>(\n (event, value) => {\n onChange?.(value, event as ChangeEvent);\n },\n [onChange]\n );\n\n const transitionProps = useMemo(\n () => ({\n unmountOnExit: unmountWhenClosed,\n }),\n [unmountWhenClosed]\n );\n\n return (\n <MuiAccordion\n expanded={open}\n onChange={onChangeHandler}\n disabled={disabled}\n className={classNames(styles.root, className)}\n data-testid={testId}\n TransitionProps={transitionProps}\n >\n <MuiAccordionSummary\n expandIcon={<DownIcon size={SizeToIconSizeMap[size]} />}\n className={classNames(\n styles.title,\n IconPosClassNameMap[iconPosition],\n SizeToClassNameMap[size],\n !titleHover && styles.staticTitle\n )}\n IconButtonProps={IconButtonProps}\n >\n {title}\n </MuiAccordionSummary>\n <MuiAccordionDetails>{children}</MuiAccordionDetails>\n </MuiAccordion>\n );\n};\n"],"names":["SizeToClassNameMap","medium","styles","small","SizeToIconSizeMap","IconPosClassNameMap","start","end","iconEnd","IconButtonProps","disableRipple","_ref","_ref$size","size","_ref$iconPosition","iconPosition","className","testId","children","open","title","onChange","disabled","_ref$titleHover","titleHover","_ref$unmountWhenClose","unmountWhenClosed","onChangeHandler","useCallback","event","value","transitionProps","useMemo","unmountOnExit","_jsxs","MuiAccordion","expanded","classNames","root","TransitionProps","_jsx","MuiAccordionSummary","expandIcon","DownIcon","staticTitle","MuiAccordionDetails"],"mappings":"s1IA8CMA,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,qBAEhB,SAYHC,GAAA,IAAAC,EAAAD,EAXpBE,KAAAA,aAAO,SAAQD,EAAAE,EAAAH,EACfI,aAAAA,aAAe,QAAOD,EACtBE,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAZ,EACRa,WAAAA,cAAiBD,EAAAE,EAAAd,EACjBe,kBAAAA,cAAwBD,EAElBE,EAAkBC,EAAAA,aACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,EAAAA,SACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAAAA,KAACC,EAAAA,UAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAU,QAACnC,EAAOoC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,MAACC,mBAAmB,CAClBC,WAAYF,MAACG,WAAQ,CAAC9B,KAAMT,EAAkBS,KAC9CG,UAAWqB,EAAAA,QACTnC,EAAOkB,MACPf,EAAoBU,GACpBf,EAAmBa,IAClBW,GAActB,EAAO0C,aAExBnC,gBAAiBA,EAAgBS,SAEhCE,IAEHoB,MAACK,mBAAmB,CAAA3B,SAAEA,MAG5B"}

package/cjs-bundle/componentsV2/AppContainer/AppContainer.constants.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(""),module.exports={spacing:"8",sidePadding:"12px"};
2	+ //# sourceMappingURL=AppContainer.constants.scss.js.map

package/cjs-bundle/{components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.css.js.map → componentsV2/AppContainer/AppContainer.constants.scss.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB~~,+DAAkE~~;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB,sDAAyD;"}

package/cjs-bundle/componentsV2/AppContainer/AppContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("classnames"),i=require("lodash"),s=require("../AppCommonsProvider/AppCommonsContext.js"),o=require("../AppSizeProvider/AppSizeProvider.js"),a=require("../AppSettings/AppSettingsPinningContext.js"),d=require("../utils.js"),c=require("./AppContainer.constants.js"),l=require("./Content.js"),u=require("./AppContainer.scss.js"),p=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=f(e),b=f(r),m=f(n);function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){j.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=t.forwardRef((function(e,r){var n=e.footer,f=e.testId,j=e.className,v=e.header,P=e.children,g=e.elementsClassNames,O=e.settingsInitiallyPinned,y=e.settingsPinningEnabled,A=e.settingsHeaderControls,C=t.useState(),q=b.default(C,2),x=q[0],w=q[1],S=t.useRef(null);t.useEffect((function(){var e=i.debounce((function(){requestAnimationFrame((function(){if(S.current){var e=S.current,r=e.clientWidth,t=e.clientHeight;w({width:r,height:t})}}))}),200,{leading:!0}),r=new ResizeObserver(e);return S.current&&r.observe(S.current),function(){r.disconnect(),e.cancel()}}),[]);var z=s.useAppCommons(),E=z.maximized,I=z.appHeadersV3Enabled;return p.jsx("div",h(h({className:m.default(u.root,j),"data-testid":f,ref:r},d.AppContainerFinderProps),{},{children:p.jsx(o.AppSizeContext.Provider,{value:x,children:p.jsxs(a.AppSettingsPinningProvider,{initiallyPinned:O,pinningEnabled:y,additionalControls:A,children:[v&&p.jsx("div",{className:m.default(u.header,E&&!I&&u.headerMaximized,null==g?void 0:g.header),"data-testid":c.AppContainerTestIds.HeaderTestId,children:v}),p.jsx(l.Content,{dimensions:x,className:null==g?void 0:g.content,ref:S,children:P}),n&&!I&&p.jsx("div",{className:m.default(u.footer,null==g?void 0:g.footer),"data-testid":c.AppContainerTestIds.FooterTestId,children:n})]})})}))}));exports.AppContainer=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("classnames"),i=require("lodash");require("../AppCommonsProvider/AppCommonsProvider.js");var s=require("../AppCommonsProvider/AppCommonsContext.js"),o=require("../AppSizeProvider/AppSizeProvider.js"),a=require("../utils.js"),p=require("../AppPanel/AppPanelsContext.js"),l=require("../AppPanel/utils.js"),u=require("../AppSettings/AppSettings.js"),d=require("./AppContainer.constants.js"),c=require("./Content.js"),f=require("./AppContainer.scss.js"),m=require("react/jsx-runtime");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=j(e),b=j(r),P=j(n);function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function A(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){v.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.forwardRef((function(e,r){var n=e.footer,j=e.testId,h=e.className,C=e.header,g=e.children,O=e.elementsClassNames,y=e.settingsInitiallyPinned,q=e.settingsPinningEnabled,x=e.settingsHeaderControls,S=e.panels,w=t.useState(),I=b.default(w,2),z=I[0],N=I[1],E=t.useRef(null);t.useEffect((function(){var e=i.debounce((function(){requestAnimationFrame((function(){if(E.current){var e=E.current,r=e.clientWidth,t=e.clientHeight;N({width:r,height:t})}}))}),200,{leading:!0}),r=new ResizeObserver(e);return E.current&&r.observe(E.current),function(){r.disconnect(),e.cancel()}}),[]);var T=s.useAppCommonsInternal(),D=T.maximized,H=T.appHeadersV3Enabled,F=T.appSettingsComponent,M=t.useMemo((function(){return A(F?v.default({},l.SettingsIdSymbol,{isInitiallyPinned:!!y,isPinnable:!!q,component:u.AppSettings,additionalControls:x}):{},S)}),[F,S,y,q,x]);return m.jsx("div",A(A({className:P.default(f.root,h),"data-testid":j,ref:r},a.AppContainerFinderProps),{},{children:m.jsx(o.AppSizeContext.Provider,{value:z,children:m.jsxs(p.AppPanelsContextProvider,{panels:M,children:[C&&m.jsx("div",{className:P.default(f.header,D&&!H&&f.headerMaximized,null==O?void 0:O.header),"data-testid":d.AppContainerTestIds.HeaderTestId,children:C}),m.jsx(c.Content,{className:null==O?void 0:O.content,ref:E,children:g}),n&&!H&&m.jsx("div",{className:P.default(f.footer,null==O?void 0:O.footer),"data-testid":d.AppContainerTestIds.FooterTestId,children:n})]})})}))}));exports.AppContainer=C;
 //# sourceMappingURL=AppContainer.js.map

package/cjs-bundle/componentsV2/AppContainer/AppContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppContainer.js","sources":["../../../../src/componentsV2/AppContainer/AppContainer.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { debounce } from 'lodash';\n\nimport { ~~useAppCommons~~ } from '../AppCommonsProvider~~/AppCommonsContext~~';\nimport { AppSizeContext, AppSizeContextType } from '../AppSizeProvider';\nimport { ~~AppSettingsPinningProvider~~ } from '../~~AppSettings~~/~~AppSettingsPinningContext~~';\nimport { ~~AppContainerFinderProps~~ } from '../utils';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\nimport { Content } from './Content';\n\nimport styles from './AppContainer.scss';\n\nexport type AppContainerProps = {\n /*\n App header, usually `AppHeader`\n /\n header?: ReactNode;\n /\n App content\n /\n children?: ReactNode;\n /\n App footer, usually `AppFooter`\n /\n footer?: ReactNode;\n\n /\n An escape hatch to tweak styling of internal elements\n */\n elementsClassNames?: Partial<{\n header: string;\n footer: string;\n content?: string;\n }>;\n\n settingsInitiallyPinned?: boolean;\n settingsPinningEnabled?: boolean;\n settingsHeaderControls?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const AppContainer = forwardRef<HTMLDivElement, AppContainerProps>(\n (\n {\n footer,\n testId,\n className,\n header,\n children,\n elementsClassNames,\n settingsInitiallyPinned,\n settingsPinningEnabled,\n settingsHeaderControls,\n },\n ref\n ) => {\n const [dimensions, setDimensions] = useState<AppSizeContextType>();\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const deferredCalculateDimensions = () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, clientHeight } = containerRef.current;\n\n setDimensions({ width: clientWidth, height: clientHeight });\n }\n });\n };\n\n const onDimensionsChange = debounce(deferredCalculateDimensions, 200, { leading: true });\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n const { maximized, appHeadersV3Enabled } = ~~useAppCommons~~();\n\n return (\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n ref={ref}\n // Needed for some components to find app's root element\n {...AppContainerFinderProps}\n >\n <AppSizeContext.Provider value={dimensions}>\n <~~AppSettingsPinningProvider\n initiallyPinned~~={~~settingsInitiallyPinned~~}~~\n pinningEnabled={settingsPinningEnabled}\n additionalControls={settingsHeaderControls}\n~~ >\n {header && (\n <div\n className={classNames(\n styles.header,\n maximized && !appHeadersV3Enabled && styles.headerMaximized,\n elementsClassNames?.header\n )}\n data-testid={AppContainerTestIds.HeaderTestId}\n >\n {header}\n </div>\n )}\n\n <Content~~\n dimensions={dimensions}\n~~ className={elementsClassNames?.content}\n ref={containerRef}\n >\n {children}\n </Content>\n\n {footer && !appHeadersV3Enabled && (\n <div\n className={classNames(styles.footer, elementsClassNames?.footer)}\n data-testid={AppContainerTestIds.FooterTestId}\n >\n {footer}\n </div>\n )}\n </~~AppSettingsPinningProvider~~>\n </AppSizeContext.Provider>\n </div>\n );\n }\n);\n"],"names":["AppContainer","forwardRef","_ref","ref","footer","testId","className","header","children","elementsClassNames","settingsInitiallyPinned","settingsPinningEnabled","settingsHeaderControls","_useState","useState","_useState2","_slicedToArray","dimensions","setDimensions","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","clientHeight","width","height","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","~~_useAppCommons~~","~~useAppCommons~~","maximized","appHeadersV3Enabled","~~_jsx~~","_objectSpread","~~classNames~~","~~styles~~","~~root~~","~~AppContainerFinderProps~~","~~AppSizeContext~~","~~Provider~~","~~value~~","~~_jsxs~~","~~AppSettingsPinningProvider~~","~~initiallyPinned~~","~~pinningEnabled~~","~~additionalControls~~","jsx","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"~~2tCA6CaA~~,EAAeC,EAAUA,YACpC,SAAAC,~~EAYEC~~,GACG,~~IAXDC~~,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,wBACAC,IAAAA,uBACAC,IAAAA,~~uBAIFC~~,EAAoCC,EAAAA,WAA8BC,EAAAC,EAAAA,QAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,SAAuB,MAE5CC,EAAAA,WAAU,WACR,IAUMC,EAAqBC,EAAAA,UAVS,WAClCC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAsCN,EAAAA,EAAaM,QAA3CC,IAAAA,YAAaC,IAAAA,aAErBT,EAAc,CAAEU,MAAOF,EAAaG,OAAQF,GAC9C,CACF,MAG+D,IAAK,CAAEG,SAAS,IAE3EC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIH,EAAaM,SACfM,EAAeE,QAAQd,EAAaM,SAG/B,WACLM,EAAeG,aACfZ,EAAmBa,SAEtB,GAAE,IAEH,IAAAC,~~EAA2CC~~,EAAAA,~~gBAAnCC~~,IAAAA,UAAWC,IAAAA,~~oBAEnB~~,OACEC,MAAA,~~MAAAC~~,EAAAA,EAAA,~~CACEnC~~,~~UAAWoC~~,EAAU,QAACC,EAAOC,~~KAAMtC~~,GACnC,cAAaD,EACbF,IAAKA,~~GAED0C~~,EAAAA,yBAAuB,GAAA,~~CAAArC~~,~~SAE3BgC~~,EAAAA,~~IAACM~~,EAAcA,eAACC,SAAQ,CAACC,~~MAAO/B~~,~~EAAWT~~,~~SACzCyC~~,OAACC,~~6BAA0B~~,~~CACzBC~~,~~gBAAiBzC~~,~~EACjB0C~~,~~eAAgBzC,EAChB0C,mBAAoBzC,EAAuBJ,~~SAAA,~~CAE1CD~~,~~GACCiC~~,~~EAAAc~~,IAAA,MAAA,~~CACEhD~~,~~UAAWoC~~,EAAU,QACnBC,~~EAAOpC~~,~~OACP+B~~,IAAcC,~~GAAuBI~~,~~EAAOY~~,~~gBAC5C9C~~,aAAAA,EAAAA,EAAoBF,QAEtB,~~cAAaiD~~,EAAmBA,oBAACC,~~aAAajD~~,SAE7CD,~~IAILiC~~,~~MAACkB~~,UAAO,~~CACNzC~~,~~WAAYA,EACZX,~~UAAWG,aAAAA,EAAAA,~~EAAoBkD~~,~~QAC/BxD~~,~~IAAKgB~~,~~EAAaX~~,~~SAEjBA~~,IAGFJ,~~IAAWmC~~,~~GACVC~~,EAAAA,IAAA,MAAA,~~CACElC~~,~~UAAWoC~~,EAAU,QAACC,~~EAAOvC~~,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,~~cAAaoD~~,EAAmBA,oBAACI,~~aAAapD~~,SAE7CJ,WAOf"}
1	+ {"version":3,"file":"AppContainer.js","sources":["../../../../src/componentsV2/AppContainer/AppContainer.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { debounce } from 'lodash';\n\nimport { useAppCommonsInternal } from '../AppCommonsProvider';\nimport { AppSizeContext, AppSizeContextType } from '../AppSizeProvider';\nimport { AppContainerFinderProps } from '../utils';\nimport { AppPanelsContextProvider } from '../AppPanel/AppPanelsContext';\nimport { AppPanelConfigInternal, PanelConfig, SettingsIdSymbol } from '../AppPanel/utils';\nimport { AppSettings } from '../AppSettings';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\nimport { Content } from './Content';\n\nimport styles from './AppContainer.scss';\n\nexport type AppContainerProps = {\n /*\n App header, usually `AppHeader`\n /\n header?: ReactNode;\n /\n App content\n /\n children?: ReactNode;\n /\n App footer, usually `AppFooter`\n /\n footer?: ReactNode;\n\n /\n An escape hatch to tweak styling of internal elements\n /\n elementsClassNames?: Partial<{\n header: string;\n footer: string;\n content?: string;\n }>;\n\n /\n Config object for standard app panels\n */\n panels?: Record<string, PanelConfig>;\n\n settingsInitiallyPinned?: boolean;\n settingsPinningEnabled?: boolean;\n settingsHeaderControls?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const AppContainer = forwardRef<HTMLDivElement, AppContainerProps>(\n (\n {\n footer,\n testId,\n className,\n header,\n children,\n elementsClassNames,\n settingsInitiallyPinned,\n settingsPinningEnabled,\n settingsHeaderControls,\n panels,\n },\n ref\n ) => {\n const [dimensions, setDimensions] = useState<AppSizeContextType>();\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const deferredCalculateDimensions = () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, clientHeight } = containerRef.current;\n\n setDimensions({ width: clientWidth, height: clientHeight });\n }\n });\n };\n\n const onDimensionsChange = debounce(deferredCalculateDimensions, 200, { leading: true });\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n const { maximized, appHeadersV3Enabled, appSettingsComponent } = useAppCommonsInternal();\n\n const panelsWithSettings = useMemo((): AppPanelConfigInternal => {\n if (appSettingsComponent) {\n return {\n [SettingsIdSymbol]: {\n isInitiallyPinned: !!settingsInitiallyPinned,\n isPinnable: !!settingsPinningEnabled,\n component: AppSettings,\n additionalControls: settingsHeaderControls,\n },\n ...panels,\n };\n }\n\n return { ...panels };\n }, [\n appSettingsComponent,\n panels,\n settingsInitiallyPinned,\n settingsPinningEnabled,\n settingsHeaderControls,\n ]);\n\n return (\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n ref={ref}\n // Needed for some components to find app's root element\n {...AppContainerFinderProps}\n >\n <AppSizeContext.Provider value={dimensions}>\n <AppPanelsContextProvider panels={panelsWithSettings}>\n {header && (\n <div\n className={classNames(\n styles.header,\n maximized && !appHeadersV3Enabled && styles.headerMaximized,\n elementsClassNames?.header\n )}\n data-testid={AppContainerTestIds.HeaderTestId}\n >\n {header}\n </div>\n )}\n\n <Content className={elementsClassNames?.content} ref={containerRef}>\n {children}\n </Content>\n\n {footer && !appHeadersV3Enabled && (\n <div\n className={classNames(styles.footer, elementsClassNames?.footer)}\n data-testid={AppContainerTestIds.FooterTestId}\n >\n {footer}\n </div>\n )}\n </AppPanelsContextProvider>\n </AppSizeContext.Provider>\n </div>\n );\n }\n);\n"],"names":["AppContainer","forwardRef","_ref","ref","footer","testId","className","header","children","elementsClassNames","settingsInitiallyPinned","settingsPinningEnabled","settingsHeaderControls","panels","_useState","useState","_useState2","_slicedToArray","dimensions","setDimensions","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","clientHeight","width","height","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_useAppCommonsInterna","useAppCommonsInternal","maximized","appHeadersV3Enabled","appSettingsComponent","panelsWithSettings","useMemo","_objectSpread","_defineProperty","SettingsIdSymbol","isInitiallyPinned","isPinnable","component","AppSettings","additionalControls","_jsx","classNames","styles","root","AppContainerFinderProps","AppSizeContext","Provider","value","_jsxs","AppPanelsContextProvider","jsx","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"u1CAoDaA,EAAeC,EAAUA,YACpC,SAAAC,EAaEC,GACG,IAZDC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,wBACAC,IAAAA,uBACAC,IAAAA,uBACAC,IAAAA,OAIFC,EAAoCC,EAAAA,WAA8BC,EAAAC,EAAAA,QAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,SAAuB,MAE5CC,EAAAA,WAAU,WACR,IAUMC,EAAqBC,EAAAA,UAVS,WAClCC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAsCN,EAAAA,EAAaM,QAA3CC,IAAAA,YAAaC,IAAAA,aAErBT,EAAc,CAAEU,MAAOF,EAAaG,OAAQF,GAC9C,CACF,MAG+D,IAAK,CAAEG,SAAS,IAE3EC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIH,EAAaM,SACfM,EAAeE,QAAQd,EAAaM,SAG/B,WACLM,EAAeG,aACfZ,EAAmBa,SAEtB,GAAE,IAEH,IAAAC,EAAiEC,EAAAA,wBAAzDC,IAAAA,UAAWC,IAAAA,oBAAqBC,IAAAA,qBAElCC,EAAqBC,EAAAA,SAAQ,WACjC,OACEC,EADEH,EACFI,EAAAA,QAAA,CAAA,EACGC,mBAAmB,CAClBC,oBAAqBrC,EACrBsC,aAAcrC,EACdsC,UAAWC,EAAWA,YACtBC,mBAAoBvC,IAM1B,GAJOC,EAKT,GAAG,CACD4B,EACA5B,EACAH,EACAC,EACAC,IAGF,OACEwC,MAAA,MAAAR,EAAAA,EAAA,CACEtC,UAAW+C,EAAU,QAACC,EAAOC,KAAMjD,GACnC,cAAaD,EACbF,IAAKA,GAEDqD,EAAAA,yBAAuB,GAAA,CAAAhD,SAE3B4C,EAAAA,IAACK,EAAcA,eAACC,SAAQ,CAACC,MAAOzC,EAAWV,SACzCoD,OAACC,2BAAwB,CAAChD,OAAQ6B,EAAmBlC,SAAA,CAClDD,GACC6C,EAAAU,IAAA,MAAA,CACExD,UAAW+C,EAAU,QACnBC,EAAO/C,OACPgC,IAAcC,GAAuBc,EAAOS,gBAC5CtD,aAAAA,EAAAA,EAAoBF,QAEtB,cAAayD,EAAmBA,oBAACC,aAAazD,SAE7CD,IAIL6C,MAACc,UAAO,CAAC5D,UAAWG,aAAAA,EAAAA,EAAoB0D,QAAShE,IAAKiB,EAAaZ,SAChEA,IAGFJ,IAAWoC,GACVY,EAAAA,IAAA,MAAA,CACE9C,UAAW+C,EAAU,QAACC,EAAOlD,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,cAAa4D,EAAmBA,oBAACI,aAAa5D,SAE7CJ,WAOf"}

package/cjs-bundle/componentsV2/AppContainer/AppContainer.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;position:relative;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{display:flex;flex-flow:column nowrap;flex-grow:1;padding:0 12px;transition:width .15s cubic-bezier(.4,0,.2,1);width:100%}.AppContainer_content__jwvuY.AppContainer_withPinnedSettings__S5LyP{width:calc(100% - 308px)}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_headerMaximized__2v0mT{padding-right:28px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}.AppContainer_pinnedSettings__UYDTW{--corvaui-background:var(--palette-background-b-6);background-color:var(--palette-background-b-6);bottom:0;overflow:hidden;position:absolute;right:12px;width:296px}"),module.exports={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY",withPinnedSettings:"AppContainer_withPinnedSettings__S5LyP",headerMaximized:"AppContainer_headerMaximized__2v0mT",pinnedSettings:"AppContainer_pinnedSettings__UYDTW"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;position:relative;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_contentWrapper__ThRi-{display:flex;flex-flow:row nowrap;flex-grow:1;height:100%;min-height:1px;min-width:1px;position:relative}.AppContainer_content__jwvuY{display:flex;flex:1 1;flex-flow:column nowrap;height:100%;min-width:1px;padding:0 12px}.AppContainer_panelAnchor__Zscxv{inset:0 12px auto 12px;position:absolute}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_headerMaximized__2v0mT{padding-right:28px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}"),module.exports={spacing:"8",sidePadding:"12px",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",contentWrapper:"AppContainer_contentWrapper__ThRi-",content:"AppContainer_content__jwvuY",panelAnchor:"AppContainer_panelAnchor__Zscxv",headerMaximized:"AppContainer_headerMaximized__2v0mT"};
 //# sourceMappingURL=AppContainer.scss.js.map

package/cjs-bundle/componentsV2/AppContainer/Content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("react"),n=require("../Paper/Paper.js"),s=require("../AppSettings/AppSettings.js");require("../AppSettings/AppSettings.constants.js");var i=require("../AppSettings/AppSettingsPinningContext.js"),r=require("./AppContainer.constants.js"),a=require("./AppContainer.scss.js"),p=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(e),c=t.forwardRef((function(e,o){var c=e.className,l=e.children,d=e.dimensions,g=i.useAppSettingPinning(),j=g.isPinned,f=g.close,h=t.useCallback((function(){f(!0)}),[f]),A=t.useMemo((function(){return{height:"".concat(null==d?void 0:d.height,"px")}}),[null==d?void 0:d.height]);return p.jsxs(p.Fragment,{children:[p.jsx("div",{className:u.default(a.content,j&&a.withPinnedSettings,c),"data-testid":r.AppContainerTestIds.ContentTestId,ref:o,children:l}),!!d&&j&&p.jsx(n.Paper,{className:a.pinnedSettings,children:p.jsx(s.AppSettings,{rootStyles:A,onClose:h})})]})}));exports.Content=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),n=require("react"),r=require("../AppPanel/AppPanelsContext.js"),t=require("../AppPanel/AppPanelDisplay.js"),s=require("./AppContainer.constants.js"),a=require("./AppContainer.scss.js"),p=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),o=n.forwardRef((function(e,i){var o=e.className,u=e.children,c=n.useRef(null),d=r.useAppPanelsIds();return p.jsxs("div",{className:a.contentWrapper,ref:i,children:[p.jsx("div",{className:a.panelAnchor,ref:c}),d.start.map((function(e,n){return p.jsx(t.AppPanelDisplay,{id:e,anchorRef:c},"string"==typeof e?e:n)})),p.jsx("div",{className:l.default(a.content,o),"data-testid":s.AppContainerTestIds.ContentTestId,children:u}),d.end.map((function(e,n){return p.jsx(t.AppPanelDisplay,{id:e,anchorRef:c},"string"==typeof e?e:n)}))]})}));exports.Content=o;
 //# sourceMappingURL=Content.js.map

package/cjs-bundle/componentsV2/AppContainer/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/componentsV2/AppContainer/Content.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode, ~~useCallback,~~ ~~useMemo~~ } from 'react';\n\nimport { ~~Paper~~ } from '../~~Paper~~';\nimport { ~~AppSettings~~ } from '../~~AppSettings';\nimport { useAppSettingPinning } from '../AppSettings~~/~~AppSettingsPinningContext~~';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\n\nimport styles from './AppContainer.scss';\n\ntype ContentProps = {\n className?: string;\n children?: ReactNode;\n ~~dimensions?: { height: number; width: number~~ };\n~~};\n~~\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(\n ({ className, children, ~~dimensions~~ }, ref) => {\n const { ~~isPinned, close }~~ = ~~useAppSettingPinning~~();\n\n const ~~closeSettings~~ = ~~useCallback~~(() ~~=> {~~\n ~~close~~(~~true);\~~n }, ~~[close]);\~~n~~\n const~~ ~~settingsStyles~~ = ~~useMemo(~~\n () => ({ ~~height~~: ~~`${dimensions?.height~~}~~px` }),\~~n ~~[dimensions?.height]\n~~ )~~;\n~~\n ~~return (~~\n ~~<>\n~~ <div\n className={classNames(styles.content, ~~isPinned && styles.withPinnedSettings,~~ className)}\n data-testid={AppContainerTestIds.ContentTestId}\n ~~ref={ref}\~~n ~~>\n~~ {children}\n </div>\n\n {~~!!dimensions~~ && ~~isPinned~~ && (\n ~~<Paper className~~={~~styles.pinnedSettings~~}>\n ~~<AppSettings rootStyles~~={~~settingsStyles~~} ~~onClose~~={~~closeSettings~~} />\n ~~</Paper>\n~~ )}\n ~~</>\~~n );\n }\n);\n"],"names":["Content","forwardRef","_ref","ref","className","children","~~dimensions~~","~~_useAppSettingPinning~~","~~useAppSettingPinning~~","~~isPinned~~","~~close~~","~~closeSettings~~","~~useCallback~~","~~settingsStyles~~","~~useMemo~~","~~height~~","~~_jsxs~~","~~_Fragment~~","~~_jsx~~","~~jsx~~","~~classNames~~","~~styles~~","~~content~~","~~withPinnedSettings~~","AppContainerTestIds","ContentTestId","~~Paper~~"~~,"pinnedSettings","AppSettings","rootStyles","onClose"~~],"mappings":"~~4eAiBaA~~,EAAUC,EAAUA,~~YAC/~~B,SAAAC,~~EAAsCC~~,GAAQ,~~IAA3CC~~,IAAAA,UAAWC,IAAAA,~~SAAUC~~,~~IAAAA~~,~~WACtBC~~,~~EAA4BC~~,EAAAA,~~uBAApBC~~,~~IAAAA~~,~~SAAUC~~,~~IAAAA~~,~~MAEZC~~,~~EAAgBC~~,~~EAAAA~~,~~aAAY~~,~~WAChCF~~,~~GAAM~~,~~EACR~~,~~GAAG~~,~~CAACA~~,~~IAEEG~~,~~EAAiBC~~,~~EAAAA~~,~~SACrB~~,~~WAAA~~,~~MAAO~~,~~CAAEC~~,~~iBAAWT~~,~~aAAAA~~,~~EAAAA~~,~~EAAYS~~,~~OAAM~~,~~SACtC~~,~~CAACT~~,~~eAAAA~~,~~EAAYS~~,~~SAGf~~,~~OACEC~~,EAAAA,~~KAAAC~~,~~EAAAA~~,~~SAAA~~,~~CAAAZ~~,~~SACE~~,~~CAAAa~~,EAAAC,IAAA,MAAA,~~CACEf~~,~~UAAWgB~~,EAAU,~~QAACC~~,~~EAAOC~~,~~QAASb~~,~~GAAYY~~,~~EAAOE,mBAAoBnB,GAC7E,~~cAAaoB,EAAmBA,oBAACC,~~cACjCtB~~,~~IAAKA~~,~~EAAIE~~,~~SAERA~~,~~MAGAC~~,~~GAAcG~~,~~GACfS~~,~~EAAAA~~,~~IAACQ~~,EAAAA,~~MAAK~~,~~CAACtB~~,~~UAAWiB~~,~~EAAOM~~,~~eAAetB~~,~~SACtCa~~,~~MAACU~~,~~cAAW~~,~~CAACC~~,~~WAAYhB~~,~~EAAgBiB~~,~~QAASnB~~,~~QAK5D~~"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/componentsV2/AppContainer/Content.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode, useRef } from 'react';\n\nimport { useAppPanelsIds } from '../AppPanel/AppPanelsContext';\nimport { AppPanelDisplay } from '../AppPanel/AppPanelDisplay';\n\nimport { AppContainerTestIds } from './AppContainer.constants';\n\nimport styles from './AppContainer.scss';\n\ntype ContentProps = {\n className?: string;\n children?: ReactNode;\n};\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(({ className, children }, ref) => {\n const panelAnchorRef = useRef<HTMLDivElement>(null);\n const panelIds = useAppPanelsIds();\n\n return (\n <div className={styles.contentWrapper} ref={ref}>\n <div className={styles.panelAnchor} ref={panelAnchorRef} />\n\n {panelIds.start.map((id, index) => (\n <AppPanelDisplay\n id={id}\n anchorRef={panelAnchorRef}\n key={typeof id === 'string' ? id : index}\n />\n ))}\n\n <div\n className={classNames(styles.content, className)}\n data-testid={AppContainerTestIds.ContentTestId}\n >\n {children}\n </div>\n\n {panelIds.end.map((id, index) => (\n <AppPanelDisplay\n id={id}\n anchorRef={panelAnchorRef}\n key={typeof id === 'string' ? id : index}\n />\n ))}\n </div>\n );\n});\n"],"names":["Content","forwardRef","_ref","ref","className","children","panelAnchorRef","useRef","panelIds","useAppPanelsIds","_jsxs","styles","contentWrapper","_jsx","jsx","panelAnchor","start","map","id","index","AppPanelDisplay","anchorRef","classNames","content","AppContainerTestIds","ContentTestId","end"],"mappings":"2YAeaA,EAAUC,EAAUA,YAA+B,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,UAAWC,IAAAA,SACtEC,EAAiBC,SAAuB,MACxCC,EAAWC,EAAAA,kBAEjB,OACEC,EAAAA,KAAA,MAAA,CAAKN,UAAWO,EAAOC,eAAgBT,IAAKA,EAAIE,SAC9C,CAAAQ,EAAAC,IAAA,MAAA,CAAKV,UAAWO,EAAOI,YAAaZ,IAAKG,IAExCE,EAASQ,MAAMC,KAAI,SAACC,EAAIC,GAAK,OAC5BN,EAAAA,IAACO,EAAAA,gBAAe,CACdF,GAAIA,EACJG,UAAWf,GACQ,iBAAPY,EAAkBA,EAAKC,EACnC,IAGJN,EAAAC,IAAA,MAAA,CACEV,UAAWkB,EAAU,QAACX,EAAOY,QAASnB,GACtC,cAAaoB,EAAmBA,oBAACC,cAAcpB,SAE9CA,IAGFG,EAASkB,IAAIT,KAAI,SAACC,EAAIC,GAAK,OAC1BN,EAAAA,IAACO,EAAAA,gBAAe,CACdF,GAAIA,EACJG,UAAWf,GACQ,iBAAPY,EAAkBA,EAAKC,EACnC,MAIV"}

package/cjs-bundle/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment"),o=require("lodash"),e=require("../../Tooltip/Tooltip.js"),c=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),n=require("../../Text/Text.js"),r=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),t=require("../../../constants/mixpanel.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var l=require("./DqAlertTooltip.scss.js"),a=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=d(s),j=function(s){return s&&m.default.unix(s).format("MMM D YYYY, hh:mm A")},q=function(s){return m.default.unix(s).format("DD MMM HH:mm (Z)")},I=function(s){var e=s.message,c=o.template(e)({timestampFormatter:q}).split("**").map((function(s,o){return o%2==1?a.jsx("b",{children:s},o):s}));return a.jsx("span",{className:l.message,children:c})},v=function(s){var o=s.children,e=s.label,c=s.className;return a.jsxs("div",{className:l.item,children:[e&&a.jsx(n.Text,{size:14,color:"T6",children:e}),o&&a.jsx(n.Text,{size:14,color:"T1",className:c,children:o})]})};exports.DqAlertTooltip=function(s){var o,d,m,q,p,h,x,C,T,g,A,D,b,F,M,f,S,y,O,N,k,P,E,U=s.children,R=s.item,B=Math.max(null===(o=R.alert)||void 0===o?void 0:o.statusUpdatedAt,null===(d=R.alert)||void 0===d?void 0:d.lastCheckedAt),z=j(B),G=a.jsx("div",{className:l.content,children:null!==(m=R.alert)&&void 0!==m&&m.emptyMessage?a.jsx(n.Text,{size:16,children:null!==(q=R.alert)&&void 0!==q&&q.statusUpdatedAt?j(null===(p=R.alert)||void 0===p?void 0:p.statusUpdatedAt):null===(h=R.alert)||void 0===h?void 0:h.emptyMessage}):a.jsxs(a.Fragment,{children:[a.jsxs(n.Text,{size:16,className:l.title,children:[null===(x=R.alert)||void 0===x?void 0:x.name,a.jsx(e.Tooltip,{title:"Go to Data Quality page",children:a.jsx(r.UniversalLink,{href:R.linkToDQPage,onClick:function(){var s,o;null===(s=(o=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(o,t.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a.jsx(c.ButtonIcon,{size:"medium",type:"secondary",children:a.jsx(u.ArrowRightIcon,{})})})})]}),a.jsxs("div",{className:l.items,children:[a.jsx(v,{label:"Category:",children:null===(C=R.alert)||void 0===C?void 0:C.category}),a.jsx(v,{label:"Status:",className:l.status,children:null===(T=R.alert)||void 0===T?void 0:T.status}),a.jsxs(v,{label:"Error Type:",className:"Issue"===(null===(g=R.alert)||void 0===g?void 0:g.state)?l.typeWarning:l.typeError,children:[a.jsx(i.DqStatusIcon,{statusBadgeIconType:"Issue"===(null===(A=R.alert)||void 0===A?void 0:A.state)?"issue":"error",className:l.typeIcon}),null===(D=R.alert)||void 0===D?void 0:D.state]}),a.jsx(v,{label:"Score Deduction:",className:(P=null===(b=R.alert)||void 0===b?void 0:b.deductsFromScore,E="resolved"===(null===(F=R.alert)||void 0===F?void 0:F.status),E||!P?"":P>40?l.deductError:P>10?l.deductWarning:P>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(M=R.alert)||void 0===M?void 0:M.status)&&null!==(f=R.alert)&&void 0!==f&&f.deductsFromScore&&(null===(S=R.alert)||void 0===S?void 0:S.deductsFromScore)>=0?"".concat(null===(y=R.alert)||void 0===y?void 0:y.deductsFromScore,"%"):"—"}),a.jsxs(v,{className:l.alertMessage,children:[(null===(O=R.alert)||void 0===O?void 0:O.isThrottled)&&a.jsx("b",{children:"[Throttled]: "}),a.jsx(I,{message:null===(N=R.alert)||void 0===N?void 0:N.message})]}),a.jsx(v,{label:"Note:",children:(null===(k=R.alert)||void 0===k?void 0:k.note)||"—"}),a.jsx(v,{label:"Updated at:",children:z})]})]})});return a.jsx(e.Tooltip,{title:G,placement:"right",interactive:!0,className:l.root,children:U})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment"),o=require("lodash"),e=require("../../Tooltip/Tooltip.js"),c=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),n=require("../../Text/Text.js"),r=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),t=require("../../../constants/mixpanel.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var l=require("./DqAlertTooltip.scss.js"),a=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=d(s),j=function(s){return s&&m.default.unix(s).format("MMM D YYYY, hh:mm A")},q=function(s){return m.default.unix(s).format("DD MMM HH:mm (Z)")},I=function(s){var e=s.message,c=o.template(e)({timestampFormatter:q}).split("**").map((function(s,o){return o%2==1?a.jsx("b",{children:s},o):s}));return a.jsx("span",{className:l.message,children:c})},v=function(s){var o=s.children,e=s.label,c=s.className;return a.jsxs("div",{className:l.item,children:[e&&a.jsx(n.Text,{size:14,color:"T6",children:e}),o&&a.jsx(n.Text,{size:14,color:"T1",className:c,children:o})]})};exports.DqAlertTooltip=function(s){var o,d,m,q,p,h,x,C,T,g,F,A,D,b,M,f,O,S,y,N,P,k,E,R=s.children,U=s.item,B=Math.max(null===(o=U.alert)||void 0===o?void 0:o.statusUpdatedAt,null===(d=U.alert)||void 0===d?void 0:d.lastCheckedAt),z=j(B),G=a.jsx("div",{className:l.content,children:null!==(m=U.alert)&&void 0!==m&&m.emptyMessage?a.jsx(n.Text,{size:16,children:null!==(q=U.alert)&&void 0!==q&&q.statusUpdatedAt?j(null===(p=U.alert)||void 0===p?void 0:p.statusUpdatedAt):null===(h=U.alert)||void 0===h?void 0:h.emptyMessage}):a.jsxs(a.Fragment,{children:[a.jsxs(n.Text,{size:16,className:l.title,children:[null===(x=U.alert)||void 0===x?void 0:x.name,a.jsx(e.Tooltip,{title:"Go to Data Quality page",children:a.jsx(r.UniversalLink,{href:U.linkToDQPage,onClick:function(){var s,o;null===(s=(o=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(o,t.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a.jsx(c.ButtonIcon,{size:"medium",type:"secondary",children:a.jsx(u.ArrowRightIcon,{})})})})]}),a.jsxs("div",{className:l.items,children:[a.jsx(v,{label:"Category:",children:null===(C=U.alert)||void 0===C?void 0:C.category}),a.jsx(v,{label:"Status:",className:l.status,children:null===(T=U.alert)||void 0===T?void 0:T.status}),a.jsxs(v,{label:"Error Type:",className:"Issue"===(null===(g=U.alert)||void 0===g?void 0:g.state)?l.typeWarning:l.typeError,children:[a.jsx(i.DqStatusIcon,{statusBadgeIconType:"Issue"===(null===(F=U.alert)||void 0===F?void 0:F.state)?"issue":"error",className:l.typeIcon}),null===(A=U.alert)||void 0===A?void 0:A.state]}),a.jsx(v,{label:"Score Deduction:",className:(k=null===(D=U.alert)||void 0===D?void 0:D.deductsFromScore,E="resolved"===(null===(b=U.alert)||void 0===b?void 0:b.status),E||!k?"":k>40?l.deductError:k>10?l.deductWarning:k>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(M=U.alert)||void 0===M?void 0:M.status)&&null!==(f=U.alert)&&void 0!==f&&f.deductsFromScore&&(null===(O=U.alert)||void 0===O?void 0:O.deductsFromScore)>=0?"".concat(null===(S=U.alert)||void 0===S?void 0:S.deductsFromScore,"%"):"—"}),a.jsxs(v,{className:l.alertMessage,children:[(null===(y=U.alert)||void 0===y?void 0:y.isThrottled)&&a.jsx("b",{children:"[Throttled]: "}),a.jsx(I,{message:null===(N=U.alert)||void 0===N?void 0:N.message})]}),a.jsx(v,{label:"Note:",children:(null===(P=U.alert)||void 0===P?void 0:P.note)||"—"}),a.jsx(v,{label:"Updated at:",children:z})]})]})});return a.jsx(e.Tooltip,{title:G,placement:"right",interactive:!0,className:l.root,children:R})};
 //# sourceMappingURL=DqAlertTooltip.js.map

package/cjs-bundle/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqAlertTooltip.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\nimport { template } from 'lodash';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n const compiled = template(message);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number \| undefined, isResolved: boolean) => {\n if (isResolved \|\| !score) return '';\n\n if (score > 40) {\n return styles.deductError;\n } else if (score > 10) {\n return styles.deductWarning;\n } else if (score > 5) {\n return styles.deductOk;\n }\n\n return styles.deductGood;\n};\n\nconst Item = ({\n children,\n label,\n className,\n}: {\n label?: ReactNode;\n children?: ReactNode;\n className?: string;\n}) => (\n <div className={styles.item}>\n {label && (\n <Text size={14} color=\"T6\">\n {label}\n </Text>\n )}\n {children && (\n <Text size={14} color=\"T1\" className={className}>\n {children}\n </Text>\n )}\n </div>\n);\n\nexport type DqAlertTooltipProps = {\n children: ReactElement;\n item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n const title = (\n <div className={styles.content}>\n {item.alert?.emptyMessage ? (\n <Text size={16}>\n {item.alert?.statusUpdatedAt\n ? formatDate(item.alert?.statusUpdatedAt)\n : item.alert?.emptyMessage}\n </Text>\n ) : (\n <>\n <Text size={16} className={styles.title}>\n {item.alert?.name}\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n href={item.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n </Text>\n\n <div className={styles.items}>\n <Item label=\"Category:\">{item.alert?.category}</Item>\n <Item label=\"Status:\" className={styles.status}>\n {item.alert?.status}\n </Item>\n <Item\n label=\"Error Type:\"\n className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n >\n <DqStatusIcon\n statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n className={styles.typeIcon}\n />\n {item.alert?.state}\n </Item>\n <Item\n label=\"Score Deduction:\"\n className={getDeductsFromScoreClass(\n item.alert?.deductsFromScore,\n item.alert?.status === 'resolved'\n )}\n >\n {item.alert?.status !== 'resolved' &&\n item.alert?.deductsFromScore &&\n item.alert?.deductsFromScore >= 0\n ? `${item.alert?.deductsFromScore}%`\n : '—'}\n </Item>\n <Item className={styles.alertMessage}>\n {item.alert?.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage message={item.alert?.message} />\n </Item>\n <Item label=\"Note:\">{item.alert?.note \|\| '—'}</Item>\n <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n </div>\n </>\n )}\n </div>\n );\n\n return (\n <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n {children}\n </Tooltip>\n );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","template","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","jsx","Text","size","color","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","jsxs","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"~~unJAeMA~~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"}
1	+ {"version":3,"file":"DqAlertTooltip.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\nimport { template } from 'lodash';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n const compiled = template(message);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number \| undefined, isResolved: boolean) => {\n if (isResolved \|\| !score) return '';\n\n if (score > 40) {\n return styles.deductError;\n } else if (score > 10) {\n return styles.deductWarning;\n } else if (score > 5) {\n return styles.deductOk;\n }\n\n return styles.deductGood;\n};\n\nconst Item = ({\n children,\n label,\n className,\n}: {\n label?: ReactNode;\n children?: ReactNode;\n className?: string;\n}) => (\n <div className={styles.item}>\n {label && (\n <Text size={14} color=\"T6\">\n {label}\n </Text>\n )}\n {children && (\n <Text size={14} color=\"T1\" className={className}>\n {children}\n </Text>\n )}\n </div>\n);\n\nexport type DqAlertTooltipProps = {\n children: ReactElement;\n item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n const title = (\n <div className={styles.content}>\n {item.alert?.emptyMessage ? (\n <Text size={16}>\n {item.alert?.statusUpdatedAt\n ? formatDate(item.alert?.statusUpdatedAt)\n : item.alert?.emptyMessage}\n </Text>\n ) : (\n <>\n <Text size={16} className={styles.title}>\n {item.alert?.name}\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n href={item.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n </Text>\n\n <div className={styles.items}>\n <Item label=\"Category:\">{item.alert?.category}</Item>\n <Item label=\"Status:\" className={styles.status}>\n {item.alert?.status}\n </Item>\n <Item\n label=\"Error Type:\"\n className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n >\n <DqStatusIcon\n statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n className={styles.typeIcon}\n />\n {item.alert?.state}\n </Item>\n <Item\n label=\"Score Deduction:\"\n className={getDeductsFromScoreClass(\n item.alert?.deductsFromScore,\n item.alert?.status === 'resolved'\n )}\n >\n {item.alert?.status !== 'resolved' &&\n item.alert?.deductsFromScore &&\n item.alert?.deductsFromScore >= 0\n ? `${item.alert?.deductsFromScore}%`\n : '—'}\n </Item>\n <Item className={styles.alertMessage}>\n {item.alert?.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage message={item.alert?.message} />\n </Item>\n <Item label=\"Note:\">{item.alert?.note \|\| '—'}</Item>\n <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n </div>\n </>\n )}\n </div>\n );\n\n return (\n <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n {children}\n </Tooltip>\n );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","template","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","jsx","Text","size","color","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","jsxs","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppDqPopover/DqAsset/DqAsset.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),c=require("../../Header/Header.js"),i=require("../../TextMiddleTruncated/TextMiddleTruncated.js");require("../../TextMiddleTruncated/TextMiddleTruncated.constants.js");var n=require("../../Tooltip/Tooltip.js"),r=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),u=require("../../../constants/mixpanel.js"),t=require("../../Accordion/Accordion.js"),a=require("../../ButtonIcon/ButtonIcon.js"),l=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),m=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("../../Text/Text.js"),q=require("../DqAlert/DqAlert.js"),d=require("./DqAsset.scss.js"),I=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var v=p(s),x=p(e);exports.DqAsset=function(s){var e,p,h,C=s.assetName,T=s.assets,A=o.useMemo((function(){return T.reduce((function(s,e){return s[e.alert.category]=[].concat(x.default(s[e.alert.category]||[]),[e]),s}),{})}),[T]);return I.jsxs("div",{className:d.assetBlock,children:[I.jsxs(c.Header,{appearance:"appName",className:d.title,children:[I.jsx(i.TextMiddleTruncated,{children:C}),(null===(e=T[0])||void 0===e?void 0:e.linkToDQPage)&&I.jsx(n.Tooltip,{title:"Go to Data Quality page",children:I.jsx(r.UniversalLink,{className:d.dataQualityPageLink,href:null===(p=T[0])||void 0===p?void 0:p.linkToDQPage,onClick:function(){var s,e;null===(s=(e=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(e,u.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:I.jsx(a.ButtonIcon,{size:"medium",type:"secondary",children:I.jsx(m.ArrowRightIcon,{})})})})]}),null===(h=Object.entries(A))||void 0===h?void 0:h.map((function(s){var e,o=v.default(s,2),c=o[0],i=o[1];return I.jsx(t.Accordion,{title:I.jsxs("div",{className:d.categoryTitle,children:[c,I.jsx(l.DqStatusIcon,{statusBadgeIconType:(e=i,e.some((function(s){return s.missingNum>0}))?"error":e.some((function(s){return s.issuesNum>0}))?"issue":"resolved"),className:d.categoryStatusIcon})]}),size:"small",children:null==i?void 0:i.map((function(s){return I.jsxs("div",{className:d.alerts,children:[I.jsx(j.Text,{className:d.alertName,size:12,color:"T1",children:s.name}),s.isResolved?I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"resolved"})}):I.jsxs(I.Fragment,{children:[s.issuesNum>0&&I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"issue"})}),s.missingNum>0&&I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"error"})})]})]},s.id)}))},c)}))]},C)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),c=require("../../Header/Header.js"),i=require("../../TextMiddleTruncated/TextMiddleTruncated.js");require("../../TextMiddleTruncated/TextMiddleTruncated.constants.js");var n=require("../../Tooltip/Tooltip.js"),r=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),u=require("../../../constants/mixpanel.js"),t=require("../../Accordion/Accordion.js"),a=require("../../ButtonIcon/ButtonIcon.js"),l=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),m=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("../../Text/Text.js"),q=require("../DqAlert/DqAlert.js"),d=require("./DqAsset.scss.js"),I=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var v=p(s),x=p(e);exports.DqAsset=function(s){var e,p,C,h=s.assetName,T=s.assets,A=o.useMemo((function(){return T.reduce((function(s,e){return s[e.alert.category]=[].concat(x.default(s[e.alert.category]||[]),[e]),s}),{})}),[T]);return I.jsxs("div",{className:d.assetBlock,children:[I.jsxs(c.Header,{appearance:"appName",className:d.title,children:[I.jsx(i.TextMiddleTruncated,{children:h}),(null===(e=T[0])||void 0===e?void 0:e.linkToDQPage)&&I.jsx(n.Tooltip,{title:"Go to Data Quality page",children:I.jsx(r.UniversalLink,{className:d.dataQualityPageLink,href:null===(p=T[0])||void 0===p?void 0:p.linkToDQPage,onClick:function(){var s,e;null===(s=(e=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(e,u.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:I.jsx(a.ButtonIcon,{size:"medium",type:"secondary",children:I.jsx(m.ArrowRightIcon,{})})})})]}),null===(C=Object.entries(A))||void 0===C?void 0:C.map((function(s){var e,o=v.default(s,2),c=o[0],i=o[1];return I.jsx(t.Accordion,{title:I.jsxs("div",{className:d.categoryTitle,children:[c,I.jsx(l.DqStatusIcon,{statusBadgeIconType:(e=i,e.some((function(s){return s.missingNum>0}))?"error":e.some((function(s){return s.issuesNum>0}))?"issue":"resolved"),className:d.categoryStatusIcon})]}),size:"small",children:null==i?void 0:i.map((function(s){return I.jsxs("div",{className:d.alerts,children:[I.jsx(j.Text,{className:d.alertName,size:12,color:"T1",children:s.name}),s.isResolved?I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"resolved"})}):I.jsxs(I.Fragment,{children:[s.issuesNum>0&&I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"issue"})}),s.missingNum>0&&I.jsx("div",{className:d.alertCell,children:I.jsx(q.DqAlert,{item:s,type:"error"})})]})]},s.id)}))},c)}))]},h)};
 //# sourceMappingURL=DqAsset.js.map

package/cjs-bundle/componentsV2/AppDqPopover/DqAsset/DqAsset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqAsset.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAsset/DqAsset.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Header } from '../../Header';\nimport { TextMiddleTruncated } from '../../TextMiddleTruncated';\nimport { Tooltip } from '../../Tooltip';\n// Weird import to avoid circular references\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { Accordion } from '../../Accordion';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon';\nimport { ArrowRightIcon } from '../../../icons';\nimport { Text } from '../../Text';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { DqAlert } from '../DqAlert';\n\nimport styles from './DqAsset.scss';\n\nconst getCategoryIconType = (rules: AssetItem[]) => {\n const isError = rules.some(rule => rule.missingNum > 0);\n if (isError) return 'error';\n\n const isIssue = rules.some(rule => rule.issuesNum > 0);\n if (isIssue) return 'issue';\n\n return 'resolved';\n};\n\nexport type DqAssetProps = {\n assetName: string;\n assets: AssetItem[];\n};\n\nexport const DqAsset = ({ assetName, assets }: DqAssetProps) => {\n const assetsGroupedByCategory = useMemo(\n () =>\n assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n acc[curr.alert.category] = [...(acc[curr.alert.category] \|\| []), curr];\n return acc;\n }, {}),\n [assets]\n );\n\n return (\n <div className={styles.assetBlock} key={assetName}>\n <Header appearance=\"appName\" className={styles.title}>\n <TextMiddleTruncated>{assetName}</TextMiddleTruncated>\n\n {assets[0]?.linkToDQPage && (\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n className={styles.dataQualityPageLink}\n href={assets[0]?.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n )}\n </Header>\n\n {Object.entries(assetsGroupedByCategory)?.map(([category, data]) => (\n <Accordion\n title={\n <div className={styles.categoryTitle}>\n {category}\n <DqStatusIcon\n statusBadgeIconType={getCategoryIconType(data)}\n className={styles.categoryStatusIcon}\n />\n </div>\n }\n key={category}\n size=\"small\"\n >\n {data?.map(item => {\n return (\n <div className={styles.alerts} key={item.id}>\n <Text className={styles.alertName} size={12} color=\"T1\">\n {item.name}\n </Text>\n\n {item.isResolved ? (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"resolved\" />\n </div>\n ) : (\n <>\n {item.issuesNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"issue\" />\n </div>\n )}\n {item.missingNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"error\" />\n </div>\n )}\n </>\n )}\n </div>\n );\n })}\n </Accordion>\n ))}\n </div>\n );\n};\n"],"names":["_ref","_assets$","_assets$2","_Object$entries","assetName","assets","assetsGroupedByCategory","useMemo","reduce","acc","curr","alert","category","_jsxs","className","styles","assetBlock","children","Header","appearance","title","_jsx","TextMiddleTruncated","linkToDQPage","Tooltip","UniversalLink","dataQualityPageLink","href","onClick","_Symbol$for","_ref2","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","size","type","ArrowRightIcon","Object","entries","map","_ref3","rules","_ref4","_slicedToArray","data","Accordion","jsxs","categoryTitle","jsx","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"~~m9JAiCuB~~,SAAyCA,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,EAAAA,SAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,8BAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,OAACK,SAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,MAACC,sBAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAAAA,IAACG,EAAAA,QAAO,CAACJ,MAAM,0BAAyBH,SACtCI,MAACI,gBAAa,CACZX,UAAWC,EAAOW,oBAClBC,KAAe,UAATtB,EAAO,UAAE,IAAAH,OAAA,EAATA,EAAWqB,aACjBK,QAAS,WAAM,IAAAC,EAAAC,EAE+B,QAA5CD,GAAAC,EAACC,QAAeC,OAAOC,IAAI,yBAAiB,IAAAJ,GAA5CA,SACEK,EAAAA,sBAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,MAACiB,aAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAAAA,IAACoB,EAAcA,eAAA,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAA,QAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAAA,IAAC6B,EAAAA,UAAS,CACR9B,MACEP,EAAAsC,KAAA,MAAA,CAAKrC,UAAWC,EAAOqC,cAAcnC,SAClCL,CAAAA,EACDS,EAAAgC,IAACC,eAAY,CACXC,qBAzDaT,EAyD4BG,EAxDvCH,EAAMU,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJZ,EAAMU,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO7C,UAAWC,EAAO6C,wBAKxBrB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAiB,GACT,OACEhD,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAO+C,OAAO7C,SAAA,CAC5BI,MAAC0C,OAAI,CAACjD,UAAWC,EAAOiD,UAAWzB,KAAM,GAAI0B,MAAM,KAAIhD,SACpD4C,EAAKK,OAGPL,EAAKM,WACJ9C,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,eAG5B3B,EAAAsC,KAAAmB,WAAA,CAAArD,SAAA,CACG4C,EAAKF,UAAY,GAChBtC,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,YAG7BqB,EAAKH,WAAa,GACjBrC,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,iBAlBAqB,EAAKU,QALxC3D,EA+BK,MAnEwBR,EAuE5C"}
1	+ {"version":3,"file":"DqAsset.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAsset/DqAsset.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Header } from '../../Header';\nimport { TextMiddleTruncated } from '../../TextMiddleTruncated';\nimport { Tooltip } from '../../Tooltip';\n// Weird import to avoid circular references\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { Accordion } from '../../Accordion';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon';\nimport { ArrowRightIcon } from '../../../icons';\nimport { Text } from '../../Text';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { DqAlert } from '../DqAlert';\n\nimport styles from './DqAsset.scss';\n\nconst getCategoryIconType = (rules: AssetItem[]) => {\n const isError = rules.some(rule => rule.missingNum > 0);\n if (isError) return 'error';\n\n const isIssue = rules.some(rule => rule.issuesNum > 0);\n if (isIssue) return 'issue';\n\n return 'resolved';\n};\n\nexport type DqAssetProps = {\n assetName: string;\n assets: AssetItem[];\n};\n\nexport const DqAsset = ({ assetName, assets }: DqAssetProps) => {\n const assetsGroupedByCategory = useMemo(\n () =>\n assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n acc[curr.alert.category] = [...(acc[curr.alert.category] \|\| []), curr];\n return acc;\n }, {}),\n [assets]\n );\n\n return (\n <div className={styles.assetBlock} key={assetName}>\n <Header appearance=\"appName\" className={styles.title}>\n <TextMiddleTruncated>{assetName}</TextMiddleTruncated>\n\n {assets[0]?.linkToDQPage && (\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n className={styles.dataQualityPageLink}\n href={assets[0]?.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n )}\n </Header>\n\n {Object.entries(assetsGroupedByCategory)?.map(([category, data]) => (\n <Accordion\n title={\n <div className={styles.categoryTitle}>\n {category}\n <DqStatusIcon\n statusBadgeIconType={getCategoryIconType(data)}\n className={styles.categoryStatusIcon}\n />\n </div>\n }\n key={category}\n size=\"small\"\n >\n {data?.map(item => {\n return (\n <div className={styles.alerts} key={item.id}>\n <Text className={styles.alertName} size={12} color=\"T1\">\n {item.name}\n </Text>\n\n {item.isResolved ? (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"resolved\" />\n </div>\n ) : (\n <>\n {item.issuesNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"issue\" />\n </div>\n )}\n {item.missingNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"error\" />\n </div>\n )}\n </>\n )}\n </div>\n );\n })}\n </Accordion>\n ))}\n </div>\n );\n};\n"],"names":["_ref","_assets$","_assets$2","_Object$entries","assetName","assets","assetsGroupedByCategory","useMemo","reduce","acc","curr","alert","category","_jsxs","className","styles","assetBlock","children","Header","appearance","title","_jsx","TextMiddleTruncated","linkToDQPage","Tooltip","UniversalLink","dataQualityPageLink","href","onClick","_Symbol$for","_ref2","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","size","type","ArrowRightIcon","Object","entries","map","_ref3","rules","_ref4","_slicedToArray","data","Accordion","jsxs","categoryTitle","jsx","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"4rKAiCuB,SAAyCA,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,EAAAA,SAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,8BAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,OAACK,SAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,MAACC,sBAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAAAA,IAACG,EAAAA,QAAO,CAACJ,MAAM,0BAAyBH,SACtCI,MAACI,gBAAa,CACZX,UAAWC,EAAOW,oBAClBC,KAAe,UAATtB,EAAO,UAAE,IAAAH,OAAA,EAATA,EAAWqB,aACjBK,QAAS,WAAM,IAAAC,EAAAC,EAE+B,QAA5CD,GAAAC,EAACC,QAAeC,OAAOC,IAAI,yBAAiB,IAAAJ,GAA5CA,SACEK,EAAAA,sBAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,MAACiB,aAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAAAA,IAACoB,EAAcA,eAAA,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAA,QAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAAA,IAAC6B,EAAAA,UAAS,CACR9B,MACEP,EAAAsC,KAAA,MAAA,CAAKrC,UAAWC,EAAOqC,cAAcnC,SAClCL,CAAAA,EACDS,EAAAgC,IAACC,eAAY,CACXC,qBAzDaT,EAyD4BG,EAxDvCH,EAAMU,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJZ,EAAMU,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO7C,UAAWC,EAAO6C,wBAKxBrB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAiB,GACT,OACEhD,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAO+C,OAAO7C,SAAA,CAC5BI,MAAC0C,OAAI,CAACjD,UAAWC,EAAOiD,UAAWzB,KAAM,GAAI0B,MAAM,KAAIhD,SACpD4C,EAAKK,OAGPL,EAAKM,WACJ9C,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,eAG5B3B,EAAAsC,KAAAmB,WAAA,CAAArD,SAAA,CACG4C,EAAKF,UAAY,GAChBtC,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,YAG7BqB,EAAKH,WAAa,GACjBrC,EAAAA,IAAA,MAAA,CAAKP,UAAWC,EAAOqD,UAAUnD,SAC/BI,MAACgD,UAAO,CAACR,KAAMA,EAAMrB,KAAK,iBAlBAqB,EAAKU,QALxC3D,EA+BK,MAnEwBR,EAuE5C"}

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),n=require("./DqStatusIcon/DqStatusIcon.js"),o=require("./DqPopover.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../utils/index.js");var i=require("../../../effects/useWellnessAlerts.js");require("lodash/get"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var a=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppSettings/AppSettingsPinningContext.js"),require("@babel/runtime/helpers/toConsumableArray");var u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e);exports.DqPopover=function(e){var c=e.multiRigAssets,l=void 0===c?[]:c,q=e.asset,m=e.forceLoad,d=e.dqData,j=a.useAppCommons(),v=j.appId,b=j.maximized,A=i.useWellnessAlerts({isDCApp:m,appId:v,multiRigAssets:d?void 0:l.map(r.normalizeAsset),asset:d?void 0:r.normalizeAsset(q),maximized:b,dashboards:[]}),f=s.useRef(null),g=s.useState(!1),C=p.default(g,2),y=C[0],h=C[1],D=s.useRef(),x=s.useCallback((function(){clearTimeout(D.current),h(!0)}),[]),P=s.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){h(!1)}),e)}),[]),I=s.useCallback((function(){P(500)}),[P]),T=d||A,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?u.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[u.jsx(n.DqStatusIcon,{ref:f,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:o.statusIcon,hoverable:!0}),u.jsx(t.AppDqPopover,{open:y,anchorEl:f.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),n=require("./DqStatusIcon/DqStatusIcon.js"),o=require("./DqPopover.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../utils/index.js");var a=require("../../../effects/useWellnessAlerts.js");require("lodash/get"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var i=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@babel/runtime/helpers/toConsumableArray");var u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e);exports.DqPopover=function(e){var c=e.multiRigAssets,l=void 0===c?[]:c,q=e.asset,m=e.forceLoad,d=e.dqData,j=i.useAppCommons(),v=j.appId,b=j.maximized,A=a.useWellnessAlerts({isDCApp:m,appId:v,multiRigAssets:d?void 0:l.map(r.normalizeAsset),asset:d?void 0:r.normalizeAsset(q),maximized:b,dashboards:[]}),f=s.useRef(null),C=s.useState(!1),g=p.default(C,2),y=g[0],h=g[1],D=s.useRef(),x=s.useCallback((function(){clearTimeout(D.current),h(!0)}),[]),P=s.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){h(!1)}),e)}),[]),I=s.useCallback((function(){P(500)}),[P]),T=d||A,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?u.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[u.jsx(n.DqStatusIcon,{ref:f,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:o.statusIcon,hoverable:!0}),u.jsx(t.AppDqPopover,{open:y,anchorEl:f.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
 //# sourceMappingURL=DqPopover.js.map

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n Asset,\n NormalizedAsset,\n normalizeAsset,\n UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n asset?: Asset;\n multiRigAssets?: Asset[];\n dqData?: UseWellnessAlertsReturnType;\n /*\n Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n */\n forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n const { appId, maximized } = useAppCommons();\n const ownWellnessData = useWellnessAlerts({\n isDCApp: forceLoad,\n appId,\n multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n asset: !dqData ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n const iconRef = useRef<HTMLDivElement>(null);\n const [isOpen, setIsOpen] = useState(false);\n const closeTimerRef = useRef<NodeJS.Timeout>();\n\n const onMouseEnter = useCallback(() => {\n clearTimeout(closeTimerRef.current);\n setIsOpen(true);\n }, []);\n\n const onMouseLeaveHandler = useCallback((timeout: number) => {\n clearTimeout(closeTimerRef.current);\n closeTimerRef.current = setTimeout(() => {\n setIsOpen(false);\n }, timeout);\n }, []);\n\n const onMouseLeave = useCallback(() => {\n onMouseLeaveHandler(500);\n }, [onMouseLeaveHandler]);\n\n const wellnessData = dqData \|\| ownWellnessData;\n const alertsData = wellnessData.wellnessAlerts.alertsData \|\| {};\n\n if (!wellnessData.statusBadgeIconType) {\n return null;\n }\n\n return (\n <div\n className={\n // This class is needed for DevCenterAppContainer to display its border\n // TODO refactor to use context\n `c-status-badge--${wellnessData.statusBadgeIconType}`\n }\n >\n <DqStatusIcon\n ref={iconRef}\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.statusIcon}\n hoverable\n />\n\n <AppDqPopover\n open={isOpen}\n anchorEl={iconRef.current}\n placement=\"top-start\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n alertsData={alertsData}\n />\n </div>\n );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"~~69DA4ByB~~,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}
1	+ {"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n Asset,\n NormalizedAsset,\n normalizeAsset,\n UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n asset?: Asset;\n multiRigAssets?: Asset[];\n dqData?: UseWellnessAlertsReturnType;\n /*\n Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n */\n forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n const { appId, maximized } = useAppCommons();\n const ownWellnessData = useWellnessAlerts({\n isDCApp: forceLoad,\n appId,\n multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n asset: !dqData ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n const iconRef = useRef<HTMLDivElement>(null);\n const [isOpen, setIsOpen] = useState(false);\n const closeTimerRef = useRef<NodeJS.Timeout>();\n\n const onMouseEnter = useCallback(() => {\n clearTimeout(closeTimerRef.current);\n setIsOpen(true);\n }, []);\n\n const onMouseLeaveHandler = useCallback((timeout: number) => {\n clearTimeout(closeTimerRef.current);\n closeTimerRef.current = setTimeout(() => {\n setIsOpen(false);\n }, timeout);\n }, []);\n\n const onMouseLeave = useCallback(() => {\n onMouseLeaveHandler(500);\n }, [onMouseLeaveHandler]);\n\n const wellnessData = dqData \|\| ownWellnessData;\n const alertsData = wellnessData.wellnessAlerts.alertsData \|\| {};\n\n if (!wellnessData.statusBadgeIconType) {\n return null;\n }\n\n return (\n <div\n className={\n // This class is needed for DevCenterAppContainer to display its border\n // TODO refactor to use context\n `c-status-badge--${wellnessData.statusBadgeIconType}`\n }\n >\n <DqStatusIcon\n ref={iconRef}\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.statusIcon}\n hoverable\n />\n\n <AppDqPopover\n open={isOpen}\n anchorEl={iconRef.current}\n placement=\"top-start\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n alertsData={alertsData}\n />\n </div>\n );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"i9DA4ByB,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("@material-ui/icons/Error"),c=require("@material-ui/icons/CheckCircle"),e=require("classnames"),i=require("../../../../components/Icons/DangerousIcon.js"),n=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var r=require("./DqStatusIcon.scss.js"),u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=t(o),q=t(c),a=t(e),I={error:i.DangerousIcon,issue:m.default,success:n.CheckSmallIcon,resolved:q.default},j={error:r.error,issue:r.issue,success:r.success,resolved:r.success},l=s.forwardRef((function(s,o){var c=s.statusBadgeIconType,e=s.onMouseEnter,i=s.onMouseLeave,n=s.hoverable,t=s.className,m=I[c];return u.jsx("div",{ref:o,onMouseEnter:e,onMouseLeave:i,className:a.default(r.icon,j[c],n&&r.hoverable,t),children:u.jsx(m,{})})}));exports.DqStatusIcon=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("@material-ui/icons/Error"),c=require("@material-ui/icons/CheckCircle"),e=require("classnames"),i=require("../../../../components/Icons/DangerousIcon.js"),n=require("../../../../icons/iconParkIcons.js");require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var r=require("./DqStatusIcon.scss.js"),u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=t(o),q=t(c),I=t(e),j={error:i.DangerousIcon,issue:m.default,success:n.CheckSmallIcon,resolved:q.default},a={error:r.error,issue:r.issue,success:r.success,resolved:r.success},l=s.forwardRef((function(s,o){var c=s.statusBadgeIconType,e=s.onMouseEnter,i=s.onMouseLeave,n=s.hoverable,t=s.className,m=j[c];return u.jsx("div",{ref:o,onMouseEnter:e,onMouseLeave:i,className:I.default(r.icon,a[c],n&&r.hoverable,t),children:u.jsx(m,{})})}));exports.DqStatusIcon=l;
 //# sourceMappingURL=DqStatusIcon.js.map

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../../src/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentType, forwardRef, MouseEventHandler } from 'react';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport classNames from 'classnames';\n\nimport { useWellnessAlerts } from '../../../../effects';\nimport { DangerousIcon } from '../../../../components/Icons/DangerousIcon';\nimport { CheckSmallIcon } from '../../../../icons';\n\nimport styles from './DqStatusIcon.scss';\n\ntype Status = Exclude<ReturnType<typeof useWellnessAlerts>['statusBadgeIconType'], ''> \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType> = {\n error: DangerousIcon,\n issue: ErrorIcon,\n success: CheckSmallIcon,\n resolved: CheckCircleIcon,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n hoverable?: boolean;\n\n className?: string;\n};\n\nexport const DqStatusIcon = forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, onMouseEnter, onMouseLeave, hoverable, className }, iconRef) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n return (\n <div\n ref={iconRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n hoverable && styles.hoverable,\n className\n )}\n >\n <Icon />\n </div>\n );\n }\n);\n"],"names":["StatusToIconMap","error","DangerousIcon","issue","ErrorIcon","success","CheckSmallIcon","resolved","CheckCircleIcon","StatusToClassMap","styles","DqStatusIcon","forwardRef","_ref","iconRef","statusBadgeIconType","onMouseEnter","onMouseLeave","hoverable","className","Icon","_jsx","ref","classNames","icon","children"],"mappings":"~~wqJAaMA~~,EAAiD,CACrDC,MAAOC,EAAaA,cACpBC,MAAOC,EAAS,QAChBC,QAASC,EAAcA,eACvBC,SAAUC,EAAAA,SAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,EAAUA,YACpC,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAAA,IAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EAAU,QACnBb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAAAA,IAACD,EAAI,KAGX"}
1	+ {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../../src/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentType, forwardRef, MouseEventHandler } from 'react';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport classNames from 'classnames';\n\nimport { useWellnessAlerts } from '../../../../effects';\nimport { DangerousIcon } from '../../../../components/Icons/DangerousIcon';\nimport { CheckSmallIcon } from '../../../../icons';\n\nimport styles from './DqStatusIcon.scss';\n\ntype Status = Exclude<ReturnType<typeof useWellnessAlerts>['statusBadgeIconType'], ''> \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType> = {\n error: DangerousIcon,\n issue: ErrorIcon,\n success: CheckSmallIcon,\n resolved: CheckCircleIcon,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n hoverable?: boolean;\n\n className?: string;\n};\n\nexport const DqStatusIcon = forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, onMouseEnter, onMouseLeave, hoverable, className }, iconRef) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n return (\n <div\n ref={iconRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n hoverable && styles.hoverable,\n className\n )}\n >\n <Icon />\n </div>\n );\n }\n);\n"],"names":["StatusToIconMap","error","DangerousIcon","issue","ErrorIcon","success","CheckSmallIcon","resolved","CheckCircleIcon","StatusToClassMap","styles","DqStatusIcon","forwardRef","_ref","iconRef","statusBadgeIconType","onMouseEnter","onMouseLeave","hoverable","className","Icon","_jsx","ref","classNames","icon","children"],"mappings":"65JAaMA,EAAiD,CACrDC,MAAOC,EAAaA,cACpBC,MAAOC,EAAS,QAChBC,QAASC,EAAcA,eACvBC,SAAUC,EAAAA,SAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,EAAUA,YACpC,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAAA,IAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EAAU,QACnBb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAAAA,IAACD,EAAI,KAGX"}

package/cjs-bundle/componentsV2/AppFooter/Warning.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("lodash"),e=require("../Tooltip/Tooltip.js"),i=require("../Text/Text.js"),n=require("./AppFooter.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var r=require("react/jsx-runtime");require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var u=require("../../icons/customIcons/icons/CautionFilled.js");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=t(s);exports.Warning=function(s){var t=s.message,m=o.useState(!1),l=a.default(m,2),q=l[0],j=l[1],I=o.useRef(null);return o.useEffect((function(){var s=c.debounce((function(){requestAnimationFrame((function(){if(I.current){var s=I.current,o=s.clientWidth,c=s.scrollWidth;j(c<=o)}}))}),200,{leading:!0}),o=new ResizeObserver(s);return I.current&&o.observe(I.current),function(){o.disconnect(),s.cancel()}}),[]),r.jsxs(i.Text,{color:"T1",size:10,className:n.warning,ref:I,children:[r.jsx(e.Tooltip,{title:t,placement:"top",disabled:q,className:n.warningTooltip,children:r.jsx(u.CautionFilledCustomIcon,{size:12,className:n.warningIcon})}),r.jsx("span",{className:q?void 0:n.warningHidden,children:t})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("lodash"),e=require("../Tooltip/Tooltip.js"),i=require("../Text/Text.js"),n=require("./AppFooter.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var r=require("react/jsx-runtime");require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var u=require("../../icons/customIcons/icons/CautionFilled.js");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=t(s);exports.Warning=function(s){var t=s.message,a=o.useState(!1),q=m.default(a,2),l=q[0],j=q[1],I=o.useRef(null);return o.useEffect((function(){var s=c.debounce((function(){requestAnimationFrame((function(){if(I.current){var s=I.current,o=s.clientWidth,c=s.scrollWidth;j(c<=o)}}))}),200,{leading:!0}),o=new ResizeObserver(s);return I.current&&o.observe(I.current),function(){o.disconnect(),s.cancel()}}),[]),r.jsxs(i.Text,{color:"T1",size:10,className:n.warning,ref:I,children:[r.jsx(e.Tooltip,{title:t,placement:"top",disabled:l,className:n.warningTooltip,children:r.jsx(u.CautionFilledCustomIcon,{size:12,className:n.warningIcon})}),r.jsx("span",{className:l?void 0:n.warningHidden,children:t})]})};
 //# sourceMappingURL=Warning.js.map

package/cjs-bundle/componentsV2/AppFooter/Warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warning.js","sources":["../../../../src/componentsV2/AppFooter/Warning.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\nimport { Text } from '../Text';\n\nimport styles from './AppFooter.scss';\n\nimport { CautionFilledCustomIcon } from '~/icons';\n\nexport type WarningProps = { message: ReactNode };\n\nexport const Warning = ({ message }: WarningProps) => {\n const [isVisisble, setIsVisisble] = useState(false);\n const containerRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const onDimensionsChange = debounce(\n () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, scrollWidth } = containerRef.current;\n\n setIsVisisble(scrollWidth <= clientWidth);\n }\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n return (\n <Text color=\"T1\" size={10} className={styles.warning} ref={containerRef}>\n <Tooltip\n title={message}\n placement=\"top\"\n disabled={isVisisble}\n className={styles.warningTooltip}\n >\n <CautionFilledCustomIcon size={12} className={styles.warningIcon} />\n </Tooltip>\n\n <span className={isVisisble ? undefined : styles.warningHidden}>{message}</span>\n </Text>\n );\n};\n"],"names":["_ref","message","useState","_useState2","_slicedToArray","_useState","isVisisble","setIsVisisble","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","scrollWidth","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","Text","color","size","className","styles","warning","ref","children","_jsx","Tooltip","title","placement","disabled","warningTooltip","CautionFilledCustomIcon","warningIcon","jsx","undefined","warningHidden"],"mappings":"~~62IAYuB~~,SAA+BA,GAAA,IAA5BC,IAAAA,QACYC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAeC,SAAwB,MA6B7C,OA3BAC,EAAAA,WAAU,WACR,IAAMC,EAAqBC,EAAAA,UACzB,WACEC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAqCN,EAAAA,EAAaM,QAA1CC,IAAAA,YAAaC,IAAAA,YAErBT,EAAcS,GAAeD,EAC/B,CACF,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeR,GAM1C,OAJIH,EAAaM,SACfI,EAAeE,QAAQZ,EAAaM,SAG/B,WACLI,EAAeG,aACfV,EAAmBW,SAEtB,GAAE,IAGDC,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAM,KAAKC,KAAM,GAAIC,UAAWC,EAAOC,QAASC,IAAKtB,EAAauB,SAAA,CACtEC,MAACC,UAAO,CACNC,MAAOjC,EACPkC,UAAU,MACVC,SAAU9B,EACVqB,UAAWC,EAAOS,eAAeN,SAEjCC,MAACM,0BAAuB,CAACZ,KAAM,GAAIC,UAAWC,EAAOW,gBAGvDP,EAAAQ,IAAA,OAAA,CAAMb,UAAWrB,OAAamC,EAAYb,EAAOc,cAAcX,SAAE9B,MAGvE"}
1	+ {"version":3,"file":"Warning.js","sources":["../../../../src/componentsV2/AppFooter/Warning.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\nimport { Text } from '../Text';\n\nimport styles from './AppFooter.scss';\n\nimport { CautionFilledCustomIcon } from '~/icons';\n\nexport type WarningProps = { message: ReactNode };\n\nexport const Warning = ({ message }: WarningProps) => {\n const [isVisisble, setIsVisisble] = useState(false);\n const containerRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const onDimensionsChange = debounce(\n () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, scrollWidth } = containerRef.current;\n\n setIsVisisble(scrollWidth <= clientWidth);\n }\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n return (\n <Text color=\"T1\" size={10} className={styles.warning} ref={containerRef}>\n <Tooltip\n title={message}\n placement=\"top\"\n disabled={isVisisble}\n className={styles.warningTooltip}\n >\n <CautionFilledCustomIcon size={12} className={styles.warningIcon} />\n </Tooltip>\n\n <span className={isVisisble ? undefined : styles.warningHidden}>{message}</span>\n </Text>\n );\n};\n"],"names":["_ref","message","useState","_useState2","_slicedToArray","_useState","isVisisble","setIsVisisble","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","scrollWidth","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","Text","color","size","className","styles","warning","ref","children","_jsx","Tooltip","title","placement","disabled","warningTooltip","CautionFilledCustomIcon","warningIcon","jsx","undefined","warningHidden"],"mappings":"0kJAYuB,SAA+BA,GAAA,IAA5BC,IAAAA,QACYC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAeC,SAAwB,MA6B7C,OA3BAC,EAAAA,WAAU,WACR,IAAMC,EAAqBC,EAAAA,UACzB,WACEC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAqCN,EAAAA,EAAaM,QAA1CC,IAAAA,YAAaC,IAAAA,YAErBT,EAAcS,GAAeD,EAC/B,CACF,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeR,GAM1C,OAJIH,EAAaM,SACfI,EAAeE,QAAQZ,EAAaM,SAG/B,WACLI,EAAeG,aACfV,EAAmBW,SAEtB,GAAE,IAGDC,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAM,KAAKC,KAAM,GAAIC,UAAWC,EAAOC,QAASC,IAAKtB,EAAauB,SAAA,CACtEC,MAACC,UAAO,CACNC,MAAOjC,EACPkC,UAAU,MACVC,SAAU9B,EACVqB,UAAWC,EAAOS,eAAeN,SAEjCC,MAACM,0BAAuB,CAACZ,KAAM,GAAIC,UAAWC,EAAOW,gBAGvDP,EAAAQ,IAAA,OAAA,CAAMb,UAAWrB,OAAamC,EAAYb,EAAOc,cAAcX,SAAE9B,MAGvE"}