npm - @corva/ui - Versions diffs - 3.75.0-10 → 3.75.0-12 - Mend

@corva/ui 3.75.0-10 → 3.75.0-12

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

package/componentsV2/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne 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{CautionFilledCustomIcon as p}from"../../icons/customIcons/icons/CautionFilled.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{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,h=o.accept,b=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,g=o.error,P=o.disabled,v=o.testId,y=t(h),F=y.mimetypes,D=y.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:b,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:P}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,O),"data-testid":v,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,P&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:P?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:P,className:e.uploadButton,children:"Choose file"})]})]})),!g&&z&&a(i,{size:14,color:P?"T9":"T6",className:e.description,children:z}),g&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),g]})]})};export{d as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne 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{CautionFilledCustomIcon as p}from"../../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{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,h=o.accept,b=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,F=o.error,g=o.disabled,P=o.testId,v=t(h),y=v.mimetypes,D=v.extensions,x=y.length||D.length?I({"*/*":D},Object.fromEntries(y.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:b,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:g}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,O),"data-testid":P,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,g&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:g?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:g,className:e.uploadButton,children:"Choose file"})]})]})),!F&&z&&a(i,{size:14,color:g?"T9":"T6",className:e.description,children:z}),F&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),F]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/componentsV2/FilesDropzone/FilesDropzone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"~~wmJA0DaA~~,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}
1	+ {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"ktJA0DaA,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}

package/componentsV2/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{formatSizeProgress as m}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon 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{CautionFilledCustomIcon as j}from"../../icons/customIcons/icons/CautionFilled.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{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,O=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,b=h.complete,P=h.testId,k=h.preview,E=v||m,N=!B&&void 0!==M&&void 0!==T,R=N&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":P,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!O&&!b&&d(C,{children:[F(n,{className:u.progressBar,value:R}),N&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(M,T)}),d(c,{size:12,color:"T6",children:[R,"%"]})]})]}),O&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),O]})]}),g&&!O&&!b&&F(r,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(O||b)&&F(r,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&O&&F(r,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
+import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as m}from"../Tooltip/Tooltip.js";import{formatSizeProgress as r}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon 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{CautionFilledCustomIcon as j}from"../../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{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,O=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,b=h.complete,P=h.testId,k=h.preview,E=v||r,R=!B&&void 0!==M&&void 0!==T,N=R&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":P,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!O&&!b&&d(C,{children:[F(n,{className:u.progressBar,value:N}),R&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(M,T)}),d(c,{size:12,color:"T6",children:[N,"%"]})]})]}),O&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),O]})]}),g&&!O&&!b&&F(m,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(O||b)&&F(m,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&O&&F(m,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
 //# sourceMappingURL=FilesLoader.js.map

package/componentsV2/FilesLoader/FilesLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"~~83IA4DaA~~,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}
1	+ {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"w+IA4DaA,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}

package/componentsV2/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Text as u}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}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/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{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,A=o.className,F=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(u,{size:12,children:["Step ",R,"/",v(u,{size:10,children:z})]});return b(O,{children:[$,b(a,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,A),"data-testid":k,children:[(g||F)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),F&&v(l,{onClick:F,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(u,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Text as u}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}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{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,F=o.className,A=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(u,{size:12,children:["Step ",R,"/",v(u,{size:10,children:z})]});return b(O,{children:[$,b(a,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,F),"data-testid":k,children:[(g||A)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),A&&v(l,{onClick:A,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(u,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
 //# sourceMappingURL=Hint.js.map

package/componentsV2/Hint/Hint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"~~y0JA4EaA~~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"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"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"}

package/componentsV2/ImageViewer/ImageViewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as p,ZoomOutIcon as l}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/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{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],A=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;A({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as l,ZoomOutIcon as p}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{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],F=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;F({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
 //# sourceMappingURL=ImageViewer.js.map

package/componentsV2/ImageViewer/ImageViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"mwIAoBA,IAGaA,EAAc,SAA+DC,GAAA,IAA5DC,IAAAA,IAAKC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OAAQC,IAAAA,MACpDC,EAAYC,IAEgBC,EAAAA,GAAwD,WACxF,GAAIH,GAASD,EACX,MAAO,CAAEA,OAAAA,EAAQC,MAAAA,EAGrB,IAAEI,EAAAC,EAAAC,EAAA,GALKC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GA0M9B,OAnMAK,GAAU,WACR,GAAIb,IAAQW,EAAW,CACrB,IAAMG,EAAM,IAAIC,MAChBD,EAAIE,OAAS,SAAAC,GACX,IAAwCA,EAAAA,EAAEC,cAAlCC,IAAAA,aAAcC,IAAAA,cACtBR,EAAa,CAAER,MAAOe,EAAchB,OAAQiB,KAE9CN,EAAId,IAAMA,CACZ,CACF,GAAG,CAACA,EAAKW,IAETE,GAAU,WACR,GAAKb,GAAQW,EAAb,CAKA,IAAMU,EAAkBhB,EAAYiB,OAASC,OACvCC,EAAW,IAAIC,EAAmB,CACtCC,WAAYC,EACZC,WAAY,CACV,CACE5B,IAAAA,EACAI,MAAOO,EAAUP,MACjBD,OAAQQ,EAAUR,SAGtB0B,yBAAyB,EACzBC,aAAa,EACbC,iBAAkB,MAClBC,QAAS,CAAEC,IAAK,GAAIC,OAAQ,GAAIC,KAAM,GAAIC,MAAO,IAEjDC,WAAYhB,EAAgBiB,SAASC,KACrCC,kBAAmB,WAAA,MAAO,CACxBC,EAAGpB,EAAgBqB,WACnBC,EAAGtB,EAAgBuB,YACnB,EACFC,aAlDe,EAmDfC,UAAWC,EAAOC,KAClBC,SAAUC,EAAeC,EAACC,EAAgB,CAAA,MAuJ5C,OA9IA5B,EAAS6B,GAAG,cAAc,WACxB,IAAQC,EAAS9B,EAAT8B,KAEJA,GAAQjD,GAMGiD,EAAKC,OAAOC,MAAMC,QAG1BC,SACH,SAUMC,GAAA,IATJC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,SACAC,IAAAA,QAOIH,IAAWrC,SACb+B,EAAKC,OAAOS,OAAOJ,EAAQC,EAAMC,EAAUC,GAC3CT,EAAKC,OAAOU,IAAI5C,EAAiBwC,EAAMC,EAAUC,IAG/CH,IAAWtB,WACbgB,EAAKC,OAAOS,OAAOJ,EAAQC,EAAMC,EAAUC,GAC3CT,EAAKC,OAAOU,IAAI5C,EAAgBiB,SAAUuB,EAAMC,EAAUC,GAE9D,GAGN,IAEAvC,EAAS6B,GAAG,cAAc,WAAM,IAAAa,EACxBC,EAAK3C,SAAA,QAAAA,EAAAA,EAAU8B,YAAV,IAAAY,OAAA1C,EAAA0C,EAAgBC,GAE3BA,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,kBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,IAETC,KAAMvB,EAAeC,EAACuB,EAAY,CAACC,UAAU,eAE7CC,OAAQ,SAACC,EAAIvB,GACXuB,EAAGC,aAAa,WAAY,IAC5BD,EAAGC,aAAa,SAAU,UAC1BD,EAAGC,aAAa,MAAO,YAEvBxB,SAAAA,EAAMD,GAAG,UAAU,WAAM,IAAA0B,EAEtBF,EAAyBG,MAAO1B,SAAA,QAAIyB,EAAJzB,EAAM2B,iBAAN,IAAAF,OAAI,EAAJA,EAAiBG,KAAKlF,MAAO,EAChE,GACF,IAGFmE,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,iBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,SACTC,KAAMvB,EAAeC,EAACgC,EAAU,CAACR,UAAU,eAC3CC,OAAQ,SAACC,EAAIvB,GACXA,EAAKD,GAAG,iBAAiB,SAAApC,GAAK,IAAAmE,EACtBC,EAASR,EACTS,GAAY,QAAAF,EAAA9B,EAAK2B,iBAAL,IAAAG,OAAA,EAAAA,EAAgBG,gBAAiB,EAE/CtE,EAAEuE,QAAUlC,EAAK2B,YACnBI,EAAOI,SAAWH,GAtIX,EAwIX,GACD,EACDI,QAAS,SAACC,EAAIC,EAAKtC,GAAS,IAAAuC,EAC1B,GAAKvC,SAAe,QAAXuC,EAAJvC,EAAM2B,iBAAS,IAAAY,GAAfA,EAAiBN,cAAtB,CAIA,IAAMO,EAAaxC,EAAK2B,UAAUM,cA9I3B,GA+IDQ,EAAUC,KAAKC,IA/Id,GA+IkBD,KAAKE,MAAMJ,EA/I7B,IADI,GAkJXxC,EAAK2B,UAAUkB,OAAOJ,OAASK,EAL/B,CAMF,IAGF,IAAMC,EAAuB,IAAIC,QACjCnC,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,kBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,SACTC,KAAMvB,EAAeC,EAACoD,EAAW,CAAC5B,UAAU,eAC5CC,OAAQ,SAACC,EAAIvB,GACXA,EAAKD,GAAG,iBAAiB,SAAApC,GAAK,IAAAuF,EACtBnB,EAASR,EACTS,GAAY,QAAAkB,EAAAlD,EAAK2B,iBAAL,IAAAuB,OAAA,EAAAA,EAAgBjB,gBAAiB,EAE/CtE,EAAEuE,QAAUlC,EAAK2B,YAEdoB,EAAqBI,IAAInD,EAAK2B,YACjCoB,EAAqBK,IAAIpD,EAAK2B,UAAWK,GAG3CD,EAAOI,SAAWH,IAAce,EAAqBI,IAAInD,EAAK2B,YAAc,GAEhF,GACD,EACDS,QAAS,SAACC,EAAIC,EAAKtC,GAAS,IAAAqD,EAC1B,GAAKrD,SAAA,UAAAA,EAAM2B,iBAAN,IAAA0B,GAAAA,EAAiBpB,eAAkBc,EAAqBI,IAAInD,EAAK2B,WAAtE,CAIA,IAAMa,EAAaxC,EAAK2B,UAAUM,cAhL3B,GAiLDQ,EAAUC,KAAKY,IAjLd,GAkLLZ,KAAKa,KAAKf,EAlLL,IAmLLO,EAAqBI,IAAInD,EAAK2B,YAAc,GAG9C3B,EAAK2B,UAAUkB,OAAOJ,OAASK,EAR/B,CASF,GAEJ,IAEA5E,EAAS6B,GAAG,SAAS,WACnBpD,SAAAA,GACF,IAEAuB,EAAS6B,GAAG,WAAW,WACrBpD,SAAAA,GACF,IAEAuB,EAAS6B,GAAG,iBAAiB,WAC3BnD,SAAAA,GACF,IAEAsB,EAASsF,OACTtF,EAASuF,YAAY,GAEd,WACLvF,EAASwF,UAjLX,CAmLF,GAAG,CAAChH,EAAKK,EAAWJ,EAASC,EAAQS,IAE9BwC,EAAK8D,EAAA,CAAA,EACd"}

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as c,useMemo as i,useEffect as t}from"react";import{QueryClientProvider as e}from"@tanstack/react-query";import{Chip as r}from"../Chip/Chip.js";import{Menu as m}from"../Menu/Menu.js";import{interventionEventSelectorQueryClient as u,useInterventionUnitEvents as p}from"./useInterventionUnitEvents.js";import{isSameEventId as l,getEventChipLabel as a,ALL_EVENTS_LABEL as j,formatEventDate as I}from"./utils.js";import d from"./InterventionEventSelector.scss.js";import{UpIcon as v,DownIcon as f}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/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{jsx as h,jsxs as C,Fragment as O}from"react/jsx-runtime";function b(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function P(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?b(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function g(o){var e=o.wellId,u=o.selectedEventId,b=o.onChange,P=o.className,g=n(!1),y=s(g,2),F=y[0],E=y[1],k=c(null),A=p(e),S=A.data,D=void 0===S?[]:S,M=A.isSuccess,N=i((function(){var o;return null!==(o=D.find((function(o){return l(o.id,u)})))&&void 0!==o?o:null}),[D,u]);if(t((function(){M&&null!=u&&!N&&b(null,null)}),[M,u,N,b]),!(null!=u||e&&D.length))return null;var w=function(o){E(!1),b(o?Number(o.id):null,o)};return C(O,{children:[h(r,{ref:k,className:P,size:"small",onClick:function(){return E(!0)},suffix:h(F?v:f,{}),testId:"interventionEventSelectorChip",children:a(N,u)}),C(m,{open:F,anchorEl:k.current,onClose:function(){return E(!1)},className:d.menu,children:[h(m.Item,{selected:null==u,onClick:function(){return w(null)},testId:"interventionEventSelectorAllEvents",children:j}),D.map((function(o){var s;return h(m.Item,{size:"large",selected:l(o.id,u),onClick:function(){return w(o)},testId:"interventionEventSelectorEvent-".concat(o.id),children:C("div",{className:d.eventItem,children:[C("div",{className:d.eventItemMain,children:[h("span",{className:d.eventItemOperation,children:o.operation}),h("span",{className:d.eventItemDate,children:I(o)})]}),(null===(s=o.intervention_unit)||void 0===s?void 0:s.name)&&h("div",{className:d.eventItemUnit,children:o.intervention_unit.name})]})},o.id)}))]})]})}function y(o){return h(e,{client:u,children:h(g,P({},o))})}export{y as InterventionEventSelector};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as c,useMemo as i,useEffect as t}from"react";import{QueryClientProvider as e}from"@tanstack/react-query";import{Chip as r}from"../Chip/Chip.js";import{Menu as m}from"../Menu/Menu.js";import{interventionEventSelectorQueryClient as u,useInterventionUnitEvents as p}from"./useInterventionUnitEvents.js";import{isSameEventId as l,getEventChipLabel as a,ALL_EVENTS_LABEL as j,formatEventDate as I}from"./utils.js";import d from"./InterventionEventSelector.scss.js";import{UpIcon as v,DownIcon as f}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{jsx as h,jsxs as C,Fragment as O}from"react/jsx-runtime";function b(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function F(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?b(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function P(o){var e=o.wellId,u=o.selectedEventId,b=o.onChange,F=o.className,P=n(!1),g=s(P,2),y=g[0],E=g[1],k=c(null),A=p(e),S=A.data,D=void 0===S?[]:S,M=A.isSuccess,N=i((function(){var o;return null!==(o=D.find((function(o){return l(o.id,u)})))&&void 0!==o?o:null}),[D,u]);if(t((function(){M&&null!=u&&!N&&b(null,null)}),[M,u,N,b]),!(null!=u||e&&D.length))return null;var w=function(o){E(!1),b(o?Number(o.id):null,o)};return C(O,{children:[h(r,{ref:k,className:F,size:"small",onClick:function(){return E(!0)},suffix:h(y?v:f,{}),testId:"interventionEventSelectorChip",children:a(N,u)}),C(m,{open:y,anchorEl:k.current,onClose:function(){return E(!1)},className:d.menu,children:[h(m.Item,{selected:null==u,onClick:function(){return w(null)},testId:"interventionEventSelectorAllEvents",children:j}),D.map((function(o){var s;return h(m.Item,{size:"large",selected:l(o.id,u),onClick:function(){return w(o)},testId:"interventionEventSelectorEvent-".concat(o.id),children:C("div",{className:d.eventItem,children:[C("div",{className:d.eventItemMain,children:[h("span",{className:d.eventItemOperation,children:o.operation}),h("span",{className:d.eventItemDate,children:I(o)})]}),(null===(s=o.intervention_unit)||void 0===s?void 0:s.name)&&h("div",{className:d.eventItemUnit,children:o.intervention_unit.name})]})},o.id)}))]})]})}function g(o){return h(e,{client:u,children:h(P,F({},o))})}export{g as InterventionEventSelector};
 //# sourceMappingURL=InterventionEventSelector.js.map

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InterventionEventSelector.js","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { Chip } from '../Chip';\nimport { Menu } from '../Menu';\n\nimport { InterventionEventSelectorProps, InterventionUnitEvent } from './types';\nimport {\n interventionEventSelectorQueryClient,\n useInterventionUnitEvents,\n} from './useInterventionUnitEvents';\nimport { ALL_EVENTS_LABEL, formatEventDate, getEventChipLabel, isSameEventId } from './utils';\n\nimport styles from './InterventionEventSelector.scss';\n\nimport { DownIcon, UpIcon } from '~/icons';\n\nfunction InterventionEventSelectorInner({\n wellId,\n selectedEventId,\n onChange,\n className,\n}: InterventionEventSelectorProps) {\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const { data: events = [], isSuccess } = useInterventionUnitEvents(wellId);\n\n const selectedEvent = useMemo(\n () => events.find(event => isSameEventId(event.id, selectedEventId)) ?? null,\n [events, selectedEventId]\n );\n\n // A persisted selection may belong to another well (e.g. the app well changed\n // while unmounted). Once the current well's events are known, an unknown id is\n // reset to \"All events\" so consumers drop the dead filter. Only a successful\n // fetch may reset — a failed one must not wipe a valid selection.\n useEffect(() => {\n if (!isSuccess \|\| selectedEventId == null \|\| selectedEvent) return;\n onChange(null, null);\n }, [isSuccess, selectedEventId, selectedEvent, onChange]);\n\n // With an active selection the chip must stay reachable even when the events\n // cannot be listed (failed fetch, missing well id) — it is the only control\n // that can clear the persisted filter.\n if (selectedEventId == null && (!wellId \|\| !events.length)) return null;\n\n const ArrowIcon = isOpen ? UpIcon : DownIcon;\n\n const handleSelect = (event: InterventionUnitEvent \| null) => {\n setIsOpen(false);\n onChange(event ? Number(event.id) : null, event);\n };\n\n return (\n <>\n <Chip\n ref={anchorRef}\n className={className}\n size=\"small\"\n onClick={() => setIsOpen(true)}\n suffix={<ArrowIcon />}\n testId=\"interventionEventSelectorChip\"\n >\n {getEventChipLabel(selectedEvent, selectedEventId)}\n </Chip>\n <Menu\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={() => setIsOpen(false)}\n className={styles.menu}\n >\n <Menu.Item\n // An unresolvable active selection (failed fetch) still filters the\n // consumer's data, so it must not present as \"All events\" here\n selected={selectedEventId == null}\n onClick={() => handleSelect(null)}\n testId=\"interventionEventSelectorAllEvents\"\n >\n {ALL_EVENTS_LABEL}\n </Menu.Item>\n {events.map(event => (\n <Menu.Item\n key={event.id}\n size=\"large\"\n selected={isSameEventId(event.id, selectedEventId)}\n onClick={() => handleSelect(event)}\n testId={`interventionEventSelectorEvent-${event.id}`}\n >\n <div className={styles.eventItem}>\n <div className={styles.eventItemMain}>\n <span className={styles.eventItemOperation}>{event.operation}</span>\n <span className={styles.eventItemDate}>{formatEventDate(event)}</span>\n </div>\n {event.intervention_unit?.name && (\n <div className={styles.eventItemUnit}>{event.intervention_unit.name}</div>\n )}\n </div>\n </Menu.Item>\n ))}\n </Menu>\n </>\n );\n}\n\n// The host app may bundle a different @tanstack/react-query instance than this\n// library, making an app-level QueryClientProvider invisible to the hook above.\n// Shipping our own provider keeps the component self-contained in any DC app.\nexport function InterventionEventSelector(props: InterventionEventSelectorProps) {\n return (\n <QueryClientProvider client={interventionEventSelectorQueryClient}>\n <InterventionEventSelectorInner {...props} />\n </QueryClientProvider>\n );\n}\n"],"names":["InterventionEventSelectorInner","_ref","wellId","selectedEventId","onChange","className","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","useInterventionUnitEvents","_useInterventionUnitE2","_useInterventionUnitE","data","events","isSuccess","selectedEvent","useMemo","_events$find","find","event","isSameEventId","id","useEffect","length","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","UpIcon","DownIcon","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","InterventionEventSelector","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"~~q2JAiBA~~,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAAuB,MAEAC,EAAAA,EAA0BZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,GACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,EAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,GAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAEMC,EAAe,SAACL,GACpBb,GAAU,GACVP,EAASoB,EAAQM,OAAON,EAAME,IAAM,KAAMF,IAG5C,OACEO,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAI,CACHC,IAAKxB,EACLP,UAAWA,EACXgC,KAAK,QACLC,QAAS,WAAA,OAAM3B,GAAU,EAAM,EAC/B4B,OAAQL,EAdIxB,EAAS8B,EAASC,EAcR,IACtBC,OAAO,gCAA+BT,SAErCU,EAAkBvB,EAAejB,KAEpC4B,EAACa,EAAI,CACHC,KAAMnC,EACNoC,SAAUlC,EAAUmC,QACpBC,QAAS,WAAA,OAAMrC,GAAU,EAAO,EAChCN,UAAW4C,EAAOC,KAAKjB,SAEvB,CAAAC,EAACU,EAAKO,KAAI,CAGRC,SAA6B,MAAnBjD,EACVmC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCa,OAAO,qCAAoCT,SAE1CoB,IAEFnC,EAAOoC,KAAI,SAAA9B,GAAK,IAAA+B,EAAA,OACfrB,EAACU,EAAKO,KAAI,CAERd,KAAK,QACLe,SAAU3B,EAAcD,EAAME,GAAIvB,GAClCmC,QAAS,WAAA,OAAMT,EAAaL,EAAO,EACnCkB,OAA0ClB,kCAAAA,OAAAA,EAAME,IAAKO,SAErDF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOO,UAAUvB,SAC/B,CAAAF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOQ,cAAcxB,SACnC,CAAAC,EAAA,OAAA,CAAM7B,UAAW4C,EAAOS,mBAAmBzB,SAAET,EAAMmC,YACnDzB,EAAA,OAAA,CAAM7B,UAAW4C,EAAOW,cAAc3B,SAAE4B,EAAgBrC,SAEzD,UAAAA,EAAMsC,yBAAN,IAAAP,OAAA,EAAAA,EAAyBQ,OACxB7B,EAAA,MAAA,CAAK7B,UAAW4C,EAAOe,cAAc/B,SAAET,EAAMsC,kBAAkBC,WAZ9DvC,EAAME,GAeD,SAKtB,CAKO,SAASuC,EAA0BC,GACxC,OACEhC,EAACiC,EAAmB,CAACC,OAAQC,EAAqCpC,SAChEC,EAAClC,EAA8BsE,EAAA,CAAA,EAAKJ,KAG1C"}
1	+ {"version":3,"file":"InterventionEventSelector.js","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { Chip } from '../Chip';\nimport { Menu } from '../Menu';\n\nimport { InterventionEventSelectorProps, InterventionUnitEvent } from './types';\nimport {\n interventionEventSelectorQueryClient,\n useInterventionUnitEvents,\n} from './useInterventionUnitEvents';\nimport { ALL_EVENTS_LABEL, formatEventDate, getEventChipLabel, isSameEventId } from './utils';\n\nimport styles from './InterventionEventSelector.scss';\n\nimport { DownIcon, UpIcon } from '~/icons';\n\nfunction InterventionEventSelectorInner({\n wellId,\n selectedEventId,\n onChange,\n className,\n}: InterventionEventSelectorProps) {\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const { data: events = [], isSuccess } = useInterventionUnitEvents(wellId);\n\n const selectedEvent = useMemo(\n () => events.find(event => isSameEventId(event.id, selectedEventId)) ?? null,\n [events, selectedEventId]\n );\n\n // A persisted selection may belong to another well (e.g. the app well changed\n // while unmounted). Once the current well's events are known, an unknown id is\n // reset to \"All events\" so consumers drop the dead filter. Only a successful\n // fetch may reset — a failed one must not wipe a valid selection.\n useEffect(() => {\n if (!isSuccess \|\| selectedEventId == null \|\| selectedEvent) return;\n onChange(null, null);\n }, [isSuccess, selectedEventId, selectedEvent, onChange]);\n\n // With an active selection the chip must stay reachable even when the events\n // cannot be listed (failed fetch, missing well id) — it is the only control\n // that can clear the persisted filter.\n if (selectedEventId == null && (!wellId \|\| !events.length)) return null;\n\n const ArrowIcon = isOpen ? UpIcon : DownIcon;\n\n const handleSelect = (event: InterventionUnitEvent \| null) => {\n setIsOpen(false);\n onChange(event ? Number(event.id) : null, event);\n };\n\n return (\n <>\n <Chip\n ref={anchorRef}\n className={className}\n size=\"small\"\n onClick={() => setIsOpen(true)}\n suffix={<ArrowIcon />}\n testId=\"interventionEventSelectorChip\"\n >\n {getEventChipLabel(selectedEvent, selectedEventId)}\n </Chip>\n <Menu\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={() => setIsOpen(false)}\n className={styles.menu}\n >\n <Menu.Item\n // An unresolvable active selection (failed fetch) still filters the\n // consumer's data, so it must not present as \"All events\" here\n selected={selectedEventId == null}\n onClick={() => handleSelect(null)}\n testId=\"interventionEventSelectorAllEvents\"\n >\n {ALL_EVENTS_LABEL}\n </Menu.Item>\n {events.map(event => (\n <Menu.Item\n key={event.id}\n size=\"large\"\n selected={isSameEventId(event.id, selectedEventId)}\n onClick={() => handleSelect(event)}\n testId={`interventionEventSelectorEvent-${event.id}`}\n >\n <div className={styles.eventItem}>\n <div className={styles.eventItemMain}>\n <span className={styles.eventItemOperation}>{event.operation}</span>\n <span className={styles.eventItemDate}>{formatEventDate(event)}</span>\n </div>\n {event.intervention_unit?.name && (\n <div className={styles.eventItemUnit}>{event.intervention_unit.name}</div>\n )}\n </div>\n </Menu.Item>\n ))}\n </Menu>\n </>\n );\n}\n\n// The host app may bundle a different @tanstack/react-query instance than this\n// library, making an app-level QueryClientProvider invisible to the hook above.\n// Shipping our own provider keeps the component self-contained in any DC app.\nexport function InterventionEventSelector(props: InterventionEventSelectorProps) {\n return (\n <QueryClientProvider client={interventionEventSelectorQueryClient}>\n <InterventionEventSelectorInner {...props} />\n </QueryClientProvider>\n );\n}\n"],"names":["InterventionEventSelectorInner","_ref","wellId","selectedEventId","onChange","className","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","useInterventionUnitEvents","_useInterventionUnitE2","_useInterventionUnitE","data","events","isSuccess","selectedEvent","useMemo","_events$find","find","event","isSameEventId","id","useEffect","length","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","UpIcon","DownIcon","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","InterventionEventSelector","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"+8JAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAAuB,MAEAC,EAAAA,EAA0BZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,GACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,EAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,GAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAEMC,EAAe,SAACL,GACpBb,GAAU,GACVP,EAASoB,EAAQM,OAAON,EAAME,IAAM,KAAMF,IAG5C,OACEO,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAI,CACHC,IAAKxB,EACLP,UAAWA,EACXgC,KAAK,QACLC,QAAS,WAAA,OAAM3B,GAAU,EAAM,EAC/B4B,OAAQL,EAdIxB,EAAS8B,EAASC,EAcR,IACtBC,OAAO,gCAA+BT,SAErCU,EAAkBvB,EAAejB,KAEpC4B,EAACa,EAAI,CACHC,KAAMnC,EACNoC,SAAUlC,EAAUmC,QACpBC,QAAS,WAAA,OAAMrC,GAAU,EAAO,EAChCN,UAAW4C,EAAOC,KAAKjB,SAEvB,CAAAC,EAACU,EAAKO,KAAI,CAGRC,SAA6B,MAAnBjD,EACVmC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCa,OAAO,qCAAoCT,SAE1CoB,IAEFnC,EAAOoC,KAAI,SAAA9B,GAAK,IAAA+B,EAAA,OACfrB,EAACU,EAAKO,KAAI,CAERd,KAAK,QACLe,SAAU3B,EAAcD,EAAME,GAAIvB,GAClCmC,QAAS,WAAA,OAAMT,EAAaL,EAAO,EACnCkB,OAA0ClB,kCAAAA,OAAAA,EAAME,IAAKO,SAErDF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOO,UAAUvB,SAC/B,CAAAF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOQ,cAAcxB,SACnC,CAAAC,EAAA,OAAA,CAAM7B,UAAW4C,EAAOS,mBAAmBzB,SAAET,EAAMmC,YACnDzB,EAAA,OAAA,CAAM7B,UAAW4C,EAAOW,cAAc3B,SAAE4B,EAAgBrC,SAEzD,UAAAA,EAAMsC,yBAAN,IAAAP,OAAA,EAAAA,EAAyBQ,OACxB7B,EAAA,MAAA,CAAK7B,UAAW4C,EAAOe,cAAc/B,SAAET,EAAMsC,kBAAkBC,WAZ9DvC,EAAME,GAeD,SAKtB,CAKO,SAASuC,EAA0BC,GACxC,OACEhC,EAACiC,EAAmB,CAACC,OAAQC,EAAqCpC,SAChEC,EAAClC,EAA8BsE,EAAA,CAAA,EAAKJ,KAG1C"}

package/componentsV2/ModalWindow/ModalWindow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{forwardRef as s}from"react";import c from"classnames";import{Button as i}from"../Button/Button.js";import{Header as n}from"../Header/Header.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{ButtonIcon as r}from"../ButtonIcon/ButtonIcon.js";import{Paper as e}from"../Paper/Paper.js";import{TextEndTruncated as m}from"../TextEndTruncated/TextEndTruncated.js";import p from"./ModalWindow.scss.js";import{CloseSmallIcon as u}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/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{jsxs as a,jsx as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d={large:p.large,fullscreen:p.fullscreen,medium:p.medium,small:p.small},h=s((function(o,s){var j=o.className,h=o.testId,C=o.onClose,O=o.size,f=void 0===O?"medium":O,b=o.children,y=o.primaryActionHandler,P=o.secondaryActionHandler,v=o.actions,g=o.primaryActionText,A=o.secondaryActionProps,F=o.secondaryActionText,k=o.primaryActionProps,x=o.showCloseButton,T=o.title;return a(e,{className:c(p.root,d[f],j),testId:h,ref:s,children:[T&&a(n,{className:p.title,appearance:"H3",children:[l(m,{maxLines:4,className:p.titleContent,children:T}),x&&l(t,{title:"Close",children:l(r,{className:p.closeButton,onClick:C,children:l(u,{})})})]}),l("div",{className:p.content,children:l("div",{className:p.contentInner,children:b})}),(!!v||g||F)&&a("div",{className:p.actions,children:[v,F&&l(i,I(I({type:"secondary",size:"medium",onClick:P},A),{},{children:F})),g&&l(i,I(I({type:"primary",size:"medium",onClick:y},k),{},{children:g}))]})]})}));export{h as ModalWindow};
+import o from"@babel/runtime/helpers/defineProperty";import{forwardRef as s}from"react";import c from"classnames";import{Button as i}from"../Button/Button.js";import{Header as n}from"../Header/Header.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{ButtonIcon as r}from"../ButtonIcon/ButtonIcon.js";import{Paper as m}from"../Paper/Paper.js";import{TextEndTruncated as e}from"../TextEndTruncated/TextEndTruncated.js";import p from"./ModalWindow.scss.js";import{CloseSmallIcon as u}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{jsxs as a,jsx as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d={large:p.large,fullscreen:p.fullscreen,medium:p.medium,small:p.small},h=s((function(o,s){var j=o.className,h=o.testId,C=o.onClose,O=o.size,f=void 0===O?"medium":O,b=o.children,y=o.primaryActionHandler,P=o.secondaryActionHandler,v=o.actions,F=o.primaryActionText,g=o.secondaryActionProps,A=o.secondaryActionText,k=o.primaryActionProps,x=o.showCloseButton,T=o.title;return a(m,{className:c(p.root,d[f],j),testId:h,ref:s,children:[T&&a(n,{className:p.title,appearance:"H3",children:[l(e,{maxLines:4,className:p.titleContent,children:T}),x&&l(t,{title:"Close",children:l(r,{className:p.closeButton,onClick:C,children:l(u,{})})})]}),l("div",{className:p.content,children:l("div",{className:p.contentInner,children:b})}),(!!v||F||A)&&a("div",{className:p.actions,children:[v,A&&l(i,I(I({type:"secondary",size:"medium",onClick:P},g),{},{children:A})),F&&l(i,I(I({type:"primary",size:"medium",onClick:y},k),{},{children:F}))]})]})}));export{h as ModalWindow};
 //# sourceMappingURL=ModalWindow.js.map

package/componentsV2/ModalWindow/ModalWindow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalWindow.js","sources":["../../../src/componentsV2/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button, ButtonProps } from '../Button';\nimport { Header } from '../Header';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Paper } from '../Paper';\nimport { TextEndTruncated } from '../TextEndTruncated';\n\nimport styles from './ModalWindow.scss';\n\nimport { CloseSmallIcon } from '~/icons';\n\nexport type ModalWindowProps = {\n title?: ReactNode;\n /*\n Component contents\n /\n children?: ReactNode;\n onClose?: () => void;\n size?: 'small' \| 'medium' \| 'large' \| 'fullscreen';\n showCloseButton?: boolean;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n /\n Additional props for primary button\n /\n primaryActionProps?: Omit<ButtonProps, 'children' \| 'onClick' \| 'type' \| 'size'>;\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n /\n Additional props for secondary button\n /\n secondaryActionProps?: Omit<ButtonProps, 'children' \| 'onClick' \| 'type' \| 'size'>;\n\n /\n Additional actions to render in Modal's footer\n */\n actions?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ModalWindowProps>['size'], string> = {\n large: styles.large,\n fullscreen: styles.fullscreen,\n medium: styles.medium,\n small: styles.small,\n};\n\nexport const ModalWindow = forwardRef<HTMLDivElement, ModalWindowProps>(\n (\n {\n className,\n testId,\n onClose,\n size = 'medium',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n actions,\n primaryActionText,\n secondaryActionProps,\n secondaryActionText,\n primaryActionProps,\n showCloseButton,\n title,\n },\n ref\n ) => {\n return (\n <Paper\n className={classNames(styles.root, SizeToClassMap[size], className)}\n testId={testId}\n ref={ref}\n >\n {title && (\n <Header className={styles.title} appearance=\"H3\">\n <TextEndTruncated maxLines={4} className={styles.titleContent}>\n {title}\n </TextEndTruncated>\n\n {showCloseButton && (\n <Tooltip title=\"Close\">\n <ButtonIcon className={styles.closeButton} onClick={onClose}>\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </Header>\n )}\n\n <div className={styles.content}>\n <div className={styles.contentInner}>{children}</div>\n </div>\n\n {(!!actions \|\| primaryActionText \|\| secondaryActionText) && (\n <div className={styles.actions}>\n {actions}\n\n {secondaryActionText && (\n <Button\n type=\"secondary\"\n size=\"medium\"\n onClick={secondaryActionHandler}\n {...secondaryActionProps}\n >\n {secondaryActionText}\n </Button>\n )}\n\n {primaryActionText && (\n <Button\n type=\"primary\"\n size=\"medium\"\n onClick={primaryActionHandler}\n {...primaryActionProps}\n >\n {primaryActionText}\n </Button>\n )}\n </div>\n )}\n </Paper>\n );\n }\n);\n"],"names":["SizeToClassMap","large","styles","fullscreen","medium","small","ModalWindow","forwardRef","_ref","ref","className","testId","onClose","_ref$size","size","children","primaryActionHandler","secondaryActionHandler","actions","primaryActionText","secondaryActionProps","secondaryActionText","primaryActionProps","showCloseButton","title","_jsxs","Paper","classNames","root","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"~~+sJA2DA~~,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,GACzB,SAAAC,EAiBEC,GACG,IAhBDC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAAOC,EAAAL,EACPM,KAAAA,aAAO,SAAQD,EACfE,IAAAA,SACAC,IAAAA,qBACAC,IAAAA,uBACAC,IAAAA,QACAC,IAAAA,kBACAC,IAAAA,qBACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,MAIF,OACEC,EAACC,EAAK,CACJhB,UAAWiB,EAAWzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAACI,EAAM,CAACnB,UAAWR,EAAOsB,MAAOM,WAAW,KAAIf,SAAA,CAC9CgB,EAACC,EAAgB,CAACC,SAAU,EAAGvB,UAAWR,EAAOgC,aAAanB,SAC3DS,IAGFD,GACCQ,EAACI,EAAO,CAACX,MAAM,QAAOT,SACpBgB,EAACK,EAAU,CAAC1B,UAAWR,EAAOmC,YAAaC,QAAS1B,EAAQG,SAC1DgB,EAACQ,EAAc,WAOzBR,EAAA,MAAA,CAAKrB,UAAWR,EAAOsC,QAAQzB,SAC7BgB,EAAA,MAAA,CAAKrB,UAAWR,EAAOuC,aAAa1B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAA,MAAA,CAAKf,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCU,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,YACL9B,KAAK,SACLwB,QAASrB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCY,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,UACL9B,KAAK,SACLwB,QAAStB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}
1	+ {"version":3,"file":"ModalWindow.js","sources":["../../../src/componentsV2/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button, ButtonProps } from '../Button';\nimport { Header } from '../Header';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Paper } from '../Paper';\nimport { TextEndTruncated } from '../TextEndTruncated';\n\nimport styles from './ModalWindow.scss';\n\nimport { CloseSmallIcon } from '~/icons';\n\nexport type ModalWindowProps = {\n title?: ReactNode;\n /*\n Component contents\n /\n children?: ReactNode;\n onClose?: () => void;\n size?: 'small' \| 'medium' \| 'large' \| 'fullscreen';\n showCloseButton?: boolean;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n /\n Additional props for primary button\n /\n primaryActionProps?: Omit<ButtonProps, 'children' \| 'onClick' \| 'type' \| 'size'>;\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n /\n Additional props for secondary button\n /\n secondaryActionProps?: Omit<ButtonProps, 'children' \| 'onClick' \| 'type' \| 'size'>;\n\n /\n Additional actions to render in Modal's footer\n */\n actions?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ModalWindowProps>['size'], string> = {\n large: styles.large,\n fullscreen: styles.fullscreen,\n medium: styles.medium,\n small: styles.small,\n};\n\nexport const ModalWindow = forwardRef<HTMLDivElement, ModalWindowProps>(\n (\n {\n className,\n testId,\n onClose,\n size = 'medium',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n actions,\n primaryActionText,\n secondaryActionProps,\n secondaryActionText,\n primaryActionProps,\n showCloseButton,\n title,\n },\n ref\n ) => {\n return (\n <Paper\n className={classNames(styles.root, SizeToClassMap[size], className)}\n testId={testId}\n ref={ref}\n >\n {title && (\n <Header className={styles.title} appearance=\"H3\">\n <TextEndTruncated maxLines={4} className={styles.titleContent}>\n {title}\n </TextEndTruncated>\n\n {showCloseButton && (\n <Tooltip title=\"Close\">\n <ButtonIcon className={styles.closeButton} onClick={onClose}>\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </Header>\n )}\n\n <div className={styles.content}>\n <div className={styles.contentInner}>{children}</div>\n </div>\n\n {(!!actions \|\| primaryActionText \|\| secondaryActionText) && (\n <div className={styles.actions}>\n {actions}\n\n {secondaryActionText && (\n <Button\n type=\"secondary\"\n size=\"medium\"\n onClick={secondaryActionHandler}\n {...secondaryActionProps}\n >\n {secondaryActionText}\n </Button>\n )}\n\n {primaryActionText && (\n <Button\n type=\"primary\"\n size=\"medium\"\n onClick={primaryActionHandler}\n {...primaryActionProps}\n >\n {primaryActionText}\n </Button>\n )}\n </div>\n )}\n </Paper>\n );\n }\n);\n"],"names":["SizeToClassMap","large","styles","fullscreen","medium","small","ModalWindow","forwardRef","_ref","ref","className","testId","onClose","_ref$size","size","children","primaryActionHandler","secondaryActionHandler","actions","primaryActionText","secondaryActionProps","secondaryActionText","primaryActionProps","showCloseButton","title","_jsxs","Paper","classNames","root","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"yzJA2DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,GACzB,SAAAC,EAiBEC,GACG,IAhBDC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAAOC,EAAAL,EACPM,KAAAA,aAAO,SAAQD,EACfE,IAAAA,SACAC,IAAAA,qBACAC,IAAAA,uBACAC,IAAAA,QACAC,IAAAA,kBACAC,IAAAA,qBACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,MAIF,OACEC,EAACC,EAAK,CACJhB,UAAWiB,EAAWzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAACI,EAAM,CAACnB,UAAWR,EAAOsB,MAAOM,WAAW,KAAIf,SAAA,CAC9CgB,EAACC,EAAgB,CAACC,SAAU,EAAGvB,UAAWR,EAAOgC,aAAanB,SAC3DS,IAGFD,GACCQ,EAACI,EAAO,CAACX,MAAM,QAAOT,SACpBgB,EAACK,EAAU,CAAC1B,UAAWR,EAAOmC,YAAaC,QAAS1B,EAAQG,SAC1DgB,EAACQ,EAAc,WAOzBR,EAAA,MAAA,CAAKrB,UAAWR,EAAOsC,QAAQzB,SAC7BgB,EAAA,MAAA,CAAKrB,UAAWR,EAAOuC,aAAa1B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAA,MAAA,CAAKf,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCU,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,YACL9B,KAAK,SACLwB,QAASrB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCY,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,UACL9B,KAAK,SACLwB,QAAStB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}