npm - @corva/ui - Versions diffs - 3.75.0-16 → 3.75.0-18 - Mend

@corva/ui 3.75.0-16 → 3.75.0-18

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 (1067) hide show

package/componentsV2/Accordion/Accordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Accordion as o,AccordionSummary as s,AccordionDetails as c}from"@material-ui/core";import{useCallback as i,useMemo as n}from"react";import t from"classnames";import{DownIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import r from"./Accordion.scss.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var u={medium:r.medium,small:r.small},I={medium:24,small:16},a={start:"",end:r.iconEnd},j={disableRipple:!0},l=function(l){var d=l.size,C=void 0===d?"medium":d,h=l.iconPosition,F=void 0===h?"start":h,v=l.className,O=l.testId,b=l.children,A=l.open,P=l.title,f=l.onChange,g=l.disabled,x=l.titleHover,M=void 0===x||x,k=l.unmountWhenClosed,R=void 0===k||k,D=i((function(o,s){null==f||f(s,o)}),[f]),E=n((function(){return{unmountOnExit:R}}),[R]);return e(o,{expanded:A,onChange:D,disabled:g,className:t(r.root,v),"data-testid":O,TransitionProps:E,children:[p(s,{expandIcon:p(m,{size:I[C]}),className:t(r.title,a[F],u[C],!M&&r.staticTitle),IconButtonProps:j,children:P}),p(c,{children:b})]})};export{l as Accordion};
+import{Accordion as o,AccordionSummary as s,AccordionDetails as c}from"@material-ui/core";import{useCallback as i,useMemo as n}from"react";import t from"classnames";import{DownIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import r from"./Accordion.scss.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var u={medium:r.medium,small:r.small},I={medium:24,small:16},a={start:"",end:r.iconEnd},j={disableRipple:!0},l=function(l){var d=l.size,C=void 0===d?"medium":d,h=l.iconPosition,F=void 0===h?"start":h,O=l.className,v=l.testId,b=l.children,P=l.open,A=l.title,f=l.onChange,g=l.disabled,x=l.titleHover,M=void 0===x||x,k=l.unmountWhenClosed,R=void 0===k||k,D=i((function(o,s){null==f||f(s,o)}),[f]),E=n((function(){return{unmountOnExit:R}}),[R]);return e(o,{expanded:P,onChange:D,disabled:g,className:t(r.root,O),"data-testid":v,TransitionProps:E,children:[p(s,{expandIcon:p(m,{size:I[C]}),className:t(r.title,a[F],u[C],!M&&r.staticTitle),IconButtonProps:j,children:A}),p(c,{children:b})]})};export{l as Accordion};
 //# sourceMappingURL=Accordion.js.map

package/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","Accordion","_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":"~~6+HA8CA~~,IAAMA,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,GAE5BC,EAAY,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,GACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,GACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAACC,EAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAWpC,EAAOqC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,EAACC,EAAmB,CAClBC,WAAYF,EAACG,EAAQ,CAAC9B,KAAMV,EAAkBU,KAC9CG,UAAWqB,EACTpC,EAAOmB,MACPhB,EAAoBW,GACpBhB,EAAmBc,IAClBW,GAAcvB,EAAO2C,aAExBpC,gBAAiBA,EAAgBU,SAEhCE,IAEHoB,EAACK,EAAmB,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","Accordion","_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":"olIA8CA,IAAMA,EAAuE,CAC3EC,OAAQC,EAAOD,OACfE,MAAOD,EAAOC,OAGVC,EAAsE,CAC1EH,OAAQ,GACRE,MAAO,IAGHE,EAAgF,CACpFC,MAAO,GACPC,IAAKL,EAAOM,SAGRC,EAAkB,CAAEC,eAAe,GAE5BC,EAAY,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,GACtB,SAACC,EAAOC,GACNT,SAAAA,EAAWS,EAAOD,EACpB,GACA,CAACR,IAGGU,EAAkBC,GACtB,WAAA,MAAO,CACLC,cAAeP,EAChB,GACD,CAACA,IAGH,OACEQ,EAACC,EAAY,CACXC,SAAUjB,EACVE,SAAUM,EACVL,SAAUA,EACVN,UAAWqB,EAAWpC,EAAOqC,KAAMtB,GACnC,cAAaC,EACbsB,gBAAiBR,EAAgBb,SAAA,CAEjCsB,EAACC,EAAmB,CAClBC,WAAYF,EAACG,EAAQ,CAAC9B,KAAMV,EAAkBU,KAC9CG,UAAWqB,EACTpC,EAAOmB,MACPhB,EAAoBW,GACpBhB,EAAmBc,IAClBW,GAAcvB,EAAO2C,aAExBpC,gBAAiBA,EAAgBU,SAEhCE,IAEHoB,EAACK,EAAmB,CAAA3B,SAAEA,MAG5B"}

package/componentsV2/AppContainer/AppContainer.constants.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={spacing:"8",sidePadding:"12px"};e("");export{s as default};
2	+ //# sourceMappingURL=AppContainer.constants.scss.js.map

package/componentsV2/AppContainer/AppContainer.constants.scss.js.map ADDED Viewed

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

package/componentsV2/AppContainer/AppContainer.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { PanelConfig } from '../AppPanel/utils';
 export type AppContainerProps = {
     /**
      * App header, usually `AppHeader`
@@ -20,6 +21,10 @@ export type AppContainerProps = {
         footer: string;
         content?: string;
     }>;
+    /**
+     * Config object for standard app panels
+     */
+    panels?: Record<string, PanelConfig>;
     settingsInitiallyPinned?: boolean;
     settingsPinningEnabled?: boolean;
     settingsHeaderControls?: ReactNode;

package/componentsV2/AppContainer/AppContainer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,~~EAA+B~~,MAAM,OAAO,CAAC;~~AAc3E~~,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IAEH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,~~8GA6FxB~~,CAAC"}
1	+ {"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAwC,MAAM,OAAO,CAAC;AAQpF,OAAO,EAA0B,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAQ1F,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAErC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA4GxB,CAAC"}

package/componentsV2/AppContainer/AppContainer.js CHANGED Viewed

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

package/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~~","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"~~sxCA6CaA~~,EAAeC,GAC1B,SAAAC,~~EAYEC~~,GACG,~~IAXDC~~,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,wBACAC,IAAAA,uBACAC,IAAAA,~~uBAIFC~~,EAAoCC,IAA8BC,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,EAAuB,MAE5CC,GAAU,WACR,IAUMC,EAAqBC,GAVS,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~~,~~IAAnCC~~,IAAAA,UAAWC,IAAAA,~~oBAEnB~~,OACEC,EAAA,~~MAAAC~~,EAAAA,EAAA,~~CACEnC~~,~~UAAWoC~~,EAAWC,EAAOC,~~KAAMtC~~,GACnC,cAAaD,EACbF,IAAKA,~~GAED0C~~,GAAuB,GAAA,~~CAAArC~~,~~SAE3BgC~~,~~EAACM~~,EAAeC,SAAQ,CAACC,~~MAAO/B~~,~~EAAWT~~,~~SACzCyC~~,EAACC,~~EAA0B~~,~~CACzBC~~,~~gBAAiBzC~~,~~EACjB0C~~,~~eAAgBzC,EAChB0C,mBAAoBzC,EAAuBJ,~~SAAA,~~CAE1CD~~,~~GACCiC~~,EAAA,MAAA,~~CACElC~~,~~UAAWoC~~,EACTC,~~EAAOpC~~,~~OACP+B~~,IAAcC,~~GAAuBI~~,~~EAAOW~~,~~gBAC5C7C~~,aAAAA,EAAAA,EAAoBF,QAEtB,~~cAAagD~~,EAAoBC,~~aAAahD~~,SAE7CD,~~IAILiC~~,~~EAACiB~~,EAAO,~~CACNxC~~,~~WAAYA,EACZX,~~UAAWG,aAAAA,EAAAA,~~EAAoBiD~~,~~QAC~~/~~BvD~~,~~IAAKgB~~,~~EAAaX~~,~~SAEjBA~~,IAGFJ,~~IAAWmC~~,~~GACVC~~,EAAA,MAAA,~~CACElC~~,~~UAAWoC~~,EAAWC,~~EAAOvC~~,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,~~cAAamD~~,EAAoBI,~~aAAanD~~,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","headerMaximized","AppContainerTestIds","HeaderTestId","Content","content","FooterTestId"],"mappings":"q8CAoDaA,EAAeC,GAC1B,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,IAA8BC,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAeC,EAAuB,MAE5CC,GAAU,WACR,IAUMC,EAAqBC,GAVS,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,IAAzDC,IAAAA,UAAWC,IAAAA,oBAAqBC,IAAAA,qBAElCC,EAAqBC,GAAQ,WACjC,OACEC,EADEH,EACFI,EAAA,CAAA,EACGC,EAAmB,CAClBC,oBAAqBrC,EACrBsC,aAAcrC,EACdsC,UAAWC,EACXC,mBAAoBvC,IAM1B,GAJOC,EAKT,GAAG,CACD4B,EACA5B,EACAH,EACAC,EACAC,IAGF,OACEwC,EAAA,MAAAR,EAAAA,EAAA,CACEtC,UAAW+C,EAAWC,EAAOC,KAAMjD,GACnC,cAAaD,EACbF,IAAKA,GAEDqD,GAAuB,GAAA,CAAAhD,SAE3B4C,EAACK,EAAeC,SAAQ,CAACC,MAAOzC,EAAWV,SACzCoD,EAACC,EAAwB,CAAChD,OAAQ6B,EAAmBlC,SAAA,CAClDD,GACC6C,EAAA,MAAA,CACE9C,UAAW+C,EACTC,EAAO/C,OACPgC,IAAcC,GAAuBc,EAAOQ,gBAC5CrD,aAAAA,EAAAA,EAAoBF,QAEtB,cAAawD,EAAoBC,aAAaxD,SAE7CD,IAIL6C,EAACa,EAAO,CAAC3D,UAAWG,aAAAA,EAAAA,EAAoByD,QAAS/D,IAAKiB,EAAaZ,SAChEA,IAGFJ,IAAWoC,GACVY,EAAA,MAAA,CACE9C,UAAW+C,EAAWC,EAAOlD,OAAQK,aAAkB,EAAlBA,EAAoBL,QACzD,cAAa2D,EAAoBI,aAAa3D,SAE7CJ,WAOf"}

package/componentsV2/AppContainer/AppContainer.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={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"};e(".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}");export{n as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={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"};e(".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}");export{n as default};
 //# sourceMappingURL=AppContainer.scss.js.map

package/componentsV2/AppContainer/Content.d.ts CHANGED Viewed

@@ -2,10 +2,6 @@ import { ReactNode } from 'react';
 type ContentProps = {
     className?: string;
     children?: ReactNode;
-    dimensions?: {
-        height: number;
-        width: number;
-    };
 };
 export declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/componentsV2/AppContainer/Content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,~~EAAwB~~,MAAM,OAAO,CAAC;~~AAUpE~~,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;~~IACrB~~,~~UAAU,~~CAAC~~,EAAE~~;~~QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;~~AAEF,eAAO,MAAM,OAAO,~~yGA+BnB~~,CAAC"}
1	+ {"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppContainer/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAU,MAAM,OAAO,CAAC;AAStD,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,yGAgClB,CAAC"}

package/componentsV2/AppContainer/Content.js CHANGED Viewed

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

package/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~~","~~classNames~~","~~styles~~","~~content~~","~~withPinnedSettings~~","AppContainerTestIds","ContentTestId","~~Paper~~"~~,"pinnedSettings","AppSettings","rootStyles","onClose"~~],"mappings":"~~gfAiBaA~~,EAAUC,~~GACrB~~,SAAAC,~~EAAsCC~~,GAAQ,~~IAA3CC~~,IAAAA,UAAWC,IAAAA,~~SAAUC~~,~~IAAAA~~,~~WACtBC~~,~~EAA4BC~~,~~IAApBC~~,~~IAAAA~~,~~SAAUC~~,~~IAAAA~~,~~MAEZC~~,~~EAAgBC~~,~~GAAY~~,~~WAChCF~~,~~GAAM~~,~~EACR~~,~~GAAG~~,~~CAACA~~,~~IAEEG~~,~~EAAiBC~~,~~GACrB~~,~~WAAA~~,~~MAAO~~,~~CAAEC~~,~~iBAAWT~~,~~aAAAA~~,~~EAAAA~~,~~EAAYS~~,~~OAAM~~,~~SACtC~~,~~CAACT~~,~~eAAAA~~,~~EAAYS~~,~~SAGf~~,~~OACEC~~,~~EAAAC~~,~~EAAA~~,~~CAAAZ~~,~~SACE~~,~~CAAAa~~,~~EAAA~~,~~MAAA~~,~~CACEd~~,~~UAAWe~~,~~EAAWC~~,~~EAAOC~~,~~QAASZ~~,~~GAAYW~~,~~EAAOE~~,~~mBAAoBlB~~,~~GAC7E~~,cAAamB,EAAoBC,~~cACjCrB~~,~~IAAKA~~,~~EAAIE~~,~~SAERA~~,~~MAGAC~~,~~GAAcG~~,~~GACfS~~,~~EAACO~~,~~EAAK~~,~~CAACrB~~,~~UAAWgB~~,~~EAAOM~~,~~eAAerB~~,~~SACtCa~~,~~EAACS~~,~~EAAW~~,~~CAACC~~,~~WAAYf~~,~~EAAgBgB~~,~~QAASlB~~,~~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","panelAnchor","start","map","id","index","AppPanelDisplay","anchorRef","classNames","content","AppContainerTestIds","ContentTestId","end"],"mappings":"0WAeaA,EAAUC,GAAyC,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,UAAWC,IAAAA,SACtEC,EAAiBC,EAAuB,MACxCC,EAAWC,IAEjB,OACEC,EAAA,MAAA,CAAKN,UAAWO,EAAOC,eAAgBT,IAAKA,EAAIE,SAC9C,CAAAQ,EAAA,MAAA,CAAKT,UAAWO,EAAOG,YAAaX,IAAKG,IAExCE,EAASO,MAAMC,KAAI,SAACC,EAAIC,GAAK,OAC5BL,EAACM,EAAe,CACdF,GAAIA,EACJG,UAAWd,GACQ,iBAAPW,EAAkBA,EAAKC,EACnC,IAGJL,EAAA,MAAA,CACET,UAAWiB,EAAWV,EAAOW,QAASlB,GACtC,cAAamB,EAAoBC,cAAcnB,SAE9CA,IAGFG,EAASiB,IAAIT,KAAI,SAACC,EAAIC,GAAK,OAC1BL,EAACM,EAAe,CACdF,GAAIA,EACJG,UAAWd,GACQ,iBAAPW,EAAkBA,EAAKC,EACnC,MAIV"}

package/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js CHANGED Viewed

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

package/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","Text","size","color","DqAlertTooltip","_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","_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":"~~iiJAeA~~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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","Text","size","color","DqAlertTooltip","_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","_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/componentsV2/AppDqPopover/DqAsset/DqAsset.js CHANGED Viewed

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

package/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":["DqAsset","_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","categoryTitle","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"~~i6JAkBA~~,IAeaA,EAAU,SAAyCC,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,GAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,sBAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,EAACK,EAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,EAACC,EAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAACG,EAAO,CAACJ,MAAM,0BAAyBH,SACtCI,EAACI,EAAa,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,EAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,EAACiB,EAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAACoB,EAAc,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAC6B,EAAS,CACR9B,MACEP,EAAA,MAAA,CAAKC,UAAWC,EAAOoC,cAAclC,SAClCL,CAAAA,EACDS,EAAC+B,EAAY,CACXC,qBAzDaP,EAyD4BG,EAxDvCH,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJV,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO3C,UAAWC,EAAO2C,wBAKxBnB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAe,GACT,OACE9C,EAAA,MAAA,CAAKC,UAAWC,EAAO6C,OAAO3C,SAAA,CAC5BI,EAACwC,EAAI,CAAC/C,UAAWC,EAAO+C,UAAWvB,KAAM,GAAIwB,MAAM,KAAI9C,SACpD0C,EAAKK,OAGPL,EAAKM,WACJ5C,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,eAG5B3B,EAAAuD,EAAA,CAAAnD,SAAA,CACG0C,EAAKF,UAAY,GAChBpC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,YAG7BmB,EAAKH,WAAa,GACjBnC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,iBAlBAmB,EAAKU,QALxCzD,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":["DqAsset","_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","categoryTitle","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"8gKAkBA,IAeaA,EAAU,SAAyCC,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,GAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,sBAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,EAACK,EAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,EAACC,EAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAACG,EAAO,CAACJ,MAAM,0BAAyBH,SACtCI,EAACI,EAAa,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,EAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,EAACiB,EAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAACoB,EAAc,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAC6B,EAAS,CACR9B,MACEP,EAAA,MAAA,CAAKC,UAAWC,EAAOoC,cAAclC,SAClCL,CAAAA,EACDS,EAAC+B,EAAY,CACXC,qBAzDaP,EAyD4BG,EAxDvCH,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJV,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO3C,UAAWC,EAAO2C,wBAKxBnB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAe,GACT,OACE9C,EAAA,MAAA,CAAKC,UAAWC,EAAO6C,OAAO3C,SAAA,CAC5BI,EAACwC,EAAI,CAAC/C,UAAWC,EAAO+C,UAAWvB,KAAM,GAAIwB,MAAM,KAAI9C,SACpD0C,EAAKK,OAGPL,EAAKM,WACJ5C,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,eAG5B3B,EAAAuD,EAAA,CAAAnD,SAAA,CACG0C,EAAKF,UAAY,GAChBpC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,YAG7BmB,EAAKH,WAAa,GACjBnC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,iBAlBAmB,EAAKU,QALxCzD,EA+BK,MAnEwBR,EAuE5C"}

package/componentsV2/AppFooter/DqPopover/DqPopover.js CHANGED Viewed

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

package/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":["DqPopover","_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":"~~q2DA4BaA~~,IAAAA,EAAY,SAAuEC,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,IAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,GAC9CZ,MAAQE,OAAiCQ,EAAxBE,EAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,EAAuB,MACXC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,IAEhBQ,EAAeC,GAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,GAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,GAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,EAACC,EAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,EAACM,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":["DqPopover","_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":"y1DA4BaA,IAAAA,EAAY,SAAuEC,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,IAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,GAC9CZ,MAAQE,OAAiCQ,EAAxBE,EAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,EAAuB,MACXC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,IAEhBQ,EAAeC,GAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,GAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,GAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,EAACC,EAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,EAACM,EAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}

package/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js CHANGED Viewed

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

package/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":"~~o+IAaA~~,IAAMA,EAAiD,CACrDC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUC,GAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,GAC1B,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EACTb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAACD,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":"ulJAaA,IAAMA,EAAiD,CACrDC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUC,GAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,GAC1B,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EACTb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAACD,EAAI,KAGX"}